body { position: relative; overflow-x: hidden; font-family: 'Montserrat',YuGothic,'Yu Gothic',sans-serif; font-size: 14px; }

header { border-bottom: none !important; }

footer { position: relative; z-index: 1; background: #f7f7f7; }

#lp a { text-decoration: none; color: #111111; }
#lp h2 { color: #707070; font-size: 2.8rem; line-height: 1.7; letter-spacing: 0.1rem; text-align: center; }
#lp h3 { color: #707070; font-size: 1.2rem; line-height: 1.7; letter-spacing: 0.1rem; }
#lp p { color: #707070; font-size: 1rem; line-height: 1.9; letter-spacing: 0.08rem; }
#lp .inner { width: 960px; margin: 0 auto; }
#lp .mv { background: #ffffff; }
#lp .mv img { width: 100%; }
#lp .mv .inner { padding: 100px 0; }
#lp .mv .inner p { text-align: center; width: 700px; margin: 40px auto 0; }
#lp .sec_ttl { width: 700px; margin: 0 auto 60px; }
#lp .sec_ttl p { font-size: 0.9rem; margin-top: 40px; }
#lp .set_contents { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 60px; }
#lp .set_contents .set_cont_img { margin-top: 0.6rem; margin-right: 30px; }
#lp .set_contents .set_cont_img img { width: 540px; display: none; }
#lp .set_contents .set_cont_img img.active { display: block; }
#lp .set_contents .set_cont_select .set_cont_material h3 { margin-bottom: 8px; }
#lp .set_contents .set_cont_select .set_cont_material .m_area { display: flex; justify-content: flex-start; flex-wrap: wrap; }
#lp .set_contents .set_cont_select .set_cont_material .m_area div { position: relative; width: 80px; }
#lp .set_contents .set_cont_select .set_cont_material .m_area div + div { margin-left: 14px; }
#lp .set_contents .set_cont_select .set_cont_material .m_area div p { padding: 3px 0; display: inline-block; box-sizing: border-box; position: relative; font-size: 0.8rem; }
#lp .set_contents .set_cont_select .set_cont_material .m_area div p:after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 3px; background: #707070; opacity: 0; transition: all 0.3s; }
#lp .set_contents .set_cont_select .set_cont_material .m_area div img { width: 100%; }
#lp .set_contents .set_cont_select .set_cont_material .m_area div.active p:after { opacity: 1; }
#lp .set_contents .set_cont_select .set_cont_material .m_area div.active .on_check { position: absolute; width: 20px; height: 20px; right: 10px; top: 10px; }
#lp .set_contents .set_cont_select .set_cont_material .m_area div.active .on_check:before { content: ""; display: block; position: absolute; width: 16px; height: 16px; border-radius: 10px; border: 2px solid #111111; left: 0; top: 2px; }
#lp .set_contents .set_cont_select .set_cont_material .m_area div.active .on_check:after { content: ""; display: block; position: absolute; border-left: 2px solid #111111; border-bottom: 2px solid #111111; width: 6px; height: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 6px; top: 8px; }
#lp .set_contents .set_cont_select .set_cont_material .m_area div.active .on_check.c_f:before { border: 2px solid #ffffff; }
#lp .set_contents .set_cont_select .set_cont_material .m_area div.active .on_check.c_f:after { border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; }
#lp .set_contents .set_cont_select .set_cont_material .m_area div:hover p:after { opacity: 1; }
#lp .set_contents .set_cont_select .set_cont_item { margin-top: 20px; }
#lp .set_contents .set_cont_select .set_cont_item h3 { margin-bottom: 8px; }
#lp .set_contents .set_cont_select .set_cont_item .set_cont_item_wrap { display: none; }
#lp .set_contents .set_cont_select .set_cont_item .set_cont_item_wrap.active { display: block; }
#lp .set_contents .set_cont_select .set_cont_item .set_cont_item_wrap ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
#lp .set_contents .set_cont_select .set_cont_item .set_cont_item_wrap ul li { width: 120px; margin-left: 14px; }
#lp .set_contents .set_cont_select .set_cont_item .set_cont_item_wrap ul li:first-child { margin-left: 0; }
#lp .set_contents .set_cont_select .set_cont_item .set_cont_item_wrap ul li a { display: block; transition: all 0.3s; }
#lp .set_contents .set_cont_select .set_cont_item .set_cont_item_wrap ul li a p { display: inline-block; padding: 3px 0; box-sizing: border-box; position: relative; font-size: 0.8rem; }
#lp .set_contents .set_cont_select .set_cont_item .set_cont_item_wrap ul li a p:after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 3px; background: #707070; opacity: 0; transition: all 0.3s; }
#lp .set_contents .set_cont_select .set_cont_item .set_cont_item_wrap ul li a img { width: 100%; transition: all 0.5s; }
#lp .set_contents .set_cont_select .set_cont_item .set_cont_item_wrap ul li a:hover p:after { opacity: 1; }
#lp .set_contents .set_cont_select .set_cont_item .set_cont_item_wrap ul li a:hover img { opacity: 0.7; }
#lp .cont_slide h3 { text-align: center; margin-bottom: 40px; font-size: 1.8rem; }
#lp .cont_slide .swiper-container .swiper-slide img { width: 100%; }
#lp .cont_slide .swiper-container .swiper-pagination { position: static; margin-top: 20px; }
#lp .cont_slide .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 10px; }
#lp .cont_slide .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #111; }
#lp .cont_slide .lineup { width: 337px; margin: 40px auto 0; }
#lp .cont_slide .lineup a { position: relative; display: block; width: 337px; padding: 18px 0; border: 2px solid #707070; text-align: center; color: #707070; font-size: 1rem; letter-spacing: 0.1rem; }
#lp .cont_slide .lineup a .btn_arrow { position: absolute; display: inline-block; vertical-align: middle; width: 52px; height: 16px; right: -20px; transition: all 0.3s; }
#lp .cont_slide .lineup a .btn_arrow:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; content: ""; vertical-align: middle; width: 52px; height: 2px; background: #707070; }
#lp .cont_slide .lineup a .btn_arrow:after { position: absolute; top: -2px; bottom: 0; left: 0; right: -38px; margin: auto; content: ""; vertical-align: middle; width: 12px; height: 8px; border-top: 2px solid #707070; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#lp .cont_slide .lineup a:hover .btn_arrow { right: -35px; }
#lp .sec_01 { background: #f7f7f7; padding: 80px 0; }
#lp .sec_02 { background: #ffffff; padding: 80px 0; }
#lp .sec_03 { background: #f7f7f7; padding: 80px 0; }
#lp .ban_area { background: #ffffff; margin: 0 auto; padding: 100px 0; }
#lp .ban_area h2 { margin-bottom: 40px; }
#lp .ban_area a { width: 700px; margin: 0 auto; display: block; transition: all 0.3s; }
#lp .ban_area a:hover { opacity: 0.7; }
#lp .ban_area a img { width: 100%; }
#lp .fadein { opacity: 0; transform: translateY(20px); transition: all 1s; }

@media (min-width: 768px) { .sp_only { display: none; }
  #lp { margin-top: -10px; } }
@media (max-width: 767px) { #lp { margin-top: -35px; }
  #lp .inner { width: auto; margin: 0 auto; }
  #lp h2 { font-size: 2rem; }
  #lp h3 { font-size: 1.2rem; }
  #lp .mv .inner { padding: 16% 6%; }
  #lp .mv .inner p { text-align: left; width: auto; margin: 8% auto; }
  #lp .sec_ttl { width: auto; margin: 0 6%; }
  #lp .sec_ttl p { font-size: 0.8rem; line-height: 1.2rem; margin-top: 8%; }
  #lp .set_contents { margin: 0 6%; }
  #lp .set_contents .set_cont_img { margin: 8% 0; }
  #lp .set_contents .set_cont_img img { width: 100%; }
  #lp .set_contents .set_cont_select { min-width: auto; }
  #lp .set_contents .set_cont_select .set_cont_material .m_area { justify-content: space-between; }
  #lp .set_contents .set_cont_select .set_cont_material .m_area div { width: 30%; }
  #lp .set_contents .set_cont_select .set_cont_material .m_area div + div { margin-left: 0; }
  #lp .set_contents .set_cont_select .set_cont_item { margin-top: 8%; }
  #lp .set_contents .set_cont_select .set_cont_item .set_cont_item_wrap ul { justify-content: space-between; }
  #lp .set_contents .set_cont_select .set_cont_item .set_cont_item_wrap ul li { width: 48%; margin-left: 0; margin-bottom: 6%; }
  #lp .cont_slide h3 { margin: 8% 6%; font-size: 1.2rem; text-align: left; }
  #lp .cont_slide .lineup { width: auto; margin: 8% auto; }
  #lp .cont_slide .lineup a { width: 80%; margin: 0 auto; }
  #lp .sec_01, #lp .sec_02, #lp .sec_03 { padding: 16% 0; }
  #lp .ban_area { margin: 0 auto; padding: 20% 6%; }
  #lp .ban_area a { width: 90%; margin: 0 auto; }
  #lp .pc_only { display: none; } }