@charset "utf-8";
#center { position: relative; min-width: 1000px; max-width: 1760px; margin: 0 auto; overflow: hidden; }
#wrapper { position: relative; left: 50%; width: 1760px; margin: 0 0 0 -880px; }
#wrapper img { width: 558px; margin: 0 auto; }
/*============*/
/* cvエリア */
/*===========*/
#wrapper .cvArea .base img { padding-left: 8px; width: 963px; height: 601px; }
#wrapper .cvArea .base { width: 1760px; left: 0; }
.cvArea .cvBtn01 { width: 483px; height: 93px; top: 336px; left: 719px; }
.cvArea .cvBtn02 { width: 307px; height: 93px; top: 483px; left: 894px; }
#wrapper .cvArea .cvBtn01 img { width: 483px; height: 93px; }
#wrapper .cvArea .cvBtn02 img { width: 307px; height: 93px; }
#wrapper .cvBtn03 { display: none; }
.cv01 { margin: -65px 0 -15px; padding: 0; background: -webkit-linear-gradient(rgba(255, 0, 0, 0) 0%, rgba(255, 0, 0, 1) 10%, rgba(255, 0, 0, 1) 100%); background: linear-gradient(rgba(255, 0, 0, 0) 0%, rgba(255, 0, 0, 1) 10%, rgba(255, 0, 0, 1) 100%); overflow: hidden; }
.cv02 { padding: 0; margin: -256px 0 87px; background: transparent; }
.cv03 { padding: 0; margin: -65px 0 63px }
.cv04 { padding: 0; }
/*============*/
/* 画像の高さ設定 */
/*===========*/
/*
#wrapper h1 img { height: 663px; }
#wrapper .img02 img { height: 1955px; }
#wrapper .img03 img { height: 835px; }
#wrapper .img04 img { height: 1146px; }
#wrapper .img05 img { height: 987px; }
#wrapper .img06 img { height: 1759px; }
#wrapper .img07 img { height: 2363px; }
#wrapper .img08 img { height: 782px; }
#wrapper .img09 img { height: 432px; }
#wrapper .gif img { width: 198px; height: 108px; }
*/
/*============*/
/* ステップ */
/*===========*/
/*
.img02 { position: relative; z-index: 1; height: 1955px; }
.gif { top: 452px; left: 281px; width: 198px; }
*/
/*============*/
/* 感想 */
/*===========*/
/*
.mainCmment { position: absolute; top: 315px; left: 824px; margin: 0; width: 410px; line-height: 1.2; }
.mainCmment br { display: inline-block; }
.mainCmment .title { margin: 0 0 27px; font-size: 36px; color: #f00; }
.mainCmment .text { margin: 0 0 35px; font-size: 18px; line-height: 1.5; letter-spacing: normal; }
.commentWrap { padding: 0 260px 48px; background: #fff; overflow: hidden; }
.comment { position: relative; float: left; width: 293px; height: 425px; margin: 0 20px 23px; padding: 20px; border: 4px solid #000; box-shadow: 2px 2px 0 0 #000; -webkit-box-shadow: 2px 2px 0 0 #000; }
.comment .title { margin-bottom: 10px; font-size: 24px; line-height: 1.4; }
.comment .text { margin: 0; font-size: 18px; line-height: 1.6; }
.comment .signature { font-size: 18px; position: absolute; right: 10px; bottom: 16px; }
.commentWrap .comment:first-child .text { padding-top: 33px; }
.commentWrap .rightnotes { clear: both; width: 980px; padding-right: 20px; }
.rightnotes { width: 100%; margin: 0; padding-bottom: 0; font-size: 10px; }
*/
/*============*/
/* フッター */
/*===========*/
.footernotes { width: 960px; margin: 20px auto 50px; font-size: 10px; line-height: 1; }
.footernotes li { margin: 0 0 5px; padding-left: 0; text-indent: 0; }
footer { padding: 10px 0 50px; overflow: hidden; margin-top: 50px; }
.footerWrap { width: 820px; margin: 0 auto; overflow: hidden; }
footer p { width: 410px; font-size: 11px; float: left; text-align: left; }
footer p:last-child { text-align: right; }
footer p a { margin-right: 24px; font-size: 11px; }
footer p a:first-child { margin-right: 24px; }


/* 追加 */
/*=============================*/
/* ヘッダー */
/*=============================*/
#wrapper #header {
  padding: 20px 0 18px;
  background: #fff url(../images/pc/pc_bd01.gif) bottom center no-repeat;
  text-align: center;
}
#wrapper #header h1 img,
#wrapper #header img {
  width: auto;
  height: auto;
}
#wrapper #header .headerInner {
  letter-spacing: -0.5em;
  font-size: 0;
}
#wrapper #header .headerInner > h1,
#wrapper #header .headerInner > p {
  display: inline-block;
  letter-spacing: normal;
  margin-left: 27px;
}
#wrapper #header .headerInner > h1:first-child,
#wrapper #header .headerInner > p:first-child {
  margin-left: 0;
}

/*=============================*/
/* wrapper */
/*=============================*/
#wrapper {
  background: url(../images/pc/bg_image01.gif) repeat center top;
}

#wrapper .mvArea {
  position: relative;
}
#wrapper .mvArea .mvAreaInner {
  width: 1760px;
  position: absolute;
  bottom: 15px;
}

#wrapper #naviWrap {
  background: rgba(238, 146, 154, 0.7);
}
#wrapper #naviWrap #navi {
  width: 900px;
  padding: 12px 0;
  margin: 0 auto;
}
#wrapper #naviWrap #navi ul {
  font-size: 0;
  letter-spacing: -0.5em;
}
#wrapper #naviWrap #navi ul li {
  display: inline-block;
  letter-spacing: normal;
  margin-left: 6px;
  vertical-align: bottom;
}
#wrapper #naviWrap #navi ul li:first-child {
  margin-left: 0;
}
#wrapper #naviWrap #navi ul li a img {
  width: auto;
}

#wrapper #contentArea {
  margin: 0 0 30px;
}
#wrapper #contentArea .contentAreaInner {
  width: 920px;
  margin: 0 auto;
}
#wrapper #contentArea .contentAreaInner .content01 {
  margin: 0px 12px 0 5px;
}
#wrapper #contentArea .contentAreaInner .content01:first-child {
  margin-top: 0;
}
#wrapper #contentArea .contentAreaInner .content01 p img {
  width: auto;
}

/*=============================*/
/* キャンペーンバナー変更_180209 */
/*=============================*/
#wrapper .conversionBlock.pcContent {max-width:990px; margin:0 auto 15px;}
#wrapper .conversionBlock.pcContent img {width: 990px; margin: 0 auto; }
.smtContent {display: none !important;}

/*=============================*/
/* ボタン追加_180615 */
/*=============================*/
#wrapper .monitorButton {
    box-sizing: border-box;
    width: 557px;
    position: absolute;
    padding: 0 21px;
}
#wrapper .monitorButton img {
    width: 100%;
}
#wrapper .formButton {
    box-sizing: border-box;
    width: 558px;
    position: absolute;
    padding: 0 49px;
}
#wrapper .formButton img {
    width: 100%;
}
#wrapper #content02 {
    position: relative;
}
#wrapper #content02 .monitorButton {
    bottom: 31px;
    left: calc(50% - 279px);
    padding: 0 21px;
}
#wrapper #content02 .monitorButton img {
    width: 100%;
}
#wrapper #content02 .formButton {
    top: 549px;
    left: calc(50% - 278px);
    padding: 0 49px;
}
#wrapper #content02 .formButton img {
    width: 100%;
}
#wrapper #content07 {
    position: relative;
}
#wrapper #content07 .monitorButton {
    bottom: 736px;
    left: calc(50% - 277px);
    padding: 0 21px;
}
#wrapper #content07 .monitorButton img {
    width: 100%;
}
#wrapper #content07 .formButton {
    top: 378px;
    left: calc(50% - 276px);
    padding: 0 49px;
}
#wrapper #content07 .formButton img {
    width: 100%;
}
#wrapper #content09,
#wrapper #content10 {
    position: relative;
}
#wrapper #content09 .formButton {
    top: 190px;
    left: calc(50% - 277px);
    padding: 0 49px;
}
#wrapper #content09 .formButton img {
    width: 100%;
}
#wrapper #content10 .monitorButton {
    bottom: 104px;
    left: calc(50% - 277px);
    padding: 0 21px;
}
#wrapper #content10 .monitorButton img {
    width: 100%;
}


/*=============================*/
/* アニメーションgif追加_180615 */
/*=============================*/
#wrapper #content02 .gifAnimation {
    box-sizing: border-box;
    width: 558px;
    position: absolute;
    top: 641px;
    left: calc(50% - 279px);
    padding: 0 56px;
}
#wrapper #content02 .gifAnimation img {
    width: 100%;
}