@charset "UTF-8";
@import"https://use.fontawesome.com/releases/v5.6.1/css/all.css"; 
/* reset */
@import"https://fonts.googleapis.com/css?family=Sawarabi+Mincho";

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p { margin: 0; padding: 0; font-size: 100%; }
body { line-height: 1;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
background: #FFF; }
img { border: 0; virtical-align: bottom; }
ul, ol { list-style: none; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
input, textarea, select { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; max-width: 100%; }
.selectWrap{ width: 100%; position: relative; }
.selectWrap::after { content: ''; width: 6px; height: 6px; border: 0px; border-bottom: solid 2px #b4b3b3; border-right: solid 2px #b4b3b3; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 10px; margin-top: -4px; z-index: 9999; }
.select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 40px; background: transparent; position: relative; z-index: 1; padding: 0 40px 0 10px; border: 1px solid #b4b3b3; border-radius: 2px; }
select::-ms-expand {   display: none; }
::placeholder { color: #CCC; }
* html .clearfix { height: 1px; }
header { position: relative; width: 100%; padding:0; background: #FFF; }
header h1 { width: 95%; margin: 0 auto; }
#wrap {background: #E0E0E0; color: #152941; }
#wrap h1 { width: 100%; margin: auto; padding:0; line-height: 0; position: relative; }
.img {line-height: 0!important;}
#movie_fixed video {display: none;}	
.income { position: absolute; bottom:2%; left: 0; width: 100%; z-index: 999; }
.ic { position: absolute; z-index: 999; width: 90%; top:32%; left: 5%; }
.ic_2 { position: absolute; z-index: 999; width: 100%; bottom:0; left: 0; display: flex; }
.ic_2 img { display: block; width: 33%; height: 100%; }
.btn_frame { margin: 0; display: block; background-size: 100%; }
.btn_frame2 { margin:0; display: block; background-size: 100%; }
.btn_a { width: 100%; padding: 4% 0 0 0; margin: 0 auto; }
.bottom_btn { position: fixed; bottom:0; left: 0; width:100%; padding: 5px 0; z-index: 999999; background: rgba(255,255,255,0.90) }
.bottom_btn span { display: block; position: absolute; top:0; left: 0; z-index: 999; width:100%; height: 5px; }
.bottom_box { width: 100%; height: 130px; }
#content {background: #FFF;}
footer { padding: 5% 0; }
footer a { text-decoration: none; }
.nav { text-align: center; padding: 0 20px 0 0; }
.copy { text-align: center; padding: 10px 0; font-size: 10px; }
.table_a table { width:100%; font-size: 12px; margin:0 auto; border-collapse: collapse; border: 1px solid #eee; }
.table_a th { border: 1px solid #eee; text-align: center; font-weight: normal; width: 30%; padding: 5% 2%; background: #F7FEFF; }
.table_a td { padding: 5% 0 0 10%; border: 1px solid #eee; }
.contents_frames { background: #FFF; padding: 10%; }
.contents_frames h2 { font-size: 20px; text-align: center; margin: 5% 0; font-weight: normal; }
.policy { font-size: 12px; line-height: 1.8; }
.policy h1 { text-align: center; font-size: 20px; padding: 10px 0; margin-bottom: 20px; border-bottom: 5px solid #F1F1F1; }
.policy_contents {padding: 7px;}
.policy ul {padding:10px;}
.policy dl {padding:0 0 0 40px;}
/* ///////////////////////////////////////////////////////////////////// 
// css animate
/////////////////////////////////////////////////////////////////////*/
.post .inner { -moz-transform: scale(1.0); -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); -moz-transition: opacity 1.25s ease, -moz-transform 1s ease; -webkit-transition: opacity 1.25s ease, -webkit-transform 1s ease; -ms-transition: opacity 1.25s ease, -ms-transform 1s ease; transition: opacity 1.25s ease, transform 1s ease; position: relative; z-index: 2; }
#one.post .inner { opacity: 0; transform: translate3d(0, 0, 0); }
#one.post .inner.current { opacity: 1; transform: none
}
#two.post .inner { opacity: 0; transform: translate3d(200px, 0, 0); }
#two.post .inner.current { opacity: 1; transform: none
}
#three.post .inner { opacity: 0; transform: translate3d(-200px, 0, 0); }
#three.post .inner.current { opacity: 1; transform: none
}
#four.post .inner { opacity: 0; transform: translate3d(200px, 0, 0); }
#four.post .inner.current { opacity: 1; transform: none
}
.pc,.sp {display: none;}
.pr_section { position: relative; }
.pr_txt { font-size: 16px;  color: #152941; font-weight: normal; line-height: 2; padding: 5%; margin: 0 auto; font-family: 'FOT-TsukuARdGothicStd-D', sans-serif; }
/*.pr_section::after { content:""; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width:0 0 70px 100vw; border-color: transparent transparent #F5E3DE transparent;  }*/
.form_content { padding:5% 5% 0 5%;  }
.f_title { text-align: center; padding: 10px 0; margin-bottom: 10px; }
.f_title span {  font-size: 20px; display: inline-block; font-family: 'FOT-TsukuARdGothicStd-D', sans-serif; color: #152941; border-bottom: 2px solid #152941; line-height: 2; }
.item_title { font-size: 16px; padding: 15px 0 5px 0; font-family: 'FOT-TsukuARdGothicStd-D', sans-serif; color: #152941; }
.item_suv_title { font-size: 16px; padding: 5px 0; font-weight: bold; line-height: 2;  font-family: 'FOT-TsukuARdGothicStd-D', sans-serif; color: #152941; text-align: center;}
.item_suv_title span { display: block; font-size: 12px; }
.item_title span ,.item_title2 span { color: #FF0000; }
.item_title_sub { text-align: center; font-size: 20px; font-weight: bold; font-family: 'FOT-TsukuARdGothicStd-D', sans-serif; padding: 20px 0;  }
.item_title_sub p { text-align: center; font-size: 14px; padding: 20px 0 0 0; font-weight: bold; line-height: 1.5; }
.item_name { display: none; font-size: 10px; text-align: center; color: #152941; line-height: 1.2; padding: 5px 0 0 0; font-family: 'FOT-TsukuARdGothicStd-D', sans-serif; }
.form-control { font-size: 17px !important; display: block; width: 100%; margin: 10px 0;  height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color:#FBFBFB; background-image: none; border:1px solid #CCC;  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-sizing: border-box; }
.item_list { margin-bottom: 25px; }
.selection_group { background: #FFF; margin: 10px 0; padding: 25px 10px; }
.selection_group ul li { width: 100%; box-sizing: border-box; position: relative; }
.label_txt { font-size: 25px;  text-align: center; padding:5% 0; color: #000; }
@font-face { font-family: 'FOT-TsukuARdGothicStd-D'; src: url('FOT-TsukuARdGothicStd-M.otf') format('truetype'); }
.label_sub_txt { font-size: 14px; color: #000; line-height: 1.5;  text-align: center; padding: 10px 0; }
.selection_group input[type="radio"] { position: absolute; top:50%; left: 2%; width: 15px; height: 15px; background: #FFF; border-radius: 100%; border:1px solid #CCC;  }
.selection_group input[type="radio"]:checked { background: red; border: none !important; }
.submit_btn input {  font-size: 16px; display: block; width: 70%; margin: 0 auto 20px; text-align: center; padding: 5px 0; background: #152941; border:2px solid #152941; color: #FFF; }
.submit_btn input:hover { background: hsla(0,0%,0%,0.00); border:2px solid #152941; color: #152941; transition: all .2s linear; }
.cp_note { font-size: 11px; padding: 10px; box-sizing: border-box; margin:0 20px 20px 20px; color: #FFF; font-weight: normal; line-height: 2; }
.cp_note h2 { color: #000; font-weight: normal; text-align: center; font-size: 14px; padding: 15px 0; }
.cp_note section { margin-bottom: 1.5em; }
.cp_title1,.cp_title2 { margin: 10px 0; }
.cp_title1 { font-size: 11px; display: flex; }
.cp_title1 div:nth-child(1) { width: 15%; }
.cp_title1 div:nth-child(2) { width: 85%; margin: 3% 0 0 0; background: #FFF; height: 1px; display: block; }
.cp_title1::after { content:""; display: block; clear: both;  }
.cp_title2 { display: flex; }
.cp_title2 div:nth-child(1) { width: 15%; }
.cp_title2 div:nth-child(2) { width: 70%; margin: 3% 0 0 0; background: #FFF; height: 1px; display: block; }
.cp_title2 div:nth-child(3) { width: 15%; font-size: 14px; padding: 0 0 0 2%; }
.cp_txt { width: 320px; font-size: 11px; margin: 5px auto 20px; }
.cp_txt b { font-size: 15px; font-weight: 600; text-align: center; display: block; }
.ch_txt { padding-top:1.5em;}
.privacy { background: #FFF;  padding: 20px; box-sizing: border-box; margin: 20px; font-size: 10px; color: #000; font-weight: normal; line-height: 2; }
.privacy h2 { color: #000; font-weight: normal; text-align: center; font-size: 16px; padding: 15px 0; }
#japhic p { text-align: center; }
.jpcImg { width: 80px; margin: 15px auto; }
.brand_logo li { width: 100px; margin: 25px auto; }
.comp_txt { color: #666; background: #FFF; border-radius: 20px; padding: 20px; text-align: center; }
.comp_txt i { font-size: 2em; line-height: 2.5; color: #00CC4C; display: block;  } 
.comp_txt h1 { font-size: 1.6em; font-weight: bold; text-align: center; }
.comp_txt p { font-size: 1em; padding: 2em 0; line-height: 2; }
.comp_txt p a { display: block; text-align: center; text-decoration: underline; }
 .video video { display: block; border: none; width: 100%; }
.select_wrap { position: relative; }
.select_wrap::after { content: ""; background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1697571/chevron-down.svg) no-repeat center; display: block; height: 1rem; position: absolute; right: 0.75rem; top: 50%; transform: translatey(-50%); width: 1rem; }   

/* ///////////////////////////////////////////////////////////////////// 
// Media Queries
/////////////////////////////////////////////////////////////////////*/
/* PC */
@media screen and (min-width: 480px) { .pc {display: block;}
	header h1 { width: 70%; margin: 0 auto; }
	.btn_frame { margin: 0; display: block; background-size: 100%; }
	.btn_a { width: 90%; padding:0; margin: 3% auto; }
	header span {height: 10px;}
	.bottom_btn { position:relative; bottom:0; left: 0; }
	.bottom_btn img { display: block; width: 50%; margin: 0 auto 0; }
	.bottom_box { width: 100%; height: 0px; }
	.income { width: 80%; left: 10%; }
	#wrap { width: 440px; overflow: hidden; margin: 0 auto; }
	#wrap h1 {width: 100%; margin: auto; padding: 0;}
  /*.pr_section::after { content:""; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width:0 0 250px 100vw; border-color: transparent transparent #F5E3DE transparent;　} */
	#movie_fixed video { position: fixed; width:100%; top: 0; left: 0; z-index: -2; }
}
/* SP */
@media screen and (max-width: 768px) { .sp {display: block;}
  .ic { position: absolute; z-index: 999; width: 90%; left: 5%; }
  .countdown_area { text-align: center; width: 95%; margin: 3% auto; font-size:20px; font-weight: bold; padding: 3% 0; background: #F00; border-radius: 120px; color: #FFF; position: relative; } 
}