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


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


.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; }


.c-cta__main { background: url("../images/white-bg.png") top left repeat; }
.c-cta__main .c-section { position: relative; padding: 54px 0 45px;  }
.c-cta02 .c-cta__main .c-section { padding-top: 79px;  }
.c-cta__mainTitle { margin-bottom: 28px; position: relative; z-index: 1; }
.c-cta__mainTxt { position: absolute; top: -38px; left: 473px; z-index: 0; }
.c-cta02 .c-cta__mainTxt { top: -13px; }
.c-cta__credit { background: url("../images/cta-credit-bg.png") top left repeat; }
.c-cta__credit .c-section { padding: 23px 0 21px; }
.c-cta__creditTitle { float: left; padding-top: 16px; }
.c-cta__creditCard { float: right; }



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

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

#site-header { background: #fff url("../images/head-bg.png") top left repeat-x; height: 116px; }
.h__title,
.h__tel { padding-top: 27px; }
.h__title { float: left; }
.h__tel { float: right; }

#site-footer { position: relative; }
.f__pagetop { position: absolute; top: -78px; right: 26px;  }
.f__fix { position: fixed; z-index: 9999; bottom: -86px; height: 86px; 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: 15px; margin-right: 78px; }
.f__fixTel { padding-top: 11px; }
.f__fixBtn { float: right; padding-top: 13px; }
.f__copy { padding: 20px 0; background-color: #dbdbdb; }
.f__copy small { font-size: 16px; font-size: 1.6rem; }

.aftersend { background-color: #dbdbdb;  }
.aftersend #wrapper { padding-bottom: 20px; }


/* =============================================================================
   project
   ========================================================================== */
.p-hero { background: url("../images/brown-bg01.png") top left repeat; position: relative; }
.p-hero .c-section { position: relative; height: 596px; }
.p-hero__title { position: absolute; top: 138px; left: -3px; }
.p-hero__txt01 { position: absolute; top: -15px; left: -44px; }
.p-hero__txt02 { position: absolute; top: 346px; left: -32px; }
.p-hero__txt03 { position: absolute; top: 43px; left: 500px; }
.p-hero__photo { position: absolute; top: 276px; left: 482px; }
.p-hero__video { position: absolute; top: 360px; left: 745px; }
.p-hero__video a { display: block; width: 292px; height: 180px; background: url("../images/hero-img05-over.png") top left no-repeat; }
.p-hero__video a img { -webkit-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
.p-hero__video a:hover img { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  }
.p-hero__bg { background: url("../images/hero-bg.png") bottom left repeat-x; position: absolute; bottom: 0; left: 0; width: 100%; height: 47px; }
.p-hero__badge { position: absolute; bottom: 66px; right: -105px; }


.p-cta { background: url("../images/brown-bg02.png") top left repeat; height: 160px; }
.p-cta__title,
.p-cta__btn { padding-top: 27px; }
.p-cta__title { float: left; }
.p-cta__btn { float: right; }

.p-cts01 { background: url("../images/gray-bg01.png") top left repeat;  }
.p-cts01 .c-section {  padding: 42px 0 23px; position: relative; }
.p-cts01__title { margin: 0 0 0 -45px;  }
.p-cts01__block{ margin-bottom: 31px; }
.p-cts01__arrow { position: absolute; bottom: -48px; left: 50%; margin-left: -145px;  }


.p-cts02 { padding: 46px 0 96px; background: url("../images/brown-bg01.png") top left repeat; }
.p-cts02__block { margin-bottom: 26px; }
.p-cts02__blockMain { float: right; }
.p-cts02__blockMain:first-child { float: left; margin-left: -13px; }
.p-cts02__blockMain .txt { background: url("../images/contents02-block-bg.png") top left no-repeat; height: 203px; padding: 10px 0 0 45px; }
.p-cts02__blockMain .txt p { font-size: 18px; font-size: 1.8rem; line-height: 1.7; width: 420px; }


.p-cts03 { background: url("../images/contents03-bg01.png") top left repeat; }
.p-cts03__inner { background: url("../images/contents03-bg02.png") top center no-repeat;  }
.p-cts03 .c-section { position: relative; padding-bottom: 34px; }
.p-cts03__title { margin-bottom: -77px; }
.p-cts03__title img { position: relative; top: -77px; }
.p-cts03__block { margin-bottom: 24px; }
.p-cts03__block01__txt01 { position: relative; }
.p-cts03__block01__txt01 .txt { position: absolute; top: 190px; left: 63px; font-size: 14px; font-size: 1.4rem; font-weight: bold;  }
.p-cts03__block01__txt02 { position: relative; }
.p-cts03__block01__txt02 .txt { position: absolute; top: 495px; left: 63px; font-size: 13px; font-size: 1.3rem; line-height: 1.8; }
.p-cts03__block__listItem { float: left; }
.p-cts03__arrow { position: absolute; bottom: -75px; left: 50%; margin-left: -162px; }

.p-cts04 { background: url("../images/gray-bg01.png") top left repeat; height: 850px; }
.p-cts04 .c-section { position: relative; }
.p-cts04__title { margin: 0 0 11px -56px; padding-top: 47px;  }
.p-cts04__slider { background: url("../images/contents04-slidebg.png") top left no-repeat; width: 843px; height: 303px; position: relative; z-index: 1; }
.p-cts04__sliderListItem { padding: 33px; }
.p-cts04__sliderListItemTxt { float: right; width: 555px; }
.p-cts04__sliderListItemTxt .txt { font-size: 16px; font-size: 1.6rem; margin-top: 12px; }
.p-cts04__sliderListItemTxt .txt p { margin-left: 10px;  }
.p-cts04__sliderListItemPhoto { float: left; }
.p-cts04__customer { margin-top: 45px; }
.p-cts04__customer li { width: 182px; }
.p-cts04__photo { position: absolute; top: 92px; right: -69px; z-index: 0; }


.p-cts05 { background: url("../images/white-bg.png") top left repeat; }
.p-cts05 .c-section { padding: 54px 0 85px; position: relative; }
.p-cts05__title { margin-left: 13px; margin-bottom: 40px; }
.p-cts05__movie { width: 728px; height: 412px; border: 3px solid #e66f0b;  margin: 25px auto 0; }
.p-cts05__photoItem { position: absolute; }
.p-cts05__photoItem01 { top: 283px; left: -19px; }
.p-cts05__photoItem02 { top: 242px; right: -42px; }


.p-cts06 { background: url("../images/contents06-bg.jpg") top left no-repeat; height: 834px; -webkit-background-size: cover; background-size: cover; }
.p-cts06 .c-section { position: relative; padding-top: 110px; }
.p-cts06__title { margin-left: -6px; }
.p-cts06__txt { font-size: 16px; font-size: 1.6rem; color: #42210b; margin: 25px 0 0 10px; line-height: 1.9; }
.p-cts06__list { margin-top: 38px; }
.p-cts06__listItem { float: left; width: 320px; margin-left: 20px; }
.p-cts06__listItem:first-child { margin-left: 0; }
.p-cts06__listItem .txt {  font-size: 16px; font-size: 1.6rem; color: #42210b; margin-top: 15px; line-height: 1.8; }
.p-cts06__batch { position: absolute; top: 93px; right: -65px; }

.p-cts07 { background: url("../images/contents07-bg.png") top left repeat; }
.p-cts07 .c-section { padding: 89px 0 46px; background: url("../images/contents07-qa.png") 50% 46px no-repeat;  }
.p-cts07__title { text-align: center; margin-bottom: 41px; }
.p-cts07__listItem { margin-bottom: 35px; }

.p-cts08 { padding-bottom: 75px; }
.p-cts08__title { background: url("../images/brown-bg02.png") top left repeat; padding: 40px 0; margin-bottom: 37px; }
.p-cts08 .c-section { width: 832px; }
.p-cts08__txt { font-size: 16px; font-size: 1.6rem; margin: 30px 0 20px; 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: 44px auto 0; width: 446px; }
.p-cts08__loader { text-align: center; margin-top: 40px; }

.p-aftersend { background: url("../images/brown-bg01.png") top left repeat; position: relative; }
.p-aftersend .c-section { position: relative; padding: 68px 0 128px; }
.p-aftersendPhoto { position: absolute; bottom: 0; left: 462px; }
.p-aftersendTxt { margin-top: 47px; }
.p-aftersendBg { background: url("../images/hero-bg.png") bottom left repeat-x; position: absolute; bottom: 0; left: 0; width: 100%; height: 47px; }

.p-corporateLink { background: url("../images/brown-bg02.png") top left repeat; padding: 43px 0 40px; }

.p-media { padding: 54px 0 60px; }
.p-media__title { text-align: center; margin-bottom: 35px; }
.p-media__listItem { float: right; width: 490px; height: 272px; position: relative; overflow: hidden; border-width: 3px; border-style: solid; border-color: #00b7ee; }
.p-media__listItem:first-child { float: left; border-color: #80c269; }
.p-media__listItem iframe { position: absolute; top: -4px; left: 0; }
.p-media__listItem img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }