@charset "UTF-8"; 
/* reset */
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: #ffd9ad; /* Old browsers */
background: -moz-linear-gradient(top, #ffd9ad 0%, #ffdfaf 14%, #ffdfaf 14%, #fdfbbc 32%, #ddf7fd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffd9ad 0%,#ffdfaf 14%,#ffdfaf 14%,#fdfbbc 32%,#ddf7fd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffd9ad 0%,#ffdfaf 14%,#ffdfaf 14%,#fdfbbc 32%,#ddf7fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
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 { -webkit-appearance: none; border-radius: 0; }
input,button,textarea,select { font-size: 17px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit; border-radius: 0; box-sizing: border-box; color: inherit; }
::placeholder { color: #CCC; }
* html .clearfix { height: 1px; }
header { position: relative; width: 100%; padding:0; background: #FFF; }
header h1 { width: 95%; margin: 0 auto; }
#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; line-height: 1.5; }
.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;}
.comp_txt { color: #666; }
.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; }

/* ///////////////////////////////////////////////////////////////////// 
// 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 { background: #3e3939; position: relative; }
.pr_txt { font-size: 16px; font-family: 'FOT-TsukuARdGothicStd-D'; font-weight: 600; color: #000; font-weight: normal; text-align:center; line-height: 2; padding: 5% 0; width: 320px; margin: 0 auto; }
.pr_section::after { content:""; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width:0 0 110px 100vw; border-color: transparent transparent #9da4a6 transparent; }
.form_content { padding:10% 5% 0 5%; }
.f_title { font-family: 'FOT-TsukuARdGothicStd-D'; font-weight: 600; text-align: center; padding: 10px 0; margin-bottom: 10px; font-size: 20px; }
.f_title span { padding: 0 0 10px 0; border-bottom: 1px solid #000; }
.item_title { font-size: 16px; padding: 15px 0 5px 0; }
.item_title span { color: #f00;  }
.form-control { display: block; width: 100%; margin: 10px 0;  height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border:none;  -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; border:1px solid #CCC; }
.item_list { margin-bottom: 25px; }
.selection_group { background: #FFF; margin: 10px 0; padding: 25px 10px; border:1px solid #CCC; }
.selection_group ul li { width: 50%; height: 260px; padding: 5px 15px ; box-sizing: border-box; float: left; }
.item_name { font-family: 'FOT-TsukuARdGothicStd-D'; text-align:center; font-weight: 600; padding: 0; font-size: 11px; line-height: 1.5; }
 }
.label_txt { font-size: 25px; font-family: 'FOT-TsukuARdGothicStd-D'; font-weight: 600; 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; c text-align: center; padding: 10px 0; }
.selection_group input[type="radio"] { width: 15px; height: 15px; margin: 10px auto; background: #FFF; border-radius: 100%; border:1px solid #CCC; display: block; }
.selection_group input[type="radio"]:checked { background: red; border: none !important; }
.submit_btn input { font-family:'FOT-TsukuARdGothicStd-D'; font-weight: 600; display: block; width: 70%; margin: 0 auto 20px; text-align: center; padding: 15px 0; background: #3E3939; border: 1px solid #3E3939; color: #FFF; }
.submit_btn input:hover { background: #FFF; border: 1px solid #3E3939; color: #000; transition: all .2s ease }
.cp_note { font-size: 14px; background: #FFF; padding: 20px; box-sizing: border-box; margin: 20px; color: #555; 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; }
.ch_txt { padding-top:1.5em;}
.privacy { background: #FFF; padding: 20px; box-sizing: border-box; margin: 20px; font-size: 10px; color: #555; 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: 80px; margin: 15px auto; }
.center_txt { text-align: center; display: block; color: #0061FC; padding: 15px 0; }
.entry_in ,.about_in { font-size: 14px; font-family: 'FOT-TsukuARdGothicStd-D'; font-weight: 600; }  
.entry_in b { font-size: 25px; font-weight: bold; }
.form_in {  box-sizing: border-box; padding: 25px 0; }
.FV { }
.entry_box { background: #; background-size: 80%; width: 100%; height: 100%; }
.about_in { background: #FFF;}
.about_in p { margin-bottom: 15px; }  
.entry_in dl { padding: 25px; }
.entry_in dt { background: #000; color: #FFF; display: inline-block; margin: 15px 0; }
.entry_in dd { margin: 5px 0; line-height: 1.6; }
.entry_in dd p { position: relative; background: #FFF; border: 1px solid #000; padding: 20px; margin-top: 25px; }
.entry_in dd p span { font-size: 16px; position: absolute; top:-20px; left: 0; } 
.entry_in dd a { display: block; width: 80%; margin: 25px auto; text-align: center; text-decoration: none; color: #FFF; border: 1px solid #000;  border-radius: 60px; background: #000; padding: 10px 0;  }
.entry_in dd a:hover { background: #FFF; border: 1px solid #000; color: #000; transition: all .2s ease }
.form_in form { margin: 0 15px; }
.title { float: right; }
.form-cont { margin-bottom: 25px; }
.form-cont::after { content:""; display: block; clear: both; }
.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; }   
.oubo_txt { font-family: 'FOT-TsukuARdGothicStd-D'; padding: 5px 0; margin: 5px 0 25px 0; font-size: 12px; line-height: 2; text-align: center; border-top:1px solid #000; border-bottom:1px solid #000; }
/* ///////////////////////////////////////////////////////////////////// 
// 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 #9da4a6 transparent; }  
	#content {}
	#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; } 
}
@media screen and (max-width: 480px) {
.selection_group ul li { height: 240px; }
}