@charset "utf-8";
    @media screen and (min-width : 640px ){
#wrapper { max-width: 1400px; width: 100%; min-width: 1100px; margin: 0 auto; background: #000; overflow: hidden; }
#wrapper img { width: auto; height: auto; margin: 0 auto; display: block; }
#wrapper h1 { background: #000 url(../images/pc/img01bg_pc.jpg) no-repeat center top; height: 620px; }
/*============*/
/* cvエリア */
/*===========*/
#wrapper .cvArea .base img { width: 1024px; height: 458px; }
#wrapper .cvArea .banner img { width: 980px; }
#wrapper .cvBtn01, #wrapper .cvBtn02, #wrapper .cvBtn03 { left: 50%; }
.cvBtn01 { width: 936px; height: 115px; }
.cvBtn02 { width: 250px; height: 62px; }
.cvBtn03 { display: none; }
.cv01 { padding-bottom: 0; }
.cv01 .base { padding-bottom: 3px; }
.cv01 .cvBtn01 { top: 235px; margin-left: -460px; }
.cv01 .cvBtn02 { top: 369px; margin-left: 228px; }
.cv02 { padding: 42px 0 0; }
.cv02 .base { padding-bottom: 0; }
.cv02 .cvBtn01 { top: 276px; margin-left: -460px; }
.cv02 .cvBtn02 { top: 410px; margin-left: 228px; }
.cv03 { padding: 37px 0 0; }
.cv03 .base { padding-bottom: 5px; }
.cv03 .cvBtn01 { top: 271px; margin-left: -460px; }
.cv03 .cvBtn02 { top: 405px; margin-left: 228px; }
.cv04 { padding: 40px 0 0; }
.cv04 .base { padding-bottom: 5px; }
.cv04 .banner { padding-bottom: 20px; }
.cv04 .cvBtn01 { top: 274px; margin-left: -460px; }
.cv04 .cvBtn02 { top: 408px; margin-left: 228px; }
.cv05 { padding: 40px 0 0; }
.cv05 .base { padding-bottom: 5px; }
.cv05 .banner { padding-bottom: 20px; }
.cv05 .cvBtn01 { top: 265px; margin-left: -460px; }
.cv05 .cvBtn02 { top: 386px; margin-left: 228px; }
/*============*/
/* 背景 */
/*===========*/
.cv01 { background: #000 url(../images/pc/cv01bg_pc.jpg) no-repeat center top; height: 612px; }
.cv02 { background: #000 url(../images/pc/cv02bg_pc.jpg) no-repeat center top; height: 592px; }
.cv03 { background: #000 url(../images/pc/cv03bg_pc.jpg) no-repeat center top; height: 613px; }
.cv04 { background: #000; }
.img02bg { background: #000 url(../images/pc/img02bg_pc.jpg) repeat center top; height: 611px; }
.img03bg { background: #000 url(../images/pc/img03bg_pc.jpg) no-repeat center top; height: 658px; }
.img04bg { background: #fff; height: 268px; }
.slider01_pc { position: relative; background: #fff; height: 558px; }
.img05bg { background: #d0001c; height: 554px; }
.img06bg { background: #000 url(../images/pc/img06bg_pc.jpg) no-repeat center top; height: 791px; }
.img07bg { background: #000 url(../images/pc/img07bg_pc.jpg) no-repeat center top; height: 1481px; }
.img08bg { background: #000 url(../images/pc/img08bg_pc.jpg) no-repeat center top; height: 1676px; }
.img09bg { background: #000 url(../images/pc/img09bg_pc.jpg) no-repeat center top; height: 1745px; }
.img10bg { background: #000 url(../images/pc/img10bg_pc.jpg) no-repeat center top; height: 701px; }
.img11bg { background: #f4f7f4; height: 500px; }
.questionArea { background: #ebf5fd; overflow: hidden; padding-bottom: 50px; height: 803px; }
.img12bg { background: #ede1d1; height: 344px; }
.img13bg { background: #f9f9f8; height: 526px; }
.img14bg { display: block; background: #f9f9f8; }
.rightnotes { text-align: right; position: absolute; top: 450px; left: 50%; margin-left: 313px; font-size: 14px; font-weight: bold; display: block; }
/*============*/
/* ステップ */
/*===========*/
.gif { top: 207px; left: 50%; margin-left: -320px; width: 640px; height: 345px; }
.rectBtn { width: 270px; height: 270px; border-radius: 135px; }
.step01, .step02, .step03 { left: 50%; }
.step01 { top: 233px; margin-left: -422px; }
.step02 { top: 233px; margin-left: -135px; }
.step03 { top: 233px; margin-left: 151px; }
.step3img { position: absolute; top: 183px; left: 50%; margin-left: -430px; z-index: 4; }
#step1_anime { position: absolute; top: 567px; left: 50%; margin-left: -469px; z-index: 3; transform: scale(0, 0); -webkit-transform: scale(0, 0); }
#step2_anime { position: absolute; top: 707px; left: 50%; margin-left: -473px; z-index: 3; transform: scale(0, 0); -webkit-transform: scale(0, 0); }
#step3_anime { position: absolute; top: 313px; left: 50%; margin-left: -472px; z-index: 3; transform: scale(0, 0); -webkit-transform: scale(0, 0); }
#img10_anime { position: absolute; top: 237px; left: 50%; margin-left: -478px; z-index: 3; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
#step1_anime, #step2_anime, #step3_anime, .step3img, #img10_anime { display: block; }
/*============*/
/* よくあるご質問 */
/*===========*/
p.question { padding: 60px 0 55px; font-size: 55px; line-height: 1; }
.letterSpacing { letter-spacing: normal; }
dl.question { width: 870px; margin: 0 auto 10px; border: 1px solid #d4ebfd; background: #fff; }
dl.question dt { margin: 0; padding: 20px 55px 10px 55px; font-size: 18px; line-height: 1.3; color: #0078d7; border: none; cursor: default; background: #fff url(../images/pc/q_pc.jpg) no-repeat 21px 18px; }
dl.question dt span { display: none; }
dl.question dd { display: block; width: auto; padding: 0 55px 16px 55px; font-size: 18px; background: url(../images/pc/a_pc.jpg) no-repeat 21px 0; }
dl.question dd br { display: none; }
.footernotes { width: 920px; margin: 0 auto 40px; font-size: 13px; color: #fff; }
.footernotes li { margin: 0 0 12px; }
/*============*/
/* フッター */
/*===========*/
footer { padding: 10px 0 140px; overflow: hidden; }
.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; }
/*============*/
/* スライダー */
/*===========*/
.slider01_pc { display: block; }
.slider01_sp, .slider02 { display: none; }
.bx-wrapper { width: 1100px !important; margin: 0 auto; }
.slider01_pc .bx-viewport { width: 1000px !important; margin: 0 auto; border: 2px solid #d0001c; }
.bx-controls-direction a.bx-prev { top: -252px; left: 10px; width: 22px; height: 37px; margin: 0; background: url(../images/pc/prev_pc.jpg) 0 0 no-repeat; background-size: 100% auto; }
.bx-controls-direction a.bx-next { top: -252px; right: 10px; width: 22px; height: 37px; margin: 0; background: url(../images/pc/next_pc.jpg) 0 0 no-repeat; background-size: 100% auto; }
.bx-pager { position: relative; z-index: 1; }
.bx-controls { height: 118px; }
.bx-pager-item { width: 20px; height: 20px; margin: 22px 9px !important; vertical-align: top; }
.slider01_pc .bx-pager-item a { width: 20px; height: 20px; background: url(../images/pc/baPagerOff_pc.jpg) center center no-repeat; }
.slider01_pc .bx-pager-item .active { background: url(../images/pc/baPagerOn_pc.jpg) center center no-repeat; }
/*============*/
/* アニメーション */
/*===========*/
.fadeInAnimation { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInAnimation; animation-name: fadeInAnimation; }
.slideInAnimation { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideInAnimation; animation-name: slideInAnimation; }
 }
 @keyframes fadeInAnimation {
 from {
 transform: scale(0, 0);
 -webkit-transform: scale(0, 0);
}
 to {
 transform: scale(1, 1);
 -webkit-transform: scale(1, 1);
}
}
@-webkit-keyframes fadeInAnimation {
 from {
 transform: scale(0, 0);
 -webkit-transform: scale(0, 0);
}
 to {
 transform: scale(1, 1);
 -webkit-transform: scale(1, 1);
}
}
 @keyframes slideInAnimation {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 from {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-50px, 0, 0);
 transform: translate3d(-50px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
@-webkit-keyframes slideInAnimation {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 from {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-50px, 0, 0);
 transform: translate3d(-50px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}