@charset "utf-8";

/**
 * 汎用クラス
 */

.ins-lp04LayoutA {
  margin-right: auto;
  margin-left: auto;
  width: 1000px;
}

.ins-lp04LayoutB {
  margin-right: auto;
  margin-left: auto;
  width: 1200px;
}

#ins-lp04 .ins-lp04Serif {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#ins-lp04 .ins-lp04FL {
  float: left;
}

#ins-lp04 .ins-lp04FR {
  float: right;
}

.ins-lp04CheckedBrownWrap {
  box-sizing: border-box;
  padding: 10px;
  background: url(/common/assets/img/lp/smartgift/bg-checked-brown.png) 0 0 repeat;
}

.ins-lp04CheckedBrown {
  border: 3px solid #111;
  background-color: #3c2723;
}

.ins-lp04CheckedBlackWrap {
  box-sizing: border-box;
  padding: 10px;
  background: url(/common/assets/img/lp/smartgift/bg-checked-black.png) 0 0 repeat;
}

.ins-lp04CheckedBlack {
  border: 3px solid #302e2e;
  background-color: #201f1f;
}

.ins-lp04CheckedGrayWrap {
  box-sizing: border-box;
  padding: 10px;
  background: url(/common/assets/img/lp/smartgift/bg-checked-gray.png) 0 0 repeat;
}

.ins-lp04CheckedGray {
  border: 3px solid #111;
  background-color: #383531;
}

/**
 * レイアウト
 *
 * note: 以下、セレクタの冒頭に #ins-lp04 指定があるものは、共通系CSS内に定義されたセレクタとの詳細度の兼ね合いで指定しているものとする。
 */

#ins-lp04 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #111;
  background-color: #fff;
}


/* Header, Title*/

.ins-lp04Visual {
  position: relative;
  height: 746px;
  color: #999;
  background: #111 url(/common/assets/img/lp/smartgift/bg-title.png) center no-repeat;
  background-size: 100%;
  background-size: cover;
}

.ins-lp04Header {
  height: 76px;
}

.ins-lp04Logo {
  margin: 23px 0;
}

.ins-lp04Header .ins-lp04Lead {
  font-size: 86%;
  line-height: 76px;
}

.ins-lp04TitleBox {
  float: left;
  width: 480px;
  margin: 100px 10px 0 80px;
  text-align: center;
}

#ins-lp04 .ins-lp04TitleBox .ins-lp04Lead {
  margin-bottom: 12px;
}

#ins-lp04 .ins-lp04TitleBox .ins-lp04Courses {
  margin-top: 14px;
}

#ins-lp04 .ins-lp04TitleBox .ins-lp04Feature {
  margin-top: 29px;
}

.ins-lp04TitleThumb {
  float: right;
  width: 384px;
  margin: 60px 0;
}

#ins-lp04 .ins-lp04SGList {
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%;
  height: 166px;
  overflow: hidden;
}

.ins-lp04SGListItem {
  float: left;
  margin-right: 3px;


  /* 初期 非表示 */
  display: none;
}

/* 申し込み */
.ins-lp04OrderBoxWrap {
  background-color: #ede9e7;
}

.ins-lp04OrderBox {
  box-sizing: border-box;
  position: relative;
  height: 250px;
  padding: 43px 370px 45px 30px;
}

.ins-lp04OrderBox:after {
  content: "";
  display: block;
  position: absolute;
  top: -52px;
  right: 30px;
  z-index: 5;
  width: 296px;
  height: 296px;
  background: url(/common/assets/img/lp/smartgift/im-order-box.png) center no-repeat;
}

#ins-lp04 .ins-lp04OrderBox .ins-lp04Lead {
  margin-bottom: 11px;
}


/* 選ばれる理由 */
.ins-lp04Reasons {
  color: #fff;
  background-color: #111;
}

.ins-lp04ReasonsTitle {
  padding: 120px 0 90px;
  text-align: center;
}

.ins-lp04Reason01 {
  float: left;
  width: 583px;
}

.ins-lp04Reason02 {
  float: right;
  width: 583px;
}

.ins-lp04Reason .ins-lp04Content {
  position: relative;
  padding: 50px 49px 35px 48px;
}

#ins-lp04 .ins-lp04Reason .ins-lp04ReasonNumber {
  position: absolute;
  top: -53px;
  left: 50%;
  width: 80px;
  height: 82px;
  margin-left: -40px;
}

#ins-lp04 .ins-lp04Reason .ins-lp04Title {
  color: #f6bd84;
  font-size: 170%;
  text-align: center;
}

#ins-lp04 .ins-lp04Reason .ins-lp04Thumb {
  margin: 25px auto;
  text-align: center;
}

#ins-lp04 .ins-lp04Reasons .ins-lp04Summary {
  padding: 55px 0 115px;
  text-align: center;
}


/* スマートギフトについて 1 */
.ins-lp04About1 {
  position: relative;
  padding-top: 150px;
  color: #fff;
  background: #302e2e url(/common/assets/img/lp/smartgift/bg-about-01.png) 0 0 repeat-x;
}

.ins-lp04About1:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 172px;
  height: 86px;
  margin-left: -86px;
  background: url(/common/assets/img/lp/smartgift/bg-about-01-arrow.png) 0 0 no-repeat;
}

.ins-lp04About1 .ins-lp04Thumb {
  float: left;
  width: 428px;
}

.ins-lp04About1 .ins-lp04Lead {
  float: right;
  width: 520px;
}

#ins-lp04 .ins-lp04About1 .ins-lp04Title {
  margin-bottom: 35px;
}

.ins-lp04About1 .ins-lp04Lead p {
  line-height: 2;
}

.ins-lp04Vote {
  margin-top: 65px;
  color: #ccc;
}

.ins-lp04Vote .ins-lp04Graph {
  box-sizing: border-box;
  float: left;
  width: 509px;
  border-right: 3px solid #302e2e;
  padding: 40px 0 20px;
  text-align: center;
}

.ins-lp04Vote .ins-lp04Result {
  box-sizing: border-box;
  float: right;
  width: 462px;
  padding: 40px 30px 20px 40px;
}

#ins-lp04 .ins-lp04Vote .ins-lp04Title {
  font-size: 139%;
  text-align: center;
}

#ins-lp04 .ins-lp04Graph .ins-lp04Title {
  margin-bottom: 15px;
}

#ins-lp04 .ins-lp04Result .ins-lp04Title {
  margin-bottom: 35px;
}

#ins-lp04 .ins-lp04Result ul {
  list-style: disc;
}

#ins-lp04 .ins-lp04VoteCaption {
  margin-bottom: 30px;
  padding-top: 10px;
  text-align: right;
  font-size: 93%;
}

.ins-lp04Points {
  padding-bottom: 130px;
}

.ins-lp04Points .ins-lp04Title {
  text-align: center;
}

#ins-lp04 .ins-lp04Points ol {
  display: block;
  margin: 0 -10px;
}

#ins-lp04 .ins-lp04Points li {
  margin: 0 10px;
  float: left;
}


/* スマートギフトについて 2 */
.ins-lp04About2 {
  position: relative;
  height: 727px;
  background: #fff url(/common/assets/img/lp/smartgift/im-about-02.png) center center no-repeat;
  background-size: cover;
}

.ins-lp04About2Inner {
  position: relative;
  height: 545px;
  padding-top: 185px;
  background: url(/common/assets/img/lp/smartgift/bg-about-02.png) 0 0 repeat-x;
}

.ins-lp04About2Inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 168px;
  height: 84px;
  margin-left: -84px;
  background: url(/common/assets/img/lp/smartgift/bg-about-02-arrow.png) 0 0 no-repeat;
}

#ins-lp04 .ins-lp04About2 .ins-lp04Title {
  margin-bottom: 40px;
}

.ins-lp04About2 .ins-lp04Lead {
  width: 500px;
  line-height: 2;
}


/* こだわり 1 */
.ins-lp04Feature1 {
  padding-top: 120px;
  background-color: #111;
}

#ins-lp04 .ins-lp04Feature1 .ins-lp04Title {
  margin-bottom: 45px;
  text-align: center;
}

.ins-lp04Feature1 .ins-lp04Content {
  padding: 35px;
}

#ins-lp04 .ins-lp04Feature1 .ins-lp04Lead {
  padding-bottom: 35px;
  color: #f6bd84;
  font-size: 170%;
  text-align: center;
}

.ins-lp04Feature1 .ins-lp04FeatureList {
  margin: 0 auto;
  width: 896px;
}

.ins-lp04Feature1 .ins-lp04FeatureList li {
  float: left;
  width: 246px;
  padding: 0 26px;
}

.ins-lp04Feature1 .ins-lp04FeatureList .ins-lp04Separator {
  border-left: 1px solid #4e403d;
  border-right: 1px solid #4e403d;
}

.ins-lp04Examples {
  position: relative;
  margin-top: 120px;
  padding: 130px 0 100px;
  color: #333;
  background-color: #e5b486;
}

#ins-lp04 .ins-lp04Examples .ins-lp04Title {
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -393px;
  width: 785px;
  height: 98px;
  font-size: 170%;
  font-weight: normal;
  line-height: 98px;
  color: #fff;
  background: url(/common/assets/img/lp/smartgift/bg-title-label.png) center top no-repeat;
}

#ins-lp04 .ins-lp04Examples .ins-lp04SubLead {
  font-weight: bold;
  line-height: 1.3;
}

#ins-lp04 .ins-lp04Examples .ins-lp04SubTitle {
  margin: 5px 0 20px;
  font-size: 150%;
}

#ins-lp04 .ins-lp04Examples .ins-lp04SubTitle + p {
  font-size: 93%;
}

.ins-lp04Examples .ins-lp04Text { float: left; }
.ins-lp04Examples .ins-lp04Image { float: right; }

.ins-lp04Examples .ins-lp04Content {
  padding: 0;
}

.ins-lp04Example1 {
  padding-bottom: 40px;
  border-bottom: 1px solid #bb936f;
}

.ins-lp04Example2 {
  float: left;
  width: 460px;
  border-right: 1px solid #bb936f;
  padding: 40px 39px 20px 0;
}

.ins-lp04Example3 {
  float: right;
  width: 460px;
  padding: 40px 0 20px 40px;
}

.ins-lp04Example1 .ins-lp04Text  { width: 390px; }
.ins-lp04Example1 .ins-lp04Image { width: 555px; }
.ins-lp04Example2 .ins-lp04Text  { width: 220px; }
.ins-lp04Example2 .ins-lp04Image { width: 200px; }
.ins-lp04Example3 .ins-lp04Text  { width: 220px; }
.ins-lp04Example3 .ins-lp04Image { width: 200px; }


/* こだわり 2 */
.ins-lp04Feature2 {
  padding-top: 120px;
}

#ins-lp04 .ins-lp04Feature2 .ins-lp04Title {
  margin-bottom: 45px;
  text-align: center;
}

.ins-lp04Lineup {
  height: 130px;
  padding: 175px 0;
  text-align: center;
  background: url(/common/assets/img/lp/smartgift/bg-feature-02.png) center no-repeat;
  background-size: cover;
}

#ins-lp04 .ins-lp04Preview {
  margin: 90px auto 0;
}

#ins-lp04 .ins-lp04Preview .ins-lp04Title {
  text-align: center;
}

.ins-lp04Preview .ins-lp04Image {
  float: left;
  width: 456px;
}

.ins-lp04Preview .ins-lp04Text {
  float: right;
  width: 500px;
}

#ins-lp04 .ins-lp04Preview .ins-lp04Button {
  margin: 25px 0 20px
}

.ins-lp04Preview .ins-lp04CautionList {
  font-size: 86%;
}

.ins-lp04Preview .ins-lp04CautionList li {
  padding-left: 1em;
  text-indent: -1em;
}

#ins-lp04 .ins-lp04Preview a {
  color: #cd6111;
}

#ins-lp04 .ins-lp04HowToUse {
  margin-top: 45px;
  box-sizing: border-box;
  padding: 56px 20px 55px 31px;
  color: #fff;
  background-color: #5d5a5a;
}

.ins-lp04HowToUse .ins-lp04Image {
  float: left;
  position: relative;
  width: 291px;
  height: 248px;
}

.ins-lp04StepImage li {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  width: 248px;
  height: 248px;
  margin-left: -124px;
}

.ins-lp04StepImage .is-active {
  display: block;
}

.ins-lp04StepNav li {
  display: block;
  position: absolute;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -9px;
}

.ins-lp04StepNav a {
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;

  text-indent: 24px;
}

.ins-lp04StepNav .ins-lp04Prev {
  left: 0;
  background: url(/common/assets/img/lp/smartgift/ic-step-prev.png) 50% 0 no-repeat;
}

.ins-lp04StepNav .ins-lp04Next {
  right: 0;
  background: url(/common/assets/img/lp/smartgift/ic-step-next.png) 50% 0 no-repeat;
}

.ins-lp04StepNav .ins-lp04Prev.is-disabled,
.ins-lp04StepNav .ins-lp04Next.is-disabled {
  background-position: 50% -24px;
}

.ins-lp04StepNav .ins-lp04Prev.is-disabled a,
.ins-lp04StepNav .ins-lp04Next.is-disabled a {
  cursor: not-allowed;
}

.ins-lp04HowToUse .ins-lp04Text {
  float: right;
  width: 640px;
}

#ins-lp04 .ins-lp04HowToUse .ins-lp04Title {
  margin: 0 0 15px;
  font-size: 139%;
  font-weight: bold;
  text-align: left;
}

.ins-lp04HowToUse .ins-lp04Text ol {
  font-size: 93%;
}

.ins-lp04HowToUse .ins-lp04Text li {
  position: relative;
  padding-left: 25px;
  min-height: 18px;
  color: #999;
}

.ins-lp04HowToUse .ins-lp04Text .is-active {
  color: #fff;
}

.ins-lp04HowToUse .ins-lp04Text li:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(/common/assets/img/lp/smartgift/ic-steps.png) 0 0 no-repeat;
  overflow: hidden;
}

.ins-lp04HowToUse .ins-lp04Text .ins-lp04Step1:before { background-position: -18px 0; }
.ins-lp04HowToUse .ins-lp04Text .ins-lp04Step2:before { background-position: -18px -18px; }
.ins-lp04HowToUse .ins-lp04Text .ins-lp04Step3:before { background-position: -18px -36px; }
.ins-lp04HowToUse .ins-lp04Text .ins-lp04Step4:before { background-position: -18px -54px; }
.ins-lp04HowToUse .ins-lp04Text .ins-lp04Step5:before { background-position: -18px -72px; }
.ins-lp04HowToUse .ins-lp04Text .ins-lp04Step6:before { background-position: -18px -90px; }

.ins-lp04HowToUse .ins-lp04Text .ins-lp04Step1.is-active:before { background-position: 0 0; }
.ins-lp04HowToUse .ins-lp04Text .ins-lp04Step2.is-active:before { background-position: 0 -18px; }
.ins-lp04HowToUse .ins-lp04Text .ins-lp04Step3.is-active:before { background-position: 0 -36px; }
.ins-lp04HowToUse .ins-lp04Text .ins-lp04Step4.is-active:before { background-position: 0 -54px; }
.ins-lp04HowToUse .ins-lp04Text .ins-lp04Step5.is-active:before { background-position: 0 -72px; }
.ins-lp04HowToUse .ins-lp04Text .ins-lp04Step6.is-active:before { background-position: 0 -90px; }

.ins-lp04HowToUse .ins-lp04StepImage .ins-lp04Step1,
.ins-lp04HowToUse .ins-lp04StepImage .ins-lp04Step2,
.ins-lp04HowToUse .ins-lp04StepImage .ins-lp04Step3,
.ins-lp04HowToUse .ins-lp04StepImage .ins-lp04Step4,
.ins-lp04HowToUse .ins-lp04StepImage .ins-lp04Step5{
  cursor: pointer;
}

.ins-lp04HowToUse .ins-lp04Text li + li {
  margin-top: 10px;
}


#ins-lp04 .ins-lp04Catalog {
  box-sizing: border-box;
  position: relative;
  margin-top: 2px;
  margin-bottom: 120px;
  padding: 50px 65px;
  color: #fff;
  background-color: #8e887e;
}

#ins-lp04 .ins-lp04Catalog:after {
  content: "";
  display: block;
  position: absolute;
  top: 53px;
  right: -21px;
  width: 408px;
  height: 253px;
  background: url(../images/feature-2/im-catalog.png) 0 0 no-repeat;
}

#ins-lp04 .ins-lp04Catalog .ins-lp04Title {
  margin: 0 0 20px;
  text-align: left;
}

.ins-lp04Catalog p {
  font-size: 93%;
}

#ins-lp04 .ins-lp04Catalog .ins-lp04Button {
  margin-top: 20px;
}


/* こだわり 3 */
.ins-lp04Feature3 {
  padding-top: 85px;
  color: #fff;
  background-color: #111;
}

#ins-lp04 .ins-lp04Feature3 .ins-lp04Title {
  margin-bottom: 20px;
  text-align: center;
}

#ins-lp04 .ins-lp04Feature3 .ins-lp-4Lead {
  margin-bottom: 60px;
  text-align: center;
}

.ins-lp04FeatureBox1 {
  float: left;
  width: 583px;
}

.ins-lp04FeatureBox2 {
  float: right;
  width: 583px;
}

.ins-lp04FeatureBox .ins-lp04Content {
  position: relative;
  padding: 50px 49px 35px 48px;
}

#ins-lp04 .ins-lp04FeatureBox .ins-lp04FeatureNumber {
  position: absolute;
  top: -53px;
  left: 50%;
  width: 80px;
  height: 82px;
  margin-left: -40px;
}

#ins-lp04 .ins-lp04FeatureBox .ins-lp04Title {
  margin: 0 -20px 20px;
  color: #f6bd84;
  font-size: 170%;
  text-align: center;
}

#ins-lp04 .ins-lp04FeatureBox .ins-lp04Thumbs {
  margin: 0 -3px 30px;
}

#ins-lp04 .ins-lp04FeatureBox .ins-lp04Thumbs li {
  display: block;
  float: left;
  margin: 0 3px;
}

#ins-lp04 .ins-lp04Feature3 .ins-lp04Caution {
  margin: 10px auto 100px;
  text-align: right;
  font-size: 79%;
}

.ins-lp04Recommend {
}

.ins-lp04Recommend .ins-lp04Images {
  position: relative;
  height: 600px;
}

.ins-lp04Slides {
  position: relative;
  width: 100%;
  height: 600px;
}

.ins-lp04Slides ul {
  width: 100%;
  height: 600px;
}

.ins-lp04Slides .ins-lp04-js-slide-item {
  display: block;
  position: absolute;
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#ins-lp04 .ins-lp04Recommend .ins-lp04Images .ins-lp04Title {
  position: absolute;
  top: 170px;
  left: 50%;
  z-index: 10;
  width: 689px;
  height: 152px;
  margin-left: -345px;
}

#ins-lp04 .ins-lp04Recommend .ins-lp04Images .ins-lp04Caption {
  position: absolute;
  width: 1200px;
  margin: 0 auto;
  bottom: 20px;
  left: 50%;
  z-index: 10;
  margin-left: -600px;
  text-align: right;
  color: #fff;
}

#ins-lp04 .ins-lp04Recommend .ins-lp04Images .ins-lp04SlideNav {
  position: absolute;
  bottom: 25px;
  z-index: 10;
  width: 100%;
  height: 10px;
  text-align: center;
  color: #fff;
}

#ins-lp04 .ins-lp04Recommend .ins-lp04Images .ins-lp04SlideNav li {
  display: inline-block;
  margin: 0 4px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
}

#ins-lp04 .ins-lp04Recommend .ins-lp04Images .ins-lp04SlideNav .current {
  background-color: #e8b847;
}

.ins-lp04RecommendPoints {
  padding: 30px 0 50px;
  color: #111;
  background-color: #fff;
}

.ins-lp04RecommendPoints .ins-lp04point {
  box-sizing: border-box;
  float: left;
  width: 400px;
  padding: 0 25px 0 190px;
  border-left: 1px solid #ddd;
  background: url(/common/assets/img/lp/smartgift/im-feature-03-05.png) 19px 22px no-repeat;
}

.ins-lp04RecommendPoints .ins-lp04point2 {
  background-image: url(/common/assets/img/lp/smartgift/im-feature-03-06.png);
}

.ins-lp04RecommendPoints .ins-lp04point3 {
  border-right: 1px solid #ddd;
  background-image: url(/common/assets/img/lp/smartgift/im-feature-03-07.png);
}

#ins-lp04 .ins-lp04RecommendPoints .ins-lp04Title {
  margin: 0 0 11px 0;
  font-size: 129%;
  text-align: left;
  line-height: 1.4;
}
#ins-lp04 .ins-lp04RecommendPoints .ins-lp04Title img{
  margin-bottom: 3px;
}

#ins-lp04 .ins-lp04RecommendPoints  .ins-lp04point3 .ins-lp04Title {
  margin-right: -15px;
}


/* お客様の声 */
.ins-lp04Voices {
  padding: 120px 0;
  color: #ccc;
  background-color: #111;
}

#ins-lp04 .ins-lp04Voices .ins-lp04Title {
  padding-bottom: 85px;
  text-align: center;
}

.ins-lp04Voices .ins-lp04Voice {
  position: relative;
  float: left;
  box-sizing: border-box;
  padding: 5px;
}

.ins-lp04Voices .ins-lp04Voice1 {
  width: 300px;
  background-color: #302e2e;
}

.ins-lp04Voices .ins-lp04Voice2 {
  width: 290px;
  padding-left: 0;
  background-color: #232222;
}

.ins-lp04Voices .ins-lp04Voice3 {
  margin-left: 20px;
  width: 290px;
  padding-right: 0;
  background-color: #232222;
}

.ins-lp04Voices .ins-lp04Voice4 {
  width: 300px;
  background-color: #302e2e;
}

.ins-lp04Voices .ins-lp04Voice1:before,
.ins-lp04Voices .ins-lp04Voice3:before {
  content: "";
  display: block;
  position: absolute;
  top: -57px;
  left: 147px;
  width: 297px;
  height: 32px;
  background: url(/common/assets/img/lp/smartgift/tt-voices-02.png) 0 0 no-repeat;
}

.ins-lp04Voices .ins-lp04Voice3:before {
  background-image: url(/common/assets/img/lp/smartgift/tt-voices-03.png);
}

.ins-lp04Voices .ins-lp04Content {
  border: 3px solid #111;
  padding: 90px 20px 40px;
}

#ins-lp04 .ins-lp04Voices .ins-lp04CustomerNumber {
  position: absolute;
  top: -25px;
  left: 50%;
  width: 90px;
  height: 92px;
  margin-left: -45px;
}

#ins-lp04 .ins-lp04Voices .ins-lp04SubTitle {
  margin: 0 -10px 30px;
  font-size: 115%;
  text-align: center;
  color: #fff;
}

.ins-lp04Voices .ins-lp04Voice p {
  font-size: 93%;
  line-height: 1.7;
}

.ins-lp04Voices .ins-lp04Voice .ins-lp04Image {
  margin-top: 20px;
  text-align: center;
}


/* FAQ */
.ins-lp04Faq {
  padding: 65px 0 110px;
  background-color: #fff;
}

#ins-lp04 .ins-lp04Faq .ins-lp04Title {
  margin-bottom: 40px;
  text-align: center;
}

#ins-lp04 .ins-lp04Faq dt {
  min-height: 28px;
  margin-bottom: 8px;
  padding: 7px 0 0 55px;
  font-size: 115%;
  font-weight: bold;
  background-position: 0 0;
  background-repeat: no-repeat;
}

#ins-lp04 .ins-lp04Faq dd {
  margin-bottom: 25px;
  padding: 7px 0 25px 55px;
  border-bottom: 1px solid #ccc;
  background-position: 0 0;
  background-repeat: no-repeat;
}

#ins-lp04 .ins-lp04Faq .ins-lp04A5 {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.ins-lp04Faq .ins-lp04Q1 { background-image: url(/common/assets/img/lp/smartgift/ic-question-01.png); }
.ins-lp04Faq .ins-lp04Q2 { background-image: url(/common/assets/img/lp/smartgift/ic-question-02.png); }
.ins-lp04Faq .ins-lp04Q3 { background-image: url(/common/assets/img/lp/smartgift/ic-question-03.png); }
.ins-lp04Faq .ins-lp04Q4 { background-image: url(/common/assets/img/lp/smartgift/ic-question-04.png); }
.ins-lp04Faq .ins-lp04Q5 { background-image: url(/common/assets/img/lp/smartgift/ic-question-05.png); }
.ins-lp04Faq .ins-lp04A1 { background-image: url(/common/assets/img/lp/smartgift/ic-answer-01.png); }
.ins-lp04Faq .ins-lp04A2 { background-image: url(/common/assets/img/lp/smartgift/ic-answer-02.png); }
.ins-lp04Faq .ins-lp04A3 { background-image: url(/common/assets/img/lp/smartgift/ic-answer-03.png); }
.ins-lp04Faq .ins-lp04A4 { background-image: url(/common/assets/img/lp/smartgift/ic-answer-04.png); }
.ins-lp04Faq .ins-lp04A5 { background-image: url(/common/assets/img/lp/smartgift/ic-answer-05.png); }


/* 注文 */
.ins-lp04Order {
  padding: 120px 0 90px;
  color: #fff;
  background-color: #111;
}

#ins-lp04 .ins-lp04Order .ins-lp04Title {
  margin-bottom: 60px;
  text-align: center;
}

.ins-lp04ItemList {
  position: relative;
}

.ins-lp04ItemList:before {
  content: "";
  display: block;
  position: absolute;
  top: -182px;
  right: 32px;
  width: 242px;
  height: 254px;
  background: url(/common/assets/img/lp/smartgift/im-order.png) 0 0 no-repeat;
}

.ins-lp04ItemList .ins-lp04Content {
  padding: 40px 10px 45px;
}

#ins-lp04 .ins-lp04ItemList .ins-lp04Subtitle {
  margin-bottom: 10px;
  color: #d8a77a;
  font-size: 129%;
  font-weight: bold;
  text-align: center;
}

#ins-lp04 .ins-lp04ItemList .ins-lp04Lead {
  margin-bottom: 40px;
  text-align: center;
}

.ins-lp04ItemList .ins-lp04Item {
  float: left;
  padding: 5px 15px 0;
  border-left: 1px solid #4e403d;
  width: 160px;
  text-align: center;
}

.ins-lp04ItemList .ins-lp04Item:first-child {
  border-left: none;
}

#ins-lp04 .ins-lp04ItemList .ins-lp04Image {
  margin-bottom: 10px;
}

#ins-lp04 .ins-lp04ItemList .ins-lp04Price {
  margin: 5px 0 15px;
  font-size: 115%;
  font-weight: bold;
}

#ins-lp04 .ins-lp04ItemList .ins-lp04Price span {
  font-size: 75%;
  font-weight: normal;
}

#ins-lp04 .ins-lp04ItemList .ins-lp04Items + .ins-lp04Items {
  margin-top: 30px;
}

.ins-lp04ItemList .ins-lp04OtherItems {
  position: relative;
}

#ins-lp04 .ins-lp04ItemList .ins-lp04OtherItems .ins-lp04Image {
  margin: 25px 0 0;
}

 .ins-lp04OtherItems .ins-lp04Button {
   position: absolute;
   bottom: 0;
}

#ins-lp04 .ins-lp04CautionList {
  margin: 10px auto 65px;
  color: #999;
  font-size: 86%;
}

.ins-lp04CautionList li {
  display: inline-block;
  margin-right: 15px;
  line-height: 2;
}

.ins-lp04Custom {
  margin-bottom: 75px;
}

.ins-lp04Custom .ins-lp04Content {
  padding: 45px 45px 60px;
}

#ins-lp04 .ins-lp04Custom .ins-lp04Title {
  margin-bottom: 15px;
  font-size: 129%;
  font-weight: bold;
  color: #e8b847;
  text-align: center;
}

#ins-lp04 .ins-lp04Custom .ins-lp04Lead {
  text-align: center;
}

#ins-lp04 .ins-lp04Custom .ins-lp04Caution {
  margin-top: 8px;
  font-size: 86%;
  text-align: center;
}

#ins-lp04 .ins-lp04Custom .ins-lp04ContactList {
  margin-top: 50px;
}

.ins-lp04Custom .ins-lp04ContactMail {
  float: left;
  width: 400px;
  text-align: center;
}

.ins-lp04Custom .ins-lp04ContactTel {
  float: right;
  width: 400px;
}

#ins-lp04 .ins-lp04Custom .ins-lp04SubTitle {
  margin-bottom: 30px;
  text-align: center;
}

.ins-lp04ContactTel table {
  width: 100%;
  border-top: 1px dotted #5a554e;
}

.ins-lp04ContactTel tr {
  border-bottom: 1px dotted #5a554e;
}

.ins-lp04ContactTel th,
.ins-lp04ContactTel td {
  padding: 10px 0;
  text-align: left;
  font-weight: normal;
}

.ins-lp04ContactTel th { padding-right: 10px; }
.ins-lp04ContactTel td { padding-left: 10px; }

#ins-lp04 .ins-lp04Custom .ins-lp04Extra {
  margin: 10px auto 0;
  color: #999;
  font-size: 86%;
  text-align: left;
}

#ins-lp04 .ins-lp04Wrapping {
  margin: 0 auto;
  width: 560px;
  min-height: 250px;
  padding: 0 40px 0 400px;
  background: url(/common/assets/img/lp/smartgift/im-wrapping.png) 120px 0 no-repeat;
}

#ins-lp04 .ins-lp04Wrapping p {
  margin-bottom: 30px;
  padding-top: 35px;
  font-size: 115%;
  font-weight: bold;
  line-height: 1.7;
}

#ins-lp04 .ins-lp04Wrapping ul {
  margin-left: 20px;
  list-style: disc;
}


/* サービス */
.ins-lp04Services {
  margin: 50px auto 0;
}

#ins-lp04 .ins-lp04ServicesLead {
  margin-bottom: 20px;
  text-align: center;
  font-size: 172%;
  font-weight: normal;
}

.ins-lp04Service {
  float: left;
  box-sizing: border-box;
  margin-right: 14px;
  width: 324px;
  padding: 20px 20px;
  border-radius: 5px;
  text-align: center;
  background-color: #f2ebe0;
}

.ins-lp04Service.ins-lp04LastItem {
  margin-right: 0;
}

.ins-lp04ServiceTitle {
  height: 45px;
}

.ins-lp04ServiceImage {
  margin: 5px auto 10px;
  width: 190px;
}

.ins-lp04ServiceText {
  font-size: 86%;
}


/* ------------------------------------------------------------ */

/**
 * /common/common.css より一部抜粋
 */

#ins-lp04 .rpbnr{
  margin: 20px auto;
  width: 950px;
}


#ins-lp04 #smartbanners {
	display		: block;
	position	: relative;
	width		: 100%;
	min-width	: 980px;
	height		: auto;
	background	: #f0f0f0;
	color		: #231815;
	padding		: 40px 0 0;
	zoom		: 1;
}

#ins-lp04 #smartbanners h2 {
	margin:0;
	height:20px;
	background:url(/smartgift/contents/common/smartbanners/title.png) center center no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#ins-lp04 #smartbanners ul {
	width:980px;
	margin:20px auto 0;
}

#ins-lp04 #smartbanners ul li {
	display		: inline;
	float		: left;
	margin		: 0 0 7px 7px;
}

#ins-lp04 #smartbanners ul li.special {
	display		: inline;
	float		: left;
	margin		: 0 0 0 7px;
}

#ins-lp04 #smartbanners ul li a img {
	vertical-align	: bottom;
}

#ins-lp04 #smartbanners ul li a:hover img {
	opacity:0.8;
}

#ins-lp04 #smartbanners ul li.sel a img {
	opacity:0.3;
}


#ringbellfooter {
	display		: block;
	position	: relative;
	width		: 100%;
	min-width	: 980px;
	color		: #339dc3;
	background	: #f0f0f0;
	padding		: 30px 0;
	font-family	: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size	: 9pt;
}

#ringbellfooter a:link    { color:#664192; text-decoration:none; }
#ringbellfooter a:visited { color:#664192; text-decoration:none; }
#ringbellfooter a:hover   { color:#cc0000; text-decoration:underline; }

#ringbellfooter .inner {
	width		: 960px;
	margin		: 0 auto;
	zoom		: 1;
}

#ringbellfooter h2 {
	float		: left;
	margin		: 0;
}

#ringbellfooter h2 a {
	display		: block;
	width		: 171px;
	height		:  22px;
	background	: url(/smartgift/contents/common/ringbellfooter/logo.png) 0 0 no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}

#ringbellfooter ul li {
	float		: left;
	margin		: 0 0 0 20px;
	line-height	: 22px;
}

#ringbellfooter p.copyright {
	float		: right;
	margin		:  0;
	line-height	: 22px;
}

/* slick.js */
.slick-loading .slick-list
{
  background: none;
}

/* fancybox */

.fancybox-skin {
 background: #fff;
 color: #333;
 border-radius: 0;
 -webkit-border-radius:0;
 -moz-border-radius: 0;
}


.rb2019---gift-service {
  margin: 50px auto 100px;
  width: 1000px;
}
.rb2019---gift-service * {
  font-family: "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo",
    sans-serif;
}

#ins-lp .rb2019---gift-service__title {
  font-family: "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo",
    sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 50px;
  text-align: center;
}

.rb2019---gift-service__items {
  align-items: flex-start;
  display: flex;
  justify-content: center;
}

.rb2019---gift-service__item {
  flex-shrink: 0;
  margin-right: 66px;
  width: calc((100% - 132px) / 3);
}
.rb2019---gift-service__item:nth-child(3n),
.rb2019---gift-service__item:last-child {
  margin-right: 0;
}

.rb2019---gift-service__image {
  align-items: center;
  background: #fff;
  border: 1px solid #d3d3d3;
  display: flex;
  height: 220px;
  justify-content: center;
  margin-bottom: 20px;
}
.rb2019---gift-service__image img {
  height: auto;
  max-width: 270px;
}

#ins-lp .rb2019---gift-service__name {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}

#ins-lp .rb2019---gift-service__text {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 20px;
}

#ins-lp .rb2019---gift-service__link {
  align-items: center;
  background: #333 url(/assets/img/icons/triangle-right-w.svg) no-repeat right
    12px center/8px auto;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  transition: opacity 0.2s ease;
}
#ins-lp .rb2019---gift-service__link:hover {
  opacity: 0.6;
}

.rb2019---gift-service__link:link,
.rb2019---gift-service__link:visited {
  color: #fff;
}