@charset "UTF-8";

/*-----------------------------------------------------------------------------------------------------------------------------------------
  固有レイアウト
-----------------------------------------------------------------------------------------------------------------------------------------*/
/* @import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@font-face {
  font-family: 'Proza Libre';
  font-style: normal;
  font-weight: 500;
  src: local('Proza Libre Medium'), local('ProzaLibre-Medium'), url(https://fonts.gstatic.com/s/prozalibre/v3/LYjbdGHgj0k1DIQRyUEyyELbV8_YeJQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Proza Libre';
  font-style: normal;
  font-weight: 700;
  src: local('Proza Libre Bold'), local('ProzaLibre-Bold'), url(https://fonts.gstatic.com/s/prozalibre/v3/LYjbdGHgj0k1DIQRyUEyyEKTUc_YeJQ.ttf) format('truetype');
} */

/* #mainContainer { font-family:'Helvetica Neue', Helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
#mainContainer .japanese { font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; } */

/*-----------------------------------------------------------------------------------------------------------------------------------------
  コンテンツ
-----------------------------------------------------------------------------------------------------------------------------------------*/
#contentsWrap { width:auto; margin:0; padding-bottom:0; display:block; }

/*-----------------------------------------------------------------------------------------------------------------------------------------
  メインビジュアル
-----------------------------------------------------------------------------------------------------------------------------------------*/
#mvWrap { background:none no-repeat right top; min-width:auto; background-color:#ffffff; }
#mvWrap #mvSection { width:auto; margin:0 auto; padding:0; }

/*-----------------------------------------------------------------------------------------------------------------------------------------
  フッター
-----------------------------------------------------------------------------------------------------------------------------------------*/
#footerWrap #pageTopBtnSection #pageTopBtnArea p#catalogBtn { /* display:none; */ }


/*------------------------------------------------------------------
  メインビジュアル
-------------------------------------------------------------------*/
#mvWrap { background: url(/en/products/products2020/images/top_bg_mv_pc.jpg) no-repeat center top / 100% auto; min-width:1200px; padding-bottom: 115px; }
#mvWrap #mvSection { width:1200px; margin:0 auto; }
#mvWrap #mvSection h1 { font-size: 179%; padding: 240px 0; letter-spacing: 0.27em; font-weight: bold; }
#mvWrap #mvSection h1 span { display: inline; color: #009b4a; }
#mvWrap #mvSection ul { display: flex; flex-wrap: wrap; font-size: 129%; }
#mvWrap #mvSection ul li { margin-left: 17px; text-align: center; width: 135px; }
#mvWrap #mvSection ul li:nth-child(8n+1) { margin-left: 0; }
#mvWrap #mvSection ul li:nth-child(n+9) { margin-top: 20px; }
#mvWrap #mvSection ul li p { line-height: 1.2; }
#mvWrap #mvSection ul li p span { font-size: 40%; display: block; }
#mvWrap #mvSection ul li p + p { margin-top: 5px; font-weight: bold; }

/*------------------------------------------------------------------
  コンテンツ
-------------------------------------------------------------------*/
/*----------------------------------------------
  .productsArea
-----------------------------------------------*/
/* 共通 */
#contentsWrap .productsSection { min-width:1200px; }
#contentsWrap .productsSection .productsArea { width: 1200px; margin: 0 auto; padding-bottom: 95px; }
#contentsWrap .productsSection .productsArea h3 { font-size: 143%; }
#contentsWrap .productsSection .productsArea h4 { font-size: 129%; }
#contentsWrap .productsSection .productsArea .attentionTxt,
#contentsWrap .productsSection .productsArea ul.attentionList li { font-size: 85%; text-indent: -1em; padding-left: 1em; }


/*----------------------------------------------
  .productsArea(txtColor)
-----------------------------------------------*/
/* テキスト白 */
#contentsWrap .productsSection .productsArea.txtColorW { color: #ffffff; }
#contentsWrap .productsSection .productsArea.txtColorW .infoInner .slick-prev { background-image: url(/en/products/products2020/images/top_slider_btn_prev_w.png); }
#contentsWrap .productsSection .productsArea.txtColorW .infoInner .slick-next { background-image: url(/en/products/products2020/images/top_slider_btn_next_w.png); }
#contentsWrap .productsSection .productsArea.txtColorW ul.btnList li a { color: #ffffff; border-color: #ffffff; }
#contentsWrap .productsSection .productsArea.txtColorW ul.btnList li a span { background-image: url(/en/products/products2020/images/top_icon_arrow_w.png); }

/* テキスト黒 */
#contentsWrap .productsSection .productsArea.txtColorB { color: #000000; }
#contentsWrap .productsSection .productsArea.txtColorB .infoInner .slick-prev { background-image: url(/en/products/products2020/images/top_slider_btn_prev_b.png); }
#contentsWrap .productsSection .productsArea.txtColorB .infoInner .slick-next { background-image: url(/en/products/products2020/images/top_slider_btn_next_b.png); }
#contentsWrap .productsSection .productsArea.txtColorB ul.btnList li a { color: #000000; border-color: #000000; }
#contentsWrap .productsSection .productsArea.txtColorB ul.btnList li a span { background-image: url(/en/products/products2020/images/top_icon_arrow_b.png); }


/*----------------------------------------------
  .productsArea > .titleInner
-----------------------------------------------*/
/* 共通 */
#contentsWrap .productsSection .productsArea .titleInner { width:455px; margin-left: auto; box-sizing: border-box; height: 550px; padding-top: 225px; }
#contentsWrap .productsSection .productsArea .titleInner h2 { font-size: 479%; font-weight: bold; line-height: 1; letter-spacing: 0.07em; }
/* #contentsWrap .productsSection .productsArea .titleInner p { font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; } */
#contentsWrap .productsSection .productsArea .titleInner h2 span { font-size: 35%; display: block; letter-spacing: 0.1em; }
/* #contentsWrap .productsSection .productsArea .titleInner h3 { font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; } */

/* サブタイトルあり */
#contentsWrap .productsSection .productsArea .titleInner.hasSubTitle { padding-top: 195px; }
#contentsWrap .productsSection .productsArea .titleInner.hasSubTitle h2 { margin-top: 10px; }

/* テキストあり */
#contentsWrap .productsSection .productsArea .titleInner.hasInfoTxt { padding-top: 185px; }
#contentsWrap .productsSection .productsArea .titleInner.hasInfoTxt p { margin-top: 20px; line-height: 2; }
#contentsWrap .productsSection .productsArea .titleInner.hasInfoTxt h3 { margin-top: 30px; }
#contentsWrap .productsSection .productsArea .titleInner.hasInfoTxt h3 + p { margin-top: 10px; }


/*----------------------------------------------
  .productsArea > .infoInner
-----------------------------------------------*/
/* 共通 */
/* #contentsWrap .productsSection .productsArea .infoInner { font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; } */
#contentsWrap .productsSection .productsArea .infoInner p { line-height: 2; }
#contentsWrap .productsSection .productsArea .infoInner img { width: 100%; }

/* スライダー */
#contentsWrap .productsSection .productsArea .infoInner ul.sliderList { width: 1110px; margin: 0 auto; }
#contentsWrap .productsSection .productsArea .infoInner ul.sliderList li { width: 340px; margin: 0 15px; }

/* 画像 + テキスト */
#contentsWrap .productsSection .productsArea .infoInner ul.flexList { width: 1080px; margin: 0 auto; }
#contentsWrap .productsSection .productsArea .infoInner ul.flexList li { display: flex; margin-top: 35px; }
#contentsWrap .productsSection .productsArea .infoInner ul.flexList li:first-child { margin-top: 0; }
#contentsWrap .productsSection .productsArea .infoInner ul.flexList li > p { width: 340px; }
#contentsWrap .productsSection .productsArea .infoInner ul.flexList li div { margin-left: 30px; width: 710px; }
#contentsWrap .productsSection .productsArea .infoInner ul.flexList li div p { margin-top: 15px; }

/* テキスト + テキスト(横並び) */
#contentsWrap .productsSection .productsArea .infoInner dl.horizontalDl { width: 1080px; margin: 15px auto 0; line-height: 2; display: flex; align-items: center; }
#contentsWrap .productsSection .productsArea .infoInner dl.horizontalDl dt { width: 230px; font-size: 214%; }
#contentsWrap .productsSection .productsArea .infoInner dl.horizontalDl dt span { display: block; font-size: 47%; line-height: 1; }
#contentsWrap .productsSection .productsArea .infoInner dl.horizontalDl dd { width: 850px; }

/* タイトル + テキスト(縦並び) */
#contentsWrap .productsSection .productsArea .infoInner .txtBox { width: 1080px; margin: 0 auto; }
#contentsWrap .productsSection .productsArea .infoInner .txtBox h3 { margin-top: 30px; }
#contentsWrap .productsSection .productsArea .infoInner .txtBox h4 { margin-top: 15px; }
#contentsWrap .productsSection .productsArea .infoInner .txtBox p { margin-top: 15px; }
#contentsWrap .productsSection .productsArea .infoInner .txtBox ul.attentionList { margin-top: 10px; }

/* 枠線 */
#contentsWrap .productsSection .productsArea .infoInner .borderBox { width: 1080px; margin: 40px auto 0; border: solid 1px #ffffff; padding: 40px 50px 45px; box-sizing: border-box; }
#contentsWrap .productsSection .productsArea .infoInner .borderBox ul.flexList { width: auto; }
#contentsWrap .productsSection .productsArea .infoInner .borderBox ul.flexList li { flex-direction: row-reverse; justify-content: space-between; }
#contentsWrap .productsSection .productsArea .infoInner .borderBox ul.flexList li > p { margin-top: 10px; }
#contentsWrap .productsSection .productsArea .infoInner .borderBox ul.flexList li div { width: 610px; margin-left: 0; }
#contentsWrap .productsSection .productsArea .infoInner .borderBox ul.flexList li div p + p { margin-top: 25px; }
#contentsWrap .productsSection .productsArea .infoInner .borderBox ul.flexList li div p.attentionTxt { margin-top: 0; }

/* テキストのみ */
#contentsWrap .productsSection .productsArea .infoInner > p { width: 1080px; margin: 20px auto 0; }


/*----------------------------------------------
  .productsArea > ul.btnList
-----------------------------------------------*/
#contentsWrap .productsSection .productsArea ul.btnList { margin-top: 60px; display: flex; flex-wrap: wrap; justify-content: center; /* font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; */ }
#contentsWrap .productsSection .productsArea ul.btnList li { margin: 0 25px; width: 290px; text-align: center; }
#contentsWrap .productsSection .productsArea ul.btnList li a { display: block; padding: 10px 10px 13px; border-style: solid; border-width: 1px; }
#contentsWrap .productsSection .productsArea ul.btnList li a span { display: block; background-repeat: no-repeat; background-position: center right; }


/*----------------------------------------------
  動き
-----------------------------------------------*/
.productsSection { opacity: 0; }
.animationFadeIn { animation: fadeIn .8s both; animation-delay:.3s; }

/* keyframes */
@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}


/*----------------------------------------------
  個別
-----------------------------------------------*/
/* 個別背景 */
#contentsWrap #products1259Section { background: #000000 url(/en/products/products2020/images/top_1259_bg_pc.jpg) no-repeat center top; }
#contentsWrap #products1262Section { background: #eaf1f7 url(/en/products/products2020/images/top_1262_bg_pc.jpg) no-repeat center top; }
#contentsWrap #products1251Section { background: #17181a url(/en/products/products2020/images/top_1251_bg_pc.jpg) no-repeat center top; }
#contentsWrap #products1263Section { background: #040508 url(/en/products/products2020/images/top_1263_bg_pc.jpg) no-repeat center top; }
#contentsWrap #products1256Section { background: #25140d url(/en/products/products2020/images/top_1256_bg_pc.jpg) no-repeat center top; }
#contentsWrap #products1257Section { background: #d5d6e3 url(/en/products/products2020/images/top_1257_bg_pc.jpg) no-repeat center top; }
#contentsWrap #products1253Section { background: #212429 url(/en/products/products2020/images/top_1253_bg_pc.jpg) no-repeat center top; }
#contentsWrap #products1255Section { background: #9498a3 url(/en/products/products2020/images/top_1255_bg_pc.jpg) no-repeat center top; }
#contentsWrap #products1223Section { background: #a29fac url(/en/products/products2020/images/top_1223_bg_pc.jpg) no-repeat center top; }
#contentsWrap #products1082Section { background: #6a6c6e url(/en/products/products2020/images/top_1082_bg_pc.jpg) no-repeat center top; }
#contentsWrap #products1264Section { background: #090908 url(/en/products/products2020/images/top_1264_bg_pc.jpg) no-repeat center top; }
#contentsWrap #products1079Section { background: #2a3139 url(/en/products/products2020/images/top_1079_bg_pc.jpg) no-repeat center top; }
#contentsWrap #products2714Section { background: #f5f6fb url(/en/products/products2020/images/top_2714_bg_pc.jpg) no-repeat center top; }
#contentsWrap #productsFixisSection { background: #f4f4f4 url(/en/products/products2020/images/top_fixis_bg_pc.jpg) no-repeat center top; }
#contentsWrap #productsUnifortSection { background: #f5f6fb url(/en/products/products2020/images/top_unifort_bg_pc.jpg) no-repeat center top; }

/* 1262 */
#contentsWrap #products1262Section .productsArea .infoInner dl.horizontalDl dt { letter-spacing: 0.12em; }

/* 1251 */
#contentsWrap #products1251Section .productsArea .titleInner { padding-top: 240px; }
#contentsWrap #products1251Section .productsArea .infoInner ul.flexList li h3 { border-bottom: solid 1px #ffffff; padding-bottom: 15px; }
#contentsWrap #products1251Section .productsArea .infoInner ul.flexList li h3 span { font-size: 70%; display: block; }

/* 1263 */
#contentsWrap #products1263Section .productsArea .infoInner dl.horizontalDl dt { font-size: 143%; width: 245px; line-height:1.5; }
#contentsWrap #products1263Section .productsArea .infoInner dl.horizontalDl dd { width: 835px; }

/* 1256 */
#contentsWrap #products1256Section .productsArea .infoInner dl.horizontalDl dt { font-size: 214%; letter-spacing: 0.1em; line-height: 1; width: 200px; text-align: center; }
#contentsWrap #products1256Section .productsArea .infoInner dl.horizontalDl dt span { font-size: 47%; letter-spacing: 0.05em; line-height: 1.5; }
#contentsWrap #products1256Section .productsArea .infoInner dl.horizontalDl dd { margin-left: 10px; width: 870px; }

/* 1257 */
#contentsWrap #products1257Section .productsArea .titleInner.hasInfoTxt { padding-top: 120px; }

/* 1253 */
#contentsWrap #products1253Section .productsArea .titleInner.hasInfoTxt { padding-top: 250px; }

/* 1255 */
#contentsWrap #products1255Section .productsArea .titleInner.hasInfoTxt { padding-top: 150px; }

/* 1223 */
#contentsWrap #products1223Section .productsArea .titleInner.hasInfoTxt { padding-top: 120px; }
#contentsWrap #products1223Section .productsArea .titleInner.hasInfoTxt h3 { margin-top: 20px; }
#contentsWrap #products1223Section .productsArea .titleInner.hasInfoTxt h3 + p { margin-top: 0; }
#contentsWrap #products1223Section .productsArea .titleInner.hasInfoTxt p + p { margin-top: 30px; }

/* 1264 */
#contentsWrap #products1264Section .productsArea .titleInner.hasInfoTxt { padding-top: 205px; }

/* 1079 */
#contentsWrap #products1079Section .productsArea .titleInner { border-box; height:600px; }
#contentsWrap #products1079Section .productsArea .titleInner.hasInfoTxt { padding-top: 90px; }

/* 2714 */
#contentsWrap #products2714Section .productsArea .titleInner.hasInfoTxt { padding-top: 150px; }
#contentsWrap #products2714Section .productsArea .infoInner .txtBox ul.attentionList { margin-top: 30px; }

/* FIXIS */
#contentsWrap #productsFixisSection .productsArea { padding-bottom: 200px; }
#contentsWrap #productsFixisSection .productsArea .titleInner { padding-top: 175px; }
#contentsWrap #productsFixisSection .productsArea .titleInner h2 { margin-top: 10px; }
#contentsWrap #productsFixisSection .productsArea .titleInner h2 + p { margin-top: 8px; line-height: 2; }

#contentsWrap #productsFixisSection .productsArea .infoInner ul#FixisList { width: 1080px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
#contentsWrap #productsFixisSection .productsArea .infoInner ul#FixisList li { width: 525px; }
#contentsWrap #productsFixisSection .productsArea .infoInner ul#FixisList li h3 { margin-top: 15px; }
#contentsWrap #productsFixisSection .productsArea .infoInner ul#FixisList li p { margin-top: 10px; }

/* UNIFORT */
#contentsWrap #productsUnifortSection .productsArea .titleInner.hasInfoTxt { padding-top: 190px; }
#contentsWrap #productsUnifortSection .productsArea .titleInner.hasInfoTxt h3 { margin-top: 20px; letter-spacing: 0.12em; }

/* モーダル */
body.lp #cboxClose { border-radius:50%; background-color:transparent; right:-10px; top:-55px; }
body.lp button#cboxPrevious,
body.lp button#cboxNext { position:absolute; top:50%; z-index:10; transform:translateY(-50%); font-size:0; line-height:0; display:block; width:30px; height:30px; padding:0; transform:translateY(-50%); cursor:pointer; border:none; outline:none; background-repeat:no-repeat; background-position:center center; background-size:40% auto; padding:10px; box-sizing:content-box; /* background-color:#ffffff; padding:10px; box-sizing:content-box; */ border-radius:50%; }
body.lp button#cboxPrevious { left:-55px; background-image: url(/en/products/products2020/images/top_slider_btn_prev_w.png); }
body.lp button#cboxNext { right:-55px; background-image: url(/en/products/products2020/images/top_slider_btn_next_w.png); }