/* CSS Document */

/*******************************************************
  bllb0733
*******************************************************/

/* 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, #pc_wrap .mainImg09, #pc_wrap .mainImg10{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 .mainImg09 div, #pc_wrap .mainImg10 div, #pc_wrap .p01, #pc_wrap .p02{position: absolute;}
#pc_wrap .mainImg01 div, #pc_wrap .mainImg02 div{top: 60px; left: 195px;}

#pc_wrap .mainImg03 div{top: 0; left: 40px;}
#pc_wrap .mainImg03 .p02{top: 363px; left: 400px;}
#pc_wrap .mainImg04 div{top: 26px; left: 157px;}
#pc_wrap .mainImg04 .p02{top: 362px; left: 157px;}
#pc_wrap .mainImg05 div{top: 79px; left: 142px;}
#pc_wrap .mainImg05 .p02{top: 328px; left: 142px;}
#pc_wrap .mainImg06 div{top: 24px; left: 256px;}
#pc_wrap .mainImg07 div{top: 0; left: 40px;}
#pc_wrap .mainImg07 .p02{top: 186px; left: 510px;}
#pc_wrap .mainImg08 div{top: 0; left: 66px;}
#pc_wrap .mainImg08 .p02{top: 302px; left: 66px;}
#pc_wrap .mainImg09 div{top: 42px; left: 100px;}
#pc_wrap .mainImg09 .p02{top: 341px; left: 100px;}
#pc_wrap .mainImg10 div{top: 0; left: 40px;}
#pc_wrap .mainImg10 .p02{top: 336px; left: 404px;}

#pc_wrap .bx-pager{width: 791px; 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: 990px; margin: 0 auto;}
#pc_wrap .content02_1 img{vertical-align: bottom;}
#pc_wrap .main02{margin: 100px 0 160px 0; text-align: center;}
#pc_wrap .main04_1{margin: 160px 0 40px 0; text-align: center}
#pc_wrap .main05{font-family: 'NotoSansCJKjp Light', serif; font-size: 12px; color: #555; line-height: 170%; text-align: center; padding: 30px 0; border-top: 1px solid #888; border-bottom: 1px solid #888;}
#pc_wrap .main06{padding-left: 40px;}
#pc_wrap .main07{text-align: center; margin-top: 160px;}
#pc_wrap .main12{margin-top: 160px;}





/* 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, #smp_wrap .mainImg09, #smp_wrap .mainImg10{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 .mainImg09 div, #smp_wrap .mainImg10 div, #smp_wrap .p01, #smp_wrap .p02{position: absolute; top: 0; left: 0;}

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

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

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

#smp_wrap .mainImg05 div{width: 80%; padding: 0 10%;}
#smp_wrap .mainImg05 div img{width: 80%; height: auto; margin-left: 16%; margin-top: 20px;}
#smp_wrap .mainImg05 .p02{margin-top: 110px; padding: 0 10% 0 22%;}

#smp_wrap .mainImg06 div{width: 80%; padding: 0 10%;}
#smp_wrap .mainImg06 div img{width: 76%; height: auto; margin-left: 24%; margin-top: 5px;}
#smp_wrap .mainImg06 .p02{margin-top: 120px; padding: 0 10% 0 14%;}

#smp_wrap .mainImg07 div{width: 80%; padding: 0 10%;}
#smp_wrap .mainImg07 div img{width: 74%; height: auto;}
#smp_wrap .mainImg07 .p02{margin-top: 17px; padding: 0 10% 0 52%;}

#smp_wrap .mainImg08 div{width: 80%; padding: 0 10%;}
#smp_wrap .mainImg08 div img{width: 96%; height: auto; margin-left: 4%;}
#smp_wrap .mainImg08 .p02{margin-top: 111px; padding: 0 10% 0 13%;}

#smp_wrap .mainImg09 div{width: 80%; padding: 0 10%;}
#smp_wrap .mainImg09 div img{width: 90%; height: auto; margin-left: 10%; margin-top: 10px;}
#smp_wrap .mainImg09 .p02{margin-top: 117px; padding: 0 10% 0 18%;}

#smp_wrap .mainImg10 div{width: 80%; padding-left: 10%;}
#smp_wrap .mainImg10 div img{width: 70%; height: auto;}
#smp_wrap .mainImg10 .p02{margin-top: 135px; 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;}

#smp_wrap .content02{width: 100%;}
#smp_wrap .content02_1 img{vertical-align: bottom;}
#smp_wrap .main01, #smp_wrap .main03{width: 100%;}
#smp_wrap .main02{margin: 20px 0 40px 0; text-align: center;}
#smp_wrap .main02 img{width: 90%;}
#smp_wrap .main04_1{text-align: center; margin: 40px 0 10px 0;}
#smp_wrap .main04_1 img{width: 90%;}
#smp_wrap .main04_2{width: 90%; margin: 0 5%;}
#smp_wrap .main05{padding: 10px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; font-family: 'NotoSansCJKjp Light', serif; font-size: 8px; line-height: 180%; color: #555;}
#smp_wrap .main05 img{height: 16px; width: auto;}
#smp_wrap .main06 img{height: 80px; width: auto;}
#smp_wrap .main07{text-align: center; margin-top: 40px;}
#smp_wrap .main07 img{width: 80%;}
#smp_wrap .main12{margin-top: 40px; width: 100%;}