@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Petit+Formal+Script");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display");
.tieupArea { font-family: YuGothic, '游ゴシック', Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #2B2E34; }
.tieupArea p { line-height: 1.7; }
.tieupArea section { margin-bottom: 80px; }
@media screen and (max-width: 767px) { .tieupArea section { margin-bottom: 40px; } }
.tieupArea #tieupMv { text-align: center; margin-bottom: 80px; }
.tieupArea #tieupMv .mvInr .img { margin-bottom: 20px; }
.tieupArea #tieupMv .mvInr .img img { max-width: 100%; }
.tieupArea #tieupMv .mvInr h2 { font-size: 26px; font-weight: 600; margin-bottom: 0.8em; }
.tieupArea #tieupMv .mvInr p { font-size: 16px; line-height: 2.4; }
@media screen and (max-width: 767px) { .tieupArea #tieupMv { margin-bottom: 2em; }
  .tieupArea #tieupMv .mvInr h2 { font-size: 15px; padding: 0 3%; }
  .tieupArea #tieupMv .mvInr p { font-size: 13px; padding: 0 3%; }
  .tieupArea #tieupMv .mvInr p br { display: none; } }
.tieupArea .fltImgBox { position: relative; z-index: 1; overflow: hidden; }
.tieupArea .fltImgBox .mainImg { position: absolute; right: 0; top: 0; text-align: right; width: 80%; z-index: -1; }
.tieupArea .fltImgBox .mainImg img { max-width: 100%; }
.tieupArea .fltImgBox .mainImg p { text-align: right; font-size: 11px; margin-top: 1em; }
.tieupArea .fltImgBox .txtBox { width: 45%; padding-top: 5%; float: left; }
.tieupArea .fltImgBox .txtBox h3 { margin-bottom: 20px; }
.tieupArea .fltImgBox .txtBox .explain h4 { font-size: 20px; font-weight: 600; margin-bottom: 0.5em; line-height: 1.5; }
.tieupArea .fltImgBox .txtBox .explain p { line-height: 2; font-size: 16px; text-align: justify; }
.tieupArea .fltImgBox .detailSlider { text-align: center; margin-top: 80px; }
.tieupArea .fltImgBox .detailSlider .swiper-container .swiper-slide .ttl { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 24px; border-bottom: 1px solid #000; margin-bottom: 15px; display: inline-block; padding: 0 10px; background-color: #FFF; line-height: 1.4; }
.tieupArea .fltImgBox .detailSlider .swiper-container .swiper-pagination { position: static; margin-top: 5px; }
.tieupArea .fltImgBox .detailSlider .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background-color: #000; }
.tieupArea .fltImgBox.L .mainImg { right: auto; left: 0; text-align: left; }
.tieupArea .fltImgBox.L .mainImg p { text-align: left; }
.tieupArea .fltImgBox.L .txtBox { float: right; }
.tieupArea .fltImgBox.noPos { background-repeat: no-repeat; background-size: 100%; }
.tieupArea .fltImgBox.noPos .mainImg { position: static; float: right; }
.tieupArea .fltImgBox.noPos .mainImg img { width: 100%; }
.tieupArea .fltImgBox.noPos .mainImg p { padding: 0 30px 0 0; }
.tieupArea .fltImgBox.noPos .txtBox { float: right; width: 100%; padding: 30px 30px 0 0; }
.tieupArea .fltImgBox.noPos .txtBox h3 { position: absolute; left: 5%; top: 2%; }
.tieupArea .fltImgBox.noPos .txtBox .detailSlider { float: left; width: 40%; margin-top: 0; }
.tieupArea .fltImgBox.noPos .txtBox .explain { float: right; width: 60%; }
.tieupArea .fltImgBox.noPos.style03 { background-position: right top; }
.tieupArea .fltImgBox.noPos.style04 { background-position: left top; }
.tieupArea .fltImgBox.noPos.style04 .mainImg { float: left; padding-top: 94px; }
.tieupArea .fltImgBox.noPos.style04 .mainImg p { text-align: left; padding: 0 0 0 30px; }
.tieupArea .fltImgBox.noPos.style04 .txtBox { float: left; padding: 30px 0 0 30px; }
.tieupArea .fltImgBox.noPos.style04 .txtBox h3 { left: auto; right: 5%; }
.tieupArea .fltImgBox.noPos.style04 .txtBox .explain { float: left; }
.tieupArea .fltImgBox.noPos.style04 .txtBox .detailSlider { float: right; }
@media screen and (max-width: 767px) { .tieupArea .fltImgBox { overflow: visible; padding-top: 40%; }
  .tieupArea .fltImgBox .mainImg { position: static; width: 100%; }
  .tieupArea .fltImgBox .txtBox { float: none !important; width: 100%; }
  .tieupArea .fltImgBox .txtBox h3 { position: absolute; width: 100%; top: 0; left: 0; }
  .tieupArea .fltImgBox .txtBox h3 img { height: 45vw; }
  .tieupArea .fltImgBox .txtBox .explain h4 { font-size: 16px; }
  .tieupArea .fltImgBox .txtBox .explain p { font-size: 13px; }
  .tieupArea .fltImgBox .detailSlider { margin-top: 2em; }
  .tieupArea .fltImgBox.noPos.style03 { background-position: 100% 10%; }
  .tieupArea .fltImgBox.noPos.style04 .txtBox h3 { left: 0; right: auto; }
  .tieupArea .fltImgBox.noPos.style04 .mainImg { float: none; width: 100%; padding-top: 0; }
  .tieupArea .fltImgBox.noPos .mainImg { float: none; }
  .tieupArea .fltImgBox.noPos .mainImg p { padding: 0 !important; }
  .tieupArea .fltImgBox.noPos .txtBox { padding: 5% 0 0 0 !important; }
  .tieupArea .fltImgBox.noPos .txtBox h3 { left: 0; top: 0; }
  .tieupArea .fltImgBox.noPos .txtBox h3 img { height: 38vw; }
  .tieupArea .fltImgBox.noPos .txtBox .explain { float: none !important; width: 100% !important; }
  .tieupArea .fltImgBox.noPos .txtBox .detailSlider { float: none !important; width: 100% !important; margin-top: 2em; } }
.tieupArea .bscBtn01 { text-align: center; margin-top: 60px; }
.tieupArea .processBlock .tabList { display: table; table-layout: fixed; width: 100%; max-width: 985px; margin: 0 auto; }
.tieupArea .processBlock .tabList li { display: table-cell; width: 25%; font-family: 'Playfair Display', serif; font-size: 20px; letter-spacing: 0.08em; background-color: rgba(43, 46, 52, 0.4); text-align: center; padding: 0.7em 2em; color: #FFF; border-right: 1px solid #FFF; cursor: pointer; -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); }
.tieupArea .processBlock .tabList li:last-child { border: none; }
.tieupArea .processBlock .tabList li.active, .tieupArea .processBlock .tabList li:hover { background-color: #2B2E34; }
@media screen and (max-width: 767px) { .tieupArea .processBlock .scroll::after { content: '※フリックで横スクロールします'; display: block; text-align: center; margin-top: 1em; font-size: 12px; }
  .tieupArea .processBlock .scroll .scrlInr { overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-y: hidden; }
  .tieupArea .processBlock .scroll .scrlInr .tabList { display: inline-block; white-space: nowrap; }
  .tieupArea .processBlock .scroll .scrlInr .tabList li { display: inline-block; font-size: 14px; width: 40%; border-bottom: 1px solid #FFF; }
  .tieupArea .processBlock .scroll .scrlInr .tabList li:nth-child(2n) { border-right: none; } }
.tieupArea .processBlock #process { max-width: 985px; margin: 0 auto; position: relative; z-index: 0; }
.tieupArea .processBlock #process .tabContents { position: absolute; width: 100%; top: 0; left: 0; z-index: -2; background-color: #FFF; padding: 5% 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); }
.tieupArea .processBlock #process .tabContents.active { position: static; z-index: 1; opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.tieupArea .processBlock #process .tabContents .titleImg { text-align: center; margin-bottom: 30px; }
.tieupArea .processBlock #process .tabContents h3 { text-align: center; font-weight: 600; font-size: 20px; margin-bottom: 0.5em; }
.tieupArea .processBlock #process .tabContents h3 + p { text-align: center; font-size: 16px; }
.tieupArea .processBlock #process .tabContents .pointBox { max-width: 800px; margin: 40px auto; display: table; table-layout: fixed; width: 100%; }
.tieupArea .processBlock #process .tabContents .pointBox .img { display: table-cell; vertical-align: middle; width: 30%; text-align: center; border: 1px solid rgba(43, 46, 52, 0.3); }
.tieupArea .processBlock #process .tabContents .pointBox .txt { display: table-cell; vertical-align: middle; padding: 10px 30px; }
.tieupArea .processBlock #process .tabContents .pointBox .txt p { font-size: 12px; }
.tieupArea .processBlock #process .tabContents .pointBox .txt h4 { font-weight: 600; font-size: 16px; margin-bottom: 0.6em; }
.tieupArea .processBlock #process .tabContents .pointBox .txt h4 + p { margin-bottom: 1em; }
.tieupArea .processBlock #process .tabContents .pointBox .txt ul li { font-size: 12px; margin-bottom: 0.5em; }
.tieupArea .processBlock #process .tabContents .pointBox .txt ul li span { display: inline-block; text-align: center; padding: 4px 5px 1px; width: 25px; height: 25px; border-radius: 100px; background-color: #2B2E34; color: #FFF; }
.tieupArea .processBlock #process .tabContents .sliderBox { text-align: center; display: table; table-layout: fixed; width: 100%; margin: 0 auto; }
.tieupArea .processBlock #process .tabContents .sliderBox .ttl { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 24px; border-bottom: 1px solid #000; margin-bottom: 15px; display: inline-block; padding: 0 10px; background-color: #FFF; line-height: 1.4; }
.tieupArea .processBlock #process .tabContents .sliderBox .swiper-container .swiper-slide { background-color: #FFF; }
.tieupArea .processBlock #process .tabContents .sliderBox .swiper-container .swiper-pagination { position: static; margin-top: 5px; }
.tieupArea .processBlock #process .tabContents .sliderBox .slider01, .tieupArea .processBlock #process .tabContents .sliderBox .slider02 { display: table-cell; vertical-align: top; width: 50%; padding: 3%; }
.tieupArea .processBlock #process .tabContents .sliderBox .slider01.slider01, .tieupArea .processBlock #process .tabContents .sliderBox .slider02.slider01 { border-right: 1px solid rgba(43, 46, 52, 0.1); }
.tieupArea .processBlock #process .tabContents .sliderBox .slider01 .processSlider, .tieupArea .processBlock #process .tabContents .sliderBox .slider02 .processSlider { position: relative; }
.tieupArea .processBlock #process .tabContents .sliderBox .slider01 .processSlider::after, .tieupArea .processBlock #process .tabContents .sliderBox .slider02 .processSlider::after { content: '※矢印をクリックでスクロール'; display: block; text-align: center; margin-top: 1em; font-size: 12px; }
.tieupArea .processBlock #process .tabContents .sliderBox .slider01 .processSlider .img, .tieupArea .processBlock #process .tabContents .sliderBox .slider02 .processSlider .img { margin-bottom: 1em; }
.tieupArea .processBlock #process .tabContents .sliderBox .slider01 .processSlider .num, .tieupArea .processBlock #process .tabContents .sliderBox .slider02 .processSlider .num { display: inline-block; font-size: 15px; font-weight: 600; letter-spacing: 0.1em; border-bottom: 1px solid #2B2E34; margin-bottom: 1em; }
.tieupArea .processBlock #process .tabContents .sliderBox .slider01 .processSlider .tx, .tieupArea .processBlock #process .tabContents .sliderBox .slider02 .processSlider .tx { max-width: 310px; margin: 0 auto; text-align: left; }
.tieupArea .processBlock #process .tabContents .sliderBox .slider01 .processSlider .swiper-button-next, .tieupArea .processBlock #process .tabContents .sliderBox .slider02 .processSlider .swiper-button-next { background-image: url(../../images/tieup09/slider_arr-r.png); background-size: 17px; }
.tieupArea .processBlock #process .tabContents .sliderBox .slider01 .processSlider .swiper-button-prev, .tieupArea .processBlock #process .tabContents .sliderBox .slider02 .processSlider .swiper-button-prev { background-image: url(../../images/tieup09/slider_arr-l.png); background-size: 17px; }
.tieupArea .processBlock #process .tabContents .sliderBox + .sliderBox { max-width: 50%; }
@media screen and (max-width: 767px) { .tieupArea .processBlock #process .tabContents { padding: 10% 0 5%; }
  .tieupArea .processBlock #process .tabContents h3 { font-size: 16px; }
  .tieupArea .processBlock #process .tabContents h3 + p { font-size: 13px; }
  .tieupArea .processBlock #process .tabContents .pointBox { display: block; margin: 20px auto; }
  .tieupArea .processBlock #process .tabContents .pointBox .img { display: block; width: 100%; padding: 20px; }
  .tieupArea .processBlock #process .tabContents .pointBox .txt { padding: 10px 0; }
  .tieupArea .processBlock #process .tabContents .pointBox .txt h4 { font-size: 14px; }
  .tieupArea .processBlock #process .tabContents .sliderBox { display: block; }
  .tieupArea .processBlock #process .tabContents .sliderBox .slider01, .tieupArea .processBlock #process .tabContents .sliderBox .slider02 { display: block; border: none; width: 100%; }
  .tieupArea .processBlock #process .tabContents .sliderBox + .sliderBox { max-width: 100%; } }
.tieupArea .pickUp h2 { font-family: 'Playfair Display', serif; text-align: center; font-size: 34px; font-weight: 700; letter-spacing: 0.08em; position: relative; margin-bottom: 1.3em; }
.tieupArea .pickUp h2 span { display: inline-block; padding: 5px 20px; background-color: #FFF; position: relative; z-index: 1; }
.tieupArea .pickUp h2::before { content: ''; display: block; width: 100%; height: 1px; background-color: #2B2E34; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
.tieupArea .pickUp .ttlBox { text-align: center; margin-bottom: 3em; }
.tieupArea .pickUp .ttlBox p { margin-top: 1em; font-size: 18px; line-height: 2; }
.tieupArea .pickUp ul { max-width: 985px; margin: 0 auto; }
.tieupArea .pickUp ul li { overflow: hidden; margin-bottom: 2em; }
.tieupArea .pickUp ul li .txt { float: left; width: 40%; }
.tieupArea .pickUp ul li .txt h4 { margin-bottom: 10px; }
.tieupArea .pickUp ul li .txt p { font-size: 16px; line-height: 2; }
.tieupArea .pickUp ul li .img { float: right; width: 58%; }
.tieupArea .pickUp ul li:nth-child(even) .txt { float: right; }
.tieupArea .pickUp ul li:nth-child(even) .img { float: left; }
@media screen and (max-width: 767px) { .tieupArea .pickUp h2 { font-size: 24px; margin-bottom: 0.6em; }
  .tieupArea .pickUp .ttlBox p { font-size: 13px; }
  .tieupArea .pickUp .ttlBox p br { display: none; }
  .tieupArea .pickUp ul li .img, .tieupArea .pickUp ul li .txt { float: none !important; width: 100% !important; text-align: center; }
  .tieupArea .pickUp ul li .img p, .tieupArea .pickUp ul li .txt p { font-size: 13px; text-align: left; }
  .tieupArea .pickUp ul li .img { margin-bottom: 1em; } }
.tieupArea .product h2 { font-family: 'Playfair Display', serif; text-align: center; font-size: 34px; font-weight: 700; letter-spacing: 0.08em; position: relative; margin-bottom: 1.3em; }
.tieupArea .product h2 span { display: inline-block; padding: 5px 20px; background-color: #FFF; position: relative; z-index: 1; }
.tieupArea .product h2::before { content: ''; display: block; width: 100%; height: 1px; background-color: #2B2E34; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
.tieupArea .product .imgBox { overflow: hidden; max-width: 985px; margin: 0 auto 60px; }
.tieupArea .product .imgBox .fltL { width: 65%; }
.tieupArea .product .imgBox .fltL .clm2 { overflow: hidden; }
.tieupArea .product .imgBox .fltL .clm2 li { float: left; width: 48.5%; }
.tieupArea .product .imgBox .fltL .clm2 li:nth-child(even) { float: right; }
.tieupArea .product .imgBox .fltR { width: 33.3%; }
.tieupArea .product .imgBox .fltL h3, .tieupArea .product .imgBox .fltR h3 { text-align: center; font-size: 18px; font-weight: 600; margin-bottom: 1em; line-height: 1.4; }
.tieupArea .product .imgBox .fltL ul li, .tieupArea .product .imgBox .fltR ul li { padding: 0 15px; }
.tieupArea .product .imgBox .fltL ul li figure span, .tieupArea .product .imgBox .fltR ul li figure span { display: block; height: 180px; margin-bottom: 0.5em; }
.tieupArea .product .imgBox .fltL ul li figure span img, .tieupArea .product .imgBox .fltR ul li figure span img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }
.tieupArea .product .imgBox .fltL ul li figure figcaption, .tieupArea .product .imgBox .fltR ul li figure figcaption { font-size: 11px; }
.tieupArea .product .linkBox { text-align: center; font-size: 18px; }
.tieupArea .product .linkBox .bscBtn01 { margin-top: 1em; }
@media screen and (max-width: 767px) { .tieupArea .product .linkBox { font-size: 13px; } }
@media screen and (max-width: 767px) { .tieupArea .product h2 { font-size: 24px; }
  .tieupArea .product .imgBox { margin-bottom: 2em; }
  .tieupArea .product .imgBox .fltL, .tieupArea .product .imgBox .fltR { width: 100%; float: none; }
  .tieupArea .product .imgBox .fltL h3, .tieupArea .product .imgBox .fltR h3 { font-size: 15px; }
  .tieupArea .product .imgBox .fltL ul li, .tieupArea .product .imgBox .fltR ul li { float: none; width: 100%; margin-bottom: 2em; text-align: center; }
  .tieupArea .product .imgBox .fltL ul li figure span, .tieupArea .product .imgBox .fltR ul li figure span { height: auto !important; }
  .tieupArea .product .imgBox .fltL ul li figure span img, .tieupArea .product .imgBox .fltR ul li figure span img { width: auto; height: auto; max-width: 100%; }
  .tieupArea .product .imgBox .fltL ul.clm2 li, .tieupArea .product .imgBox .fltR ul.clm2 li { float: none; width: 100%; } }

/* indent
-------------------*/
.center { text-align: center !important; }

.left { text-align: left !important; }

.right { text-align: right !important; }

.top0 { margin-top: 0 !important; }

.top5 { margin-top: 5px !important; }

.top10 { margin-top: 10px !important; }

.top15 { margin-top: 15px !important; }

.top20 { margin-top: 20px !important; }

.top25 { margin-top: 25px !important; }

.top30 { margin-top: 30px !important; }

.top35 { margin-top: 35px !important; }

.top40 { margin-top: 40px !important; }

.btm0 { margin-bottom: 0 !important; }

.btm5 { margin-bottom: 5px !important; }

.btm10 { margin-bottom: 10px !important; }

.btm15 { margin-bottom: 15px !important; }

.btm20 { margin-bottom: 20px !important; }

.btm25 { margin-bottom: 25px !important; }

.btm30 { margin-bottom: 30px !important; }

.btm35 { margin-bottom: 35px !important; }

.btm40 { margin-bottom: 40px !important; }

.btm45 { margin-bottom: 45px !important; }

.btm50 { margin-bottom: 50px !important; }

.btm55 { margin-bottom: 55px !important; }

.btm60 { margin-bottom: 60px !important; }

.btm65 { margin-bottom: 65px !important; }

.btm70 { margin-bottom: 70px !important; }

.btm75 { margin-bottom: 75px !important; }

.btm80 { margin-bottom: 80px !important; }

.btm85 { margin-bottom: 85px !important; }

.btm90, .btm95 { margin-bottom: 90px !important; }

.pT0 { padding-top: 0 !important; }

.pT5 { padding-top: 5px !important; }

.pT10 { padding-top: 10px !important; }

.pT15 { padding-top: 15px !important; }

.pT20 { padding-top: 20px !important; }

.pT25 { padding-top: 25px !important; }

.pT30 { padding-top: 30px !important; }

.pT35 { padding-top: 35px !important; }

.pT40 { padding-top: 40px !important; }

.pT45 { padding-top: 45px !important; }

.pB0 { padding-bottom: 0 !important; }

.pB5 { padding-bottom: 5px !important; }

.pB10 { padding-bottom: 10px !important; }

.pB15 { padding-bottom: 15px !important; }

.pB20 { padding-bottom: 20px !important; }

.lm5 { margin-left: 5px !important; }

.lm10 { margin-left: 10px !important; }

.lm15 { margin-left: 15px !important; }

.lm20 { margin-left: 20px !important; }

.lm50 { margin-left: 50px !important; }

.lm60 { margin-left: 60px !important; }

.lm70 { margin-left: 70px !important; }

.rm5 { margin-right: 5px !important; }

.rm10 { margin-right: 10px !important; }

.rm15 { margin-right: 15px !important; }

.rm20 { margin-right: 20px !important; }

.vAT { vertical-align: top !important; }

.vAM { vertical-align: middle !important; }

.vAB { vertical-align: bottom !important; }

.bold { font-weight: bold; }

.normal { font-weight: normal; }

.is-pc { display: block; }

.is-sp { display: none; }

/* section
-------------------*/
section { clear: both; }
section.last { margin-bottom: 0; }

.scInr { margin: 0 auto; max-width: 1200px; width: 97%; }

.scInrS { margin: 0 auto; max-width: 985px; }

.scInrW { margin: 0 auto; max-width: 1400px; width: 97%; }

/* compo parts
-------------------*/
/*btn*/
.bscBtn01 a { font-size: 18px; font-weight: 600; background-color: transparent; border: 1px solid #2B2E34; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ padding: 1em 4em 0.8em; line-height: 140%; text-decoration: none; -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); }
.bscBtn01 a:hover { background-color: #2B2E34; color: #FFF; }
.bscBtn01 a i { margin-left: 0.5em; }

/*float*/
.fltImgL { float: left; margin: 0 25px 20px 0; }

.fltImgR { float: right; margin: 0 0 20px 25px; }

.fltL { float: left; }

.fltR { float: right; }

/*float-clear*/
.cf { zoom: 1; }
.cf:before { content: ""; display: table; }
.cf:after { content: ""; display: table; clear: both; }

br.clear, .clear { display: inline !important; display: none; clear: both; line-height: 0px; }

br.clear { clear: both; line-height: 0px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { br.clear { display: block !important; content: " "; } }
/* for SP
-------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) { /* section -------------------*/
  section { margin-bottom: 50px; }
  .scInr, .scInrS, .scInrW { float: none; margin: 0 3%; width: auto; }
  /* compo parts -------------------*/
  /*btn*/
  .bscBtn01 a { display: block; padding: 20px 5%; margin-bottom: 10px; text-align: center; width: 100%; font-size: 13px; }
  /*box*/
  .bscBox01, .bscBox02 { padding: 5%; }
  /*float*/
  .fltL, .fltR { float: none; }
  .fltImgL, .fltImgR { float: none; margin: 0; text-align: center; }
  .fltImgL img, .fltImgR img { max-width: 100%; margin-bottom: 5px; }
  br.clear_noie.spHide, div.clear_noie.spHide { display: none !important; }
  .is-pc { display: none; }
  .is-sp { display: block; } }
/*SP END*/