@charset "utf-8";
/* =============================================================================
   common
   ========================================================================== */


/* =============================================================================
   component
   ========================================================================== */
.c-section { width: 980px; margin: 0 auto; text-align: left; }

.c-cta__top { background: url("../images/redbg.gif") top left repeat; height: 277px; }
.c-cta__top .c-section { padding-top: 39px; position: relative; text-align: center; }
.c-cta__topTxt { position: absolute; top: 210px; left: 0;  }
.c-cta__btm { background: url("../images/cta-bg.png") top left repeat; }
.c-cta__btm .c-section { position: relative; padding: 77px 0 34px;  }
.c-cta__btmTxt { margin: 19px 0 38px;  }
.c-cta__btmImg { position: absolute; bottom: 0; right: -67px; }
.c-cta__btmCredit { position: relative;  }
.c-cta__btmCredit .mask { position: absolute; top: 0; left: 0; width: 100%; height: 102px; z-index: 0; background-color: rgba(255, 255, 255, .6); }
.c-cta__btmCredit .img { padding: 16px 0 15px; position: relative; z-index: 1; }

.c-radiolabel { display: inline-block; *display: inline; *zoom: 1; margin-right: 32px; }
.c-radiolabel__txt { display: inline-block; *display: inline; *zoom: 1; vertical-align: 5px; }
.c-radioBtn { width: 20px; height: 20px; margin-right: 8px; display: inline-block; *display: inline; *zoom: 1; -moz-transform-origin: right bottom; -moz-transform: scale(2, 2); }
.c-txtbox { border: 1px solid #b4b2b2; height: 37px; padding-left: 8px; }
.c-txtbox01 { width: 390px; }
.c-txtbox02 { width: 158px; }
.c-txtbox03 { width: 510px; }
.c-selectbox { height: 37px; }
.c-txtarea { width: 510px; height: 145px; padding-top: 7px; }


/* =============================================================================
   utility
   ========================================================================== */
.u-orangeTxt { color: #f62936; }

/* =============================================================================
   layout
   ========================================================================== */
#wrapper { min-width: 1080px; padding-bottom: 70px; overflow: hidden; }

.aftersend { height: 100%; }
.aftersend #wrapper { min-height: 100%; position: relative; }
.aftersend #site-main { padding-bottom: 85px; background: url("../images/redbg.gif") top left repeat; }
.aftersend #site-footer { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; }

#site-header { height: 86px; }
#site-title { padding-top: 11px; float: left; }
.h__tel { float: left; margin: 14px 0 0 23px; }
.h__btn { float: right;  }

#site-footer { position: relative; background-color: #dbdbdb; }
.f__pagetop { position: absolute; top: -78px; right: 26px;  }
.f__fix { position: fixed; z-index: 9999; bottom: -70px; height: 70px; width: 100%; background-color: rgba(255, 255, 255, .9);
   -webkit-transition: bottom .5s ease-in-out;
           transition: bottom .5s ease-in-out;
 }
 .f__fix.is-active { bottom: 0; }
.f__fixRogo,
.f__fixTel { float: left; }
.f__fixRogo { padding-top: 17px; margin-right: 67px; }
.f__fixTel { padding-top: 9px; }
.f__fixBtn { float: right; }
.f__copy { padding: 20px 0; }
.f__copy small { font-size: 16px; font-size: 1.6rem; }

/* =============================================================================
   project
   ========================================================================== */
.p-hero { height: 550px; background: url("../images/redbg.gif") top left repeat; }
.p-hero .c-section { position: relative; }
.p-hero__title { position: absolute; top: 38px; left: -30px; }
.p-hero__txt01 { position: absolute; top: -10px; left: 0;  }
.p-hero__txt02 { position: absolute; top: 460px; left: 0px;  }

.p-cta01 { background: url("../images/cta-bg.png") top left repeat; height: 210px; }
.p-cta01 .c-section { position: relative; }
.p-cta01__title { padding-top: 57px;  }
.p-cta01__btn { position: absolute; top: 53px; left: 512px; width: 478px; text-align: center; }
.p-cta01__btn .title { margin-bottom: 9px;  }


.p-cts01 { background: url("../images/contents01-bg.jpg") top left repeat; }
.p-cts01 .c-section { position: relative; text-align: center; padding: 45px 0 80px; }
.p-cts01__title,
.p-cts01__txt { position: relative; z-index: 1; }
.p-cts01__title { margin-bottom: 37px; }
.p-cts01__img .img { position: absolute; bottom: 0px; z-index: 0; }
.p-cts01__img .img01 { left: -152px; }
.p-cts01__img .img02 { right: -165px; }
.p-cts01__arrow { position: absolute; z-index: 2; bottom: -19px; left: 50%; margin-left: -35px;  }


.p-cts02__title { background: url("../images/redbg.gif") top left repeat; padding-top: 36px; }
.p-cta02__main { background-color: #ff6600; position: relative; }
.p-cta02__mainBg { position: absolute; top: 0; left: 50%; margin-left: -717px; z-index: 0; width: 1435px; height: 978px; background: url("../images/contents02-bg.png") top left no-repeat; }
.p-cta02__mainTopArrow { position: absolute; top: -2px; left: 50%; margin-left: -130px; z-index: 1; }
.p-cta02__main .c-section {  padding: 417px 0 67px; position: relative; z-index: 2; }
.p-cta02__mainTitle { position: absolute; top: 43px; left: -25px;  }
.p-cta02__mainBlock { position: relative; margin-bottom: 22px; }
.p-cta02__mainBlock05 { margin-bottom: 0; }
.p-cta02__mainBlockImg { position: absolute; }
.p-cta02__mainBlockImg01 { top: 205px; right: -51px; }
.p-cta02__mainBlockImg05 { top: 169px; right: -45px; }
.p-cta02__mainArrow { position: absolute; bottom: -47px; left: 50%; margin-left: -130px;  }


.p-cts03 { background: url("../images/contents03-bg.png") top left repeat; }
.p-cts03 .c-section { position: relative; padding: 71px 0 69px;  }
.p-cts03__title { margin-left: -54px;  }
.p-cts03__arrow { position: absolute; bottom: -37px; left: 50%; margin-left: -90px;  }


.p-cts04 { background: url("../images/contents04-bg01.jpg") center center no-repeat; -webkit-background-size: cover; background-size: cover; height: 1300px; }
.p-cts04 .c-section { padding-top: 88px; position: relative; text-align: center; }
.p-cts04__title,
.p-cts04__list,
.p-cts04__txt,
.p-cts04__photo { position: relative; z-index: 1; }
.p-cts04__list { margin: 9px 0 0 -20px; }
.p-cts04__listItem { float: left; margin-left: 20px; }
.p-cts04__txt { margin: 31px 0 50px;  }
.p-cts04__bg { position: absolute; bottom: -54px;  left: 50%; margin-left: -769px; }


.p-cts05 { background: url("../images/contents05-bg.png") top left repeat; }
.p-cts05 .c-section { padding: 55px 0 45px; position: relative; }
.p-cts05__title { margin-left: -8px; }
.p-cts05__block { margin-bottom: 30px; }
.p-cts05__block02 { margin-bottom: 44px; }
.p-cts05__support { position: relative; z-index: 1;  }
.p-cts05__supportTitle { text-align: center; }
.p-cts05__supportList { margin-left: -23px;  }
.p-cts05__supportListItem { float: left; }
.p-cts05__supportListItem02 { margin: 0 20px 0 17px;  }
.p-cts05__arrow { position: absolute; bottom: -48px; left: 50%; margin-left: -95px; z-index: 0; }


.p-cts06 { background: url("../images/contents06-bg.png") top left repeat; }
.p-cts06 .c-section { padding: 88px 0 29px; position: relative; }
.p-cts06__title,
.p-cts06__qa { position: relative; z-index: 1;  }
.p-cts06__title { text-align: center; margin-bottom: 40px; }
.p-cts06__qaItem { margin-bottom: 30px;  }
.p-cts06__bg { position: absolute; top: 46px; left: 116px; z-index: 0;  }


.p-cts07 { background: url("../images/contents07-bg.png") top left repeat; padding: 80px 0 88px; }
.p-cts07 .c-section { width: 1092px; }
.p-cts07__title { margin-left: 205px; }
.p-cts07__flow { margin-left: 33px; }
.p-cts07__flowItem { float: left; }
.p-cts07__flowItemTxt { width: 320px; margin: 10px auto 0; font-size: 16px; font-size: 1.6rem; line-height: 1.8; text-align: center; }
.p-cts07__flowItemTxt01 p { margin-left: 14px; }
.p-cts07__flowItemTxt02 p { margin-left: 21px; }
.p-cts07__flowItemTxt03 p { margin-left: -27px; }


.p-cts08 { padding-bottom: 53px; }
.p-cts08__title { background: url("../images/redbg.gif") top left repeat; padding: 40px 0; margin-bottom: 58px; }
.p-cts08 .c-section { width: 840px; }
.p-cts08__txt { font-size: 16px; font-size: 1.6rem; font-weight: bold; margin: 20px 0; line-height: 1.7; }
.p-cts08__txt em { color: #f62936;  }
.p-cts08__frmTbl { width: 100%; }
.p-cts08__frmTbl th, .p-cts08__frmTbl td { border: 1px solid #f62936; padding: 10px 0 10px 11px; font-size: 14px; font-size: 1.4rem; vertical-align: middle; }
.p-cts08__frmTbl th { width: 240px; padding-left: 14px; background-color: #fff5c6; padding-right: 8px; font-weight: bold; }
.p-cts08__frmTbl th.vt-top { vertical-align: top; padding-top: 20px; }
.p-cts08__frmTbl th .rq, .p-cts08__frmTbl th .any { width: 50px; margin-top: -4px; height: 25px; line-height: 26px; text-align: center; display: inline-block; *display: inline; *zoom: 1; float: right; background-color: #f62936; color: #fff; font-weight: bold; }
.p-cts08__frmTbl th .any { background-color: #6b6b6b; }
.p-cts08__frmTbl td { background-color: #fff; }
.p-cts08__frmTbl td .zipicon { display: inline-block; *display: inline; *zoom: 1; margin-right: 12px; vertical-align: middle; }
.p-cts08__frmTbl .valid .validicon { background: url("../images/icon-ok.png") center left no-repeat; }
.p-cts08__frmTbl .valid .c-txtbox { background-color: #c6fae6; }
.p-cts08__frmTbl .error span { display: block; color: #FF3E3E; font-size: 13px; font-size: 1.3rem; margin-top: 5px; }
.p-cts08__frmTbl .error span.sentence { color: #333; }
.p-cts08__frmTbl .error .validicon { background: url("../images/icon-ng.png") center left no-repeat; }
.p-cts08__frmTbl .error .c-txtbox { background-color: #fce2da; }
.p-cts08__frmTbl .validicon { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0; margin-left: 5px; width: 30px; height: 29px; }

.p-cts08__btn { margin: 36px auto 0; width: 607px; }
.p-cts08__loader { text-align: center; margin-top: 40px; }


.p-aftersend { padding: 75px 0; }
.p-aftersend .c-section { text-align: center;  }
.p-aftersend__txt { margin: 49px 0 70px;  }

.p-media { padding: 40px 0 75px; }
.p-media__title { text-align: center; margin-bottom: 40px; }
.p-media__listItem { /*float: right;*/ width: 474px; }
/*.p-media__listItem:first-child { float: left; }*/
.p-media__listItemTitle { font-size: 1.6rem; font-weight: bold; text-align: center; margin-bottom: 10px; }
/* .p-media__listItemMv iframe { border: 3px solid #ff3b47; display: block; box-sizing: border-box; } */
.p-media__listItemMv.js-youtube { cursor: pointer; }
.p-media__listItemMv iframe,
.p-media__listItemMv img { border: 3px solid #ff3b47; display: block; box-sizing: border-box; }
.p-media .bx-wrapper { position: relative; }
.p-media .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: 6px; outline: 0; width: 12px; height: 24px; text-indent: -9999px; z-index: 9999; background-position: top left; background-repeat: no-repeat; background-size: 12px 24px; }
.p-media .bx-wrapper .bx-prev { left: -40px; background-image: url("../images/prev.svg"); }
.p-media .bx-wrapper .bx-next { right: -30px; background-image: url("../images/next.svg"); }