/* CSS Document */

/*******************************************************
  bllb0617
*******************************************************/

/* pc*/

#pc_wrap .bxSlider .p02{font-size: 11px; line-height: 180%; letter-spacing: 0.3px;}

#pc_wrap .mainImg01, #pc_wrap .mainImg02, #pc_wrap .mainImg03, #pc_wrap .mainImg04, #pc_wrap .mainImg05, #pc_wrap .mainImg06, #pc_wrap .mainImg07, #pc_wrap .mainImg08{position: relative; width: 926px; height: 443px; margin: 0 auto;}
#pc_wrap .mainImg01 div, #pc_wrap .mainImg02 div, #pc_wrap .mainImg03 div, #pc_wrap .mainImg04 div, #pc_wrap .mainImg05 div, #pc_wrap .mainImg06 div, #pc_wrap .mainImg07 div, #pc_wrap .mainImg08 div, #pc_wrap .p01, #pc_wrap .p02{position: absolute;}
#pc_wrap .mainImg01 div, #pc_wrap .mainImg02 div, #pc_wrap .mainImg03 div{top: 60px; left: 166px;}

#pc_wrap .mainImg04 div{top: 0; left: 40px;}
#pc_wrap .mainImg04 .p02{top: 363px; left: 495px;}
#pc_wrap .mainImg05 div{top: 18px; left: 40px;}
#pc_wrap .mainImg05 .p02{top: 352px; left: 40px;}
#pc_wrap .mainImg06 div{top: 0; left: 40px;}
#pc_wrap .mainImg06 .p02{top: 361px; left: 40px;}
#pc_wrap .mainImg07 div{top: 77px; left: 40px;}
#pc_wrap .mainImg07 .p02{top: 341px; left: 40px;}
#pc_wrap .mainImg08 div{top: 62px; left: 40px;}
#pc_wrap .mainImg08 .p02{top: 341px; left: 435px;}

#pc_wrap .bx-pager{width: 371px; margin-top: -50px;}
#pc_wrap .bx-pager li{height: 90px;}
#pc_wrap .bx-pager a{width: 52px; height: 52px;}
#pc_wrap .bx-pager a img{width: 52px; height: 52px; border: 1px solid #fff; transition: border-color 0.6s, color 0.6s;}
#pc_wrap .bx-pager a.active img{border: 1px solid #ccc; transition: border-color 0.6s, color 0.6s;}


#pc_wrap .content01_l, #pc_wrap .content01_r{margin-top: 50px;}
#pc_wrap .content01_l p span{font-family: 'NotoSansCJKjp DemiLight', serif;}

#pc_wrap .content02_1{width: 1000px; margin: 0 auto;}
#pc_wrap .content02_1 img{vertical-align: bottom;}
#pc_wrap .main02{margin: 120px 0 160px 0;}
#pc_wrap .main03{margin-bottom: 160px;}
#pc_wrap .main05{margin: 160px 0 0 125px;}
#pc_wrap .main06{margin: 60px 0 0 125px; font-family: 'NotoSansCJKjp Light', serif; font-size: 12px; color: #555; line-height: 170%;}
#pc_wrap .main06 img{margin-bottom: 20px;}
#pc_wrap .main08{margin: 160px 0;}
#pc_wrap .main09{width: 900px; margin-left: 80px;}
#pc_wrap .main10{width: 347px; text-align: center;}
#pc_wrap .main11{width: 553px; font-family: 'NotoSansCJKjp Light', serif; font-size: 12px; color: #555; line-height: 170%;}





/* smp */

#smp_wrap{width: 100%;}

#smp_wrap .bxSlider .p01{font-size: 11px; letter-spacing: 0.3px;}
#smp_wrap .bxSlider .p02{font-size: 8px; line-height: 150%;}

#smp_wrap .mainImg01, #smp_wrap .mainImg02, #smp_wrap .mainImg03, #smp_wrap .mainImg04, #smp_wrap .mainImg05, #smp_wrap .mainImg06, #smp_wrap .mainImg07, #smp_wrap .mainImg08{position: relative; width: 100%; height: 200px;}
#smp_wrap .mainImg01 div, #smp_wrap .mainImg02 div, #smp_wrap .mainImg03 div, #smp_wrap .mainImg04 div, #smp_wrap .mainImg05 div, #smp_wrap .mainImg06 div, #smp_wrap .mainImg07 div, #smp_wrap .mainImg08 div, #smp_wrap .p01, #smp_wrap .p02{position: absolute; top: 0; left: 0;}

#smp_wrap .mainImg01 div, #smp_wrap .mainImg02 div, #smp_wrap .mainImg03 div{width: 50%; padding: 0 25%;}
#smp_wrap .mainImg01 div img, #smp_wrap .mainImg02 div img, #smp_wrap .mainImg03 div img{width: 100%; height: auto; margin-top: 35px;}

#smp_wrap .mainImg04 div{width: 80%; padding: 0 10%;}
#smp_wrap .mainImg04 div img{width: 70%; height: auto;}
#smp_wrap .mainImg04 .p02{margin-top: 147px; padding: 0 10%;}

#smp_wrap .mainImg05 div{width: 80%; padding: 0 10%;}
#smp_wrap .mainImg05 div img{width: 100%; height: auto; margin-top: 5px;}
#smp_wrap .mainImg05 .p02{margin-top: 126px; padding: 0 10%;}

#smp_wrap .mainImg06 div{width: 80%; padding: 0 10%;}
#smp_wrap .mainImg06 div img{width: 100%; height: auto;}
#smp_wrap .mainImg06 .p02{margin-top: 132px; padding: 0 10%;}

#smp_wrap .mainImg07 div{width: 80%; padding: 0 10%;}
#smp_wrap .mainImg07 div img{width: 100%; height: auto; margin-top: 30px;}
#smp_wrap .mainImg07 .p02{margin-top: 127px; padding: 0 10%;}

#smp_wrap .mainImg08 div{width: 80%; padding: 0 10%;}
#smp_wrap .mainImg08 div img{width: 80%; height: auto; margin-top: 20px;}
#smp_wrap .mainImg08 .p02{margin-top: 121px; padding: 0 10%;}

#smp_wrap .bx-pager{width: 90%; height: auto; margin-top: -50px!important;}
#smp_wrap .bx-pager li{height: 60px;}
#smp_wrap .bx-pager a{width: 30px; height: 30px;}
#smp_wrap .bx-pager a img{width: 30px; height: 30px; border: 1px solid #fff; transition: border-color 0.6s, color 0.6s;}
#smp_wrap .bx-pager a.active img{border: 1px solid #ccc; transition: border-color 0.6s, color 0.6s;}


#smp_wrap .content01_r{margin-top: 30px;}
#smp_wrap .content01_l p span{font-family: 'NotoSansCJKjp DemiLight', serif; font-size: 12px; line-height: 150%;}

#smp_wrap .content02{width: 100%;}
#smp_wrap .content02_1 img{vertical-align: bottom;}
#smp_wrap .main01{width: 100%;}
#smp_wrap .main02{margin: 30px 0; width: 90%;}
#smp_wrap .main04{margin: 30px 0; width: 100%;}
#smp_wrap .main05{text-align: center;}
#smp_wrap .main05 img{width: 90%;}
#smp_wrap .main06{width: 90%; margin: 0 5%; font-family: 'NotoSansCJKjp Light', serif; font-size: 8px; line-height: 180%; color: #555;}
#smp_wrap .main06 img{width: 100%; margin: 20px 0 10px 0;}
#smp_wrap .main09_w{width: 90%; margin: 0 5%;}
#smp_wrap .main09{width: 90%;}
#smp_wrap .main10{width: 30%;}
#smp_wrap .main10 img{width: 90%;}
#smp_wrap .main11{width: 70%; font-family: 'NotoSansCJKjp Light', serif; font-size: 8px; line-height: 180%; color: #555;}
#smp_wrap .main11 img{width: 80%; margin: 10px 0 5px 0;}