@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#333;  ; font:18px helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif; line-height:1.8; text-align:center; min-width:1100px; _display: inline;_zoom:1; }
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:middle; font-weight:normal; }
table td{ word-break:break-all; }

.floatR{ float:right; }
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.rel{ position:relative; }
.abs{ position:absolute; }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cf:after{ content:" "; display:block; clear:both; }


/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ color:#0000ff; text-decoration:underline; }
a:hover{ color:#ff8000; text-decoration:underline; }
/*a:hover , a img:hover , input[type=image]:hover{ opacity:0.9; }*/


/* font decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.fontSS{ font-size:12px; }
.fontS{ font-size:14px; }
.fontM{ font-size:20px; }
.fontL{ font-size:26px; }
.fontLL{ font-size:28px; }
.title{ font-weight: bold; font-size: 30px; }

/* color */
.txt-red{ color:#f66167; font-weight:bold; }
.txt-blue{ color:#05a3c0; font-weight:bold; }
.txt-orange{ color:#f99f1f; font-weight:bold; }
.txt-gold{ color:#be8f1f; font-weight:bold; }

/*indent */
.idt , ul.assist li , .system li{ padding-left:1.0em; text-indent:-1.0em; }
.idt-half{ padding-left:0.5em; text-indent:-0.5em; }

/*other */
.str{ font-weight:bold; }
.str-reset{ font-weight:normal; }

.underline{ text-decoration:underline; }
.underline-double{ border-bottom:double medium; }
.underline-dot{ border-bottom:dotted medium; }

.waveline{ background:url(../images/wave_line.png) repeat-x left bottom; padding-bottom:7px; }
.waveline-red{ background:url(../images/wave_line_red.png) repeat-x left bottom; padding-bottom:7px; }
.waveline-blue{ background:url(../images/wave_line_blue.png) repeat-x left bottom; padding-bottom:7px; }

.marker-full{background-color:#fff282; }
.marker-gold{background: linear-gradient(transparent 60%, #e9df9f 60%);}
.marker-red{background: linear-gradient(transparent 60%, #f5aeb1 60%);}
.marker-blue{background: linear-gradient(transparent 60%, #a2e7f4 60%);}

.dot-txt{ letter-spacing:0.9px; padding-top:10px; background-position:top left -2px; background-repeat:repeat-x; }
.dot-txt.dotM{ background-size:17px 5px; }
.dot-txt.dotL{ background-size:21px 5px; }
.dot-txt.dotLL{ background-size:25px 5px; }
.dot-txt.black{ background-image:radial-gradient(3px 3px at center center,#333,#333 80%,transparent); }
.dot-txt.red{ background-image:radial-gradient(3px 3px at center center,#e90031,#e90031 80%,transparent); }
.dot-txt.blue{ background-image:radial-gradient(3px 3px at center center,#004bd5,#004bd5 80%,transparent); }


/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* padding */
.spt0{ padding-top:0px !important; }
.spt5{ padding-top:5px !important; }
.spt10{ padding-top:10px !important; }
.spt15{ padding-top:15px !important; }
.spt20{ padding-top:20px !important; }
.spt25{ padding-top:25px !important; }
.spt30{ padding-top:30px !important; }
.spt35{ padding-top:35px !important; }
.spt100{ padding-top:75px !important; }

.spb0{ padding-bottom:0px !important; }
.spb5{ padding-bottom:5px !important; }
.spb10{ padding-bottom:10px !important; }
.spb15{ padding-bottom:15px !important; }
.spb20{ padding-bottom:20px !important; }
.spb25{ padding-bottom:25px !important; }
.spb30{ padding-bottom:30px !important; }
.spb35{ padding-bottom:35px !important; }

/* margin */
.smt0{ margin-top:0px !important; }
.smt5{ margin-top:5px !important; }
.smt10{ margin-top:10px !important; }
.smt15{ margin-top:15px !important; }
.smt20{ margin-top:20px !important; }
.smt25{ margin-top:25px !important; }
.smt30{ margin-top:30px !important; }
.smt35{ margin-top:35px !important; }
.smt40{ margin-top:40px !important; }
.smt45{ margin-top:45px !important; }
.smt50{ margin-top:50px !important; }
.smt90{ margin-top:90px !important; }
.smt-20{ margin-top:-20px !important; }
.smt-10{ margin-top:-10px !important; }
.smt-100{ margin-top:-100px !important; }
.smt-160{ margin-top:-160px !important; }
.smt-200{ margin-top:-200px !important; }

.smb0{ margin-bottom:0px !important; }
.smb5{ margin-bottom:5px !important; }
.smb10{ margin-bottom:10px !important; }
.smb15{ margin-bottom:15px !important; }
.smb20{ margin-bottom:20px !important; }
.smb25{ margin-bottom:25px !important; }
.smb30{ margin-bottom:30px !important; }
.smb35{ margin-bottom:35px !important; }
.smb40{ margin-bottom:40px !important; }
.smb45{ margin-bottom:45px !important; }
.smb50{ margin-bottom:50px !important; }
.smb-10{ margin-bottom:-10px !important; }
.smb-20{ margin-bottom:-20px !important; }

.sml0{ margin-left:0px !important; }
.sml20{ margin-left:20px !important; }
.sml30{ margin-left:30px !important; }
.sml50{ margin-left:50px !important; }
.sml100{ margin-left:100px !important; }

.smr0{ margin-right:0px !important; }
.smr10{ margin-right:10px !important; }
.smr20{ margin-right:20px !important; }
.smr30{ margin-right:30px !important; }
.smr50{ margin-right:50px !important; }

/* paragraph */
p{ margin:0 50px 20px; }
p.lh-reset{ line-height:1.0; }

/* original frame */
.box{ margin:0 25px; }


/* favorite decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.shadow{ box-shadow:0px 0px 8px rgba(0,0,0,0.4); }

table{ width:calc(100% - 50px); width:-webkit-calc(100% - 50px); border-collapse:separate; border-spacing:1px; background-color:#cdcdcd; line-height:2; font-size:14px; }
/*↑width:calc(100% - boxクラスの左右のmargin); */
table th , table td{ border:1px solid #fff; padding:5px 10px; }
table th{ font-weight:bold; background-color:#cdcdcd; width:22%; vertical-align:middle; }
table td{ background-color:#fff; }
table ol{ margin-left:20px; }

ul.assist{ font-size:12px; padding:15px 25px 12px; line-height:1.6; border:solid 1px #cdcdcd; }

.system{ font-size:14px; }

dl.rule{ padding:20px; border-radius:3px; border:solid 1px #cdcdcd; font-size:12px; line-height:1.6; text-align:left; }
dl.rule dt{ font-weight:bold; font-size:14px; text-align:center; }


/* responsive  **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:block; }
.sp-item{ display:none; }

[class^="pic"]{ float:right; margin:0 50px 20px 20px; }
.inner [class^="pic"]{ float:right; margin:0 0 20px 20px; }

.inner{ padding:20px; background-color:#fff; }
.inner p{ margin:0 0 30px; }
.inner p:last-child{ margin:0; }

.br-add{ display:none; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:950px; margin:0 auto; text-align:left; position:relative; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{background: url(../images/top_bg.png) center top no-repeat #fcfcfb}

/* timer ********** タイマーが必要な場合のみ記述
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header .wrap{ width:500px; margin:0 auto; text-align:left; position:relative; padding-top: 20px; }
.header .time{position: absolute; /*right:190px;*/  margin: auto 0;}
div.timer{ width:250px; height:70px; position:relative;}
div.timer .count{ width:100%; height:30px;/*数字の高さ*/ overflow:hidden; position:absolute; top:20px; }
div.timer .count img{ position:absolute; }
div.timer img:nth-child(1)  { left:calc(28px * 0 + 0px); }/*数字の横幅 + 配置*/
div.timer img:nth-child(2)  { left:calc(28px * 1 + 0px); }
div.timer img:nth-child(3)  { left:calc(28px * 2 + 65px); }
div.timer img:nth-child(4)  { left:calc(28px * 3 + 65px); }
div.timer img:nth-child(5)  { left:calc(28px * 4 + 150px); }
div.timer img:nth-child(6)  { left:calc(28px * 5 + 150px); }
div.timer img:nth-child(7)  { left:calc(28px * 6 + 210px); }
div.timer img:nth-child(8)  { left:calc(28px * 7 + 210px); }
div.timer img:nth-child(9)  { left:calc(28px * 8 + 350px); }
div.timer img:nth-child(10){ left:calc(28px * 9 + 350px); }
div.timer img:nth-child(even){ margin-left:3px; } /*数字の間隔*/

/* timerがテキストの時は以下設定等で見た目を整える */
input.timer , .timer input{ font-size:30px; background-color:transparent; border:none; width:520px; color: #fff; font-weight: bold; }


/* form **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mailform{ text-align:center;  padding: 0 0 20px;  }
.form-in{  margin: 0 auto;  }
.mailform ul{ width:755px; margin: 10px auto 0; text-align:left;}
.mailform ul li{ margin:10px 0; }
.mailform ul li span,.mailform ul li input{ float:left; }
.mailform ul li span{ width:290px; padding-top:5px; }
.mailform ul li input{ width:calc(100%); width:-webkit-calc(100%); height:75px; padding:20px; font-size:20px; margin-top: 2px; }
::placeholder{color:#bbbbbb;}
.mailform .txt {font-size:14px; line-height:150%; color:#fff; } 
.mailform .txt a{color:#fff256; }
.mailform .btn {margin:20px 0;}
.mailform .btn a{margin:0 10px;}
.mailform .btn a:hover {opacity: 0.8;}

.formtitle{background: url("../images/form_title_bg.png")top center no-repeat; padding-top: 36px;}


/* movie **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie-large,.movie-short li{ padding:8px; background-color:#fff; border:solid 2px #a6b2bb; box-shadow:0 0 1px 1px #fff,0 2px 5px rgba(0,0,0,0.2); }

.movie-large{ width:740px; height:auto; margin:0 auto; }
.movie-large .frame{ position:relative; top:0; left:0; width:100%; padding-top:56.25%; }
.movie-large iframe{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; }
/*↑ウィンドウサイズに合わせて縦横比固定で縮小させる　padding-top:56.25%;(高さ÷横幅×100) → 16:9のサイズ(9÷16×100=56.25)*/

.movie-short{ width:900px; margin:0 auto; }
.movie-short li{ width:290px; float:left; margin-right:15px; }
.movie-short li:last-child{ margin-right:0; }
.movie-short li .frame{ position:relative; top:0; left:0; width:100%; padding-top:56.25%; }
.movie-short li iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }
.movie-short li span{ display:block; padding:10px 5px; background-color:#7383b8; text-align:center; }


/* intro **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.intro,.form_bg{ background: url("../images/form_bg.png")center top repeat; }

/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/*.sbt{ background: url("../images/sbt_bg.png")repeat-x; height: 127px; margin: 0 auto; margin-bottom: 40px; }*/
.sbt{ position: relative; width: 100%; height: 127px; background: url("../images/sbt_bg.png")center; }
.sbt h2 img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.section13 .sbt{ position: relative; width: 100%; height: 246px; background: url("../images/sec13_sbt_bg.png")center; }
.section14 .sbt{ position: relative; width: 100%; height: 246px; background: url("../images/sec14_sbt_bg.png")center; }
.section16 .sbt{ position: relative; width: 100%; height: 246px; background: url("../images/sec16_sbt_bg.png")center; }
.section27 .sbt{ position: relative; width: 100%; height: 412px; background: url("../images/project_bg.png")center; }

.section1{ background: url("../images/voice_bg.png")repeat; padding-bottom: 30px; }
.section2{ background: url("../images/sec2_bg.jpg")no-repeat center bottom / cover #fff; padding-bottom: 30px; }
.section3{ background: url("../images/sec3_bg.jpg")no-repeat center bottom / cover #fff; padding-bottom: 30px; }
.section4{ background: url("../images/sec4_bg.jpg")no-repeat center bottom / cover #fff; padding-bottom: 30px; }
.section5{ background: url("../images/sec5_bg.jpg")no-repeat center bottom / cover #fff; padding-bottom: 30px; }
.section6{ background: url("../images/sec6_bg.jpg")no-repeat center center / cover #fff; padding-bottom: 30px; }
.section7{ background: url("../images/sec7_bg.jpg")no-repeat top / cover #fff; padding-bottom: 30px; }
.section8{ background: url("../images/sec8_bg.jpg")no-repeat center bottom / cover #fff; padding-bottom: 30px; }
.section9{ background: url("../images/sec9_bg.jpg")no-repeat center top / cover #fff; padding-bottom: 30px; }
.section10{ background: url("../images/sec10_bg.jpg")no-repeat center bottom / cover #fff; padding-bottom: 30px; }
.section11{ background: url("../images/sec11_bg.jpg")no-repeat left -200px top / cover #fff; padding-bottom: 30px; }
.section12{ background: url("../images/sec12_bg.jpg")no-repeat center top 125px; padding-bottom: 30px; }
.section13{ background: url("../images/sec13_bg.png")no-repeat center bottom / contain,url("../images/voice_bg.png")repeat; padding-bottom: 30px; }
.section14{ background: url("../images/sec14_bg.png")no-repeat center bottom / contain,url("../images/voice_bg.png")repeat; padding-bottom: 30px; }
.section15{ background: url("../images/sec15_bg.jpg")no-repeat center bottom / cover #fff; padding-bottom: 30px; }
.section16{ background: url("../images/sec16_bg.png")no-repeat center bottom / contain,url("../images/voice_bg.png")repeat; padding-bottom: 30px; }
.section17{ background: url("../images/sec17_bg.png")no-repeat center bottom / contain,url("../images/voice_bg.png")repeat; padding-bottom: 30px; }
.section18{ background: url("../images/sec18_bg.png")no-repeat center bottom / contain,url("../images/voice_bg.png")repeat; padding-bottom: 30px; }
.section19{ background: url("../images/sec19_bg.png")no-repeat center bottom / contain,url("../images/voice_bg.png")repeat; padding-bottom: 30px; }
.section20{ background: url("../images/sec20_bg.png")no-repeat center bottom / contain,url("../images/b_line_bg.png")repeat; padding-bottom: 30px; }
/*.section21{ background: url("../images/sec21_bg_1.png")no-repeat center top / contain,url("../images/sec21_bg_2.png")no-repeat bottom / contain; padding-bottom: 30px; }*/
.section21{ background: url("../images/sec21_bg.jpg")no-repeat center top 125px / cover; padding-bottom: 30px; }
.section22{ background: url("../images/sec22_bg.jpg")no-repeat center top 125px / cover; padding-bottom: 30px; }
.section23{ background: url("../images/sec23_bg.jpg")no-repeat center top 125px / cover; padding-bottom: 30px; }
.section24{ background: url("../images/sec24_bg.jpg")no-repeat center center / cover; padding-bottom: 30px; }
.section25{ background: url("../images/sec25_bg.jpg")no-repeat center top 125px / cover; padding-bottom: 30px; }
.section26{ background: url("../images/sec26_bg.jpg")no-repeat center center / cover; padding-bottom: 30px; }
.section27 .bg1{ background: url("../images/sec27_bg1.png")no-repeat center bottom / contain,url("../images/b_line_bg.png")repeat; padding-top: 30px; padding-bottom: 30px; }
.section27 .bg2{ background: url("../images/sec27_bg2.png")no-repeat center bottom / contain,url("../images/voice_bg.png")repeat; padding-top: 30px; padding-bottom: 30px; }
.section28{ background: url("../images/sec28_bg.png")no-repeat center bottom / contain,url("../images/voice_bg.png")repeat; padding-bottom: 30px; }
.section29{ background: url("../images/sec29_bg.png")no-repeat center bottom / contain,url("../images/voice_bg.png")repeat; padding-bottom: 30px; }
/*.section2{ background: url("../images/sec2_bg.png")no-repeat right top #3b3b3d; color: #fff; }*/

.n-base{ background: rgba(299,299,299,0); padding: 30px 0; margin-top: 30px; }
.w-base{ background: rgba(299,299,299,0.85); padding: 30px 0; margin-top: 30px; }
.b-base{ color: #fff; background: rgba(0,0,0,0.8); padding: 30px 0; margin-top: 30px; }
.y-base{ color: #000; background: rgba(170,145,30,0.7); padding: 30px 0; margin-top: 30px; }
.n-base p,.w-base p,.b-base p,.y-base p{ margin:020px 50px; font-size: 18px; }
.n-base p,.w-base p,.b-base p,.y-base p{ line-height:1.8; }

/*.section2 .wrap{ background: rgba(0,0,0,0.2); padding: 30px 0; }*/
.section27 .box{ background: #f1eee2; width: 90%; margin: 0 auto; padding: 50px 30px; }
.section27 .box-in{ background: rgba(255,255,255,0.9); width: 90; margin: 0 auto; padding: 35px 15px; margin-bottom: 20px; }
.section27 .w-base, .section27 .b-base{ margin: 0 auto;; }

.note2{
  width: 1000px;
  text-align: left;
  color: #696969;
  margin: 0 auto;
  border: solid 1px #e6e6e6;
  box-shadow:2px 2px 0 rgba(0,0,0,.1);
  background: #fff;
  padding: 0 20px;
}
.sen2{
  background-image:
  linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 98%, #646464 100%);
  background-size: 100% 2em;
  line-height: 2em;
}

.sachin-bg{ background: url("../images/sachin_img.png") right bottom no-repeat;}

.note2 p{ padding: 0; margin: 0; }

.prekakomi { background: #f5f7f7; width:940px; margin:0 auto 50px; padding-top:20px; position:relative; border: solid 3px #002571; }
.prekakomi .prein{ margin: 20px; padding: 15px;  border: solid 1px #8f8f8f; background: #fff; }
.prekakomi .prein p{ text-align: left; margin: 0; }
.pre{padding-bottom: 10px;}

.step{ border: solid 3px #a8910e; width: 85%; margin: 0 auto; margin-bottom: 30px; background: url("../images/step_bg.png")top / cover; }
.step-in{ border: solid 1px #a8910e; background: rgba(255,255,255,0.9); padding: 20px; margin: 20px; min-height: 210px; }
.step p{ margin: 0; }

.reason{ border: solid 3px #dcc472; width: 90%; margin: 0 auto; margin-bottom: 50px; background: #002570; }
.reason-in{ border: solid 1px #dcc472; background: rgba(255,255,255,1); padding: 20px; margin: 20px; min-height: 210px; }

.tokuten{ border: solid 3px #dcc472; width: 90%; margin: 0 auto; margin-bottom: 50px; background: #a8910e; }
.tokuten-in{ border: solid 1px #dcc472; background: url("../images/voice_bg.png")repeat; padding: 20px; margin: 20px; min-height: 210px; }

.kiyaku{ font-size: 14px; background: #eff0f1; width: 90%; margin: 0 auto; margin-top: 30px; padding: 15px 25px; }
.kiyaku p{ margin: 0; text-align: left; }
.kiyaku h2{ font-size: 18px; font-weight: bold;}

.qa{ width:940px; margin:0 auto; background:#fff; border:solid 5px #1d73b8; padding:20px; margin-bottom:30px; }
.qa dt{ border-bottom:solid 1px #d5d5d5; padding:0 0 15px 40px; margin-bottom:25px; position:relative; }
.qa dt:after{ display:block; content:""; width:64px; height:58px; background:url(../images/q.png) center no-repeat; position:absolute; top:-10px; left:-15px; }
.qa dd{ position:relative; padding-left:40px; }
.qa dd:after{ display:block; content:""; width:64px; height:58px; background:url(../images/a.png) center no-repeat; position:absolute; top:-18px; left:-15px; }



/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ color:#fff; background-color:#333; padding:10px 10px 20px; text-align:center; }
.footer a{ color:#fff; font-size:12px; }



/* ★★★ タブレット ★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 768px){
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:100%; background: url(../images/top_bg_sp.jpg)center top / contain no-repeat #fcfcfb; font:15px helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif; line-height:1.7; }


/* font decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.fontM{ font-size:16px; }
.fontL{ font-size:17px; }
.fontLL{ font-size:22px; }

.dot-txt.dotL{ background-size:19px 5px; }
.dot-txt.dotLL{ background-size:21px 5px; }


/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* paragraph */
p{ margin:0 10px 20px; }

/* original frame */
.box{ margin:0; }


/* favorite decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.card img{ max-width:366px; width:100%; height:auto; }

table{ width:100%; }
table th , table td{ display:block; }
table th{ width:100%; }


/* responsive **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:none; }
.sp-item{ display:block; }

[class^="pic"],.inner [class^="pic"]{ float:none; margin:0 auto 20px; }

.inner{ padding:20px; text-align:center; }
.inner p{ text-align:left; }

.w100 img{ width:100%; height:auto; }
.w98 img{ width:98%; height:auto; }
.w95 img{ width:95%; height:auto; }
.w90 img{ width:90%; height:auto; }
.w85 img{ width:85%; height:auto; }
.w80 img{ width:80%; height:auto; }
.w70 img{ width:70%; height:auto; }
.w50 img{ width:50%; height:auto; }
/*p img{ max-width:520px; width:100%; height:auto; }*/

.br-reset{ display:none; }
.br-add{ display:block; }

/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:100%; padding:0 10px; position:relative; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ padding-top: 0px; }
    header .btn{ margin-top: -35%; }

	
/* form **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mailform ul img{ height:24px; }
.mailform { margin-top: 0px; }
.form-in{ width: 100%; height: auto; margin: 0 auto; background: none; }
.mailform ul{ margin:0 auto; width:90%; }
.mailform ul li span{ width:20px; padding-top:0px; }
.mailform ul li input{ width:calc(100%); width:-webkit-calc(100%); }
.mailform input.btn{ width:90%; height:auto; }
.mailform .txt{font-size:14px; line-height:150%; margin-top:0px; width: 90%; margin: 0 auto;}
.mailform .txt .spbr{display:block;}
.mailform .txt a{coler:fff256;}
.mailform .btn a{margin:0;}
.mailform .btn a img{margin:0px 0;}
.mailform .btn {margin: 0 0 10px;}

	
/* timer ********** タイマーが必要な場合のみ記述
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header .wrap{ width:100%; margin:0 auto; position:relative; padding-top: 00px;  margin-top: 0; }
.header .time{ position:absolute; width:100%; height:0; margin: 0 auto; margin-top: 0; margin-bottom: 0; right:0px;}
div.timer{ width:100%; height:75px; position:relative; width:100%; background: url("../images/header_bg.png")repeat; padding-top: 12px; border-bottom: solid 3px #f0c479;}
/*div.timer .count{ width:400px; height:36px;*//*数字の高さ*/ /*overflow:hidden; position:absolute; top:28px; margin: 0 auto;}*/
div.timer .count{ width:320px; height:30px; margin:0 auto 10px; position:relative; top:-28px; left:0;  margin: 0 auto;}
div.timer .count img{ position:absolute; }
div.timer img:nth-child(1)  { left:calc(24px * 0 + 0px); }/*数字の横幅 + 配置*/
div.timer img:nth-child(2)  { left:calc(24px * 1 + 0px); }
div.timer img:nth-child(3)  { left:calc(24px * 2 + 38px); }
div.timer img:nth-child(4)  { left:calc(24px * 3 + 38px); }
div.timer img:nth-child(5)  { left:calc(24px * 4 + 82px); }
div.timer img:nth-child(6)  { left:calc(24px * 5 + 82px); }
div.timer img:nth-child(7)  { left:calc(24px * 6 + 108px); }
div.timer img:nth-child(8)  { left:calc(24px * 7 + 108px); }
div.timer img:nth-child(9)  { left:calc(24px * 8 + 350px); }
div.timer img:nth-child(10){ left:calc(24px * 9 + 350px); }
div.timer img:nth-child(even){ margin-left:3px; } /*数字の間隔*/

/* timerがテキストの時は以下設定等で見た目を整える */
input.timer , .timer input{ font-size:20px; background-color:transparent; border:none; width:340px; padding-top: 10px; }



/* movie **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie-large{ width:100%; }

.movie-short{ width:100%; }
.movie-short li{ width:378px; float:none; margin:0 auto 15px; }
.movie-short li:last-child{ margin:0 auto; }


/* intro **********
///////////////////////////////////////////////////////////////////////////////////////////////*/



/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/*.profile{ width: 100%; margin: 0 auto; }
.profile p{ text-align: left; padding: 10px; width: 90%; margin: 0 auto; }*/

.floatR,.floatL{ float: none; margin: 0 auto; text-align: center; }
.floatR img , .floatL img{ width: 95%; }

.sbt{ padding:40px 0 30px;  }
	
.profile{ width:95%; }
.profile{ background: url("../images/mes_bg.png")repeat; }
	
	
.prekakomi { width:100%; margin:0 auto 20px; padding:20px 0 10px; position:relative; border: solid 4px #c0a868; }
.prekakomi .prein{ padding:20px 0 0 ; }
.prekakomi .prein p{ text-align: left; margin: 0; padding: 0 10px; }
	
.profile{ width: 95%; margin: 0 auto; padding: 20px 20px; padding-top: 40px; margin-bottom: 40px; margin-top: 0px; }
.profile{ background: #fff; }
.profile p{ width:auto; text-align: left; margin: 0 auto; padding-bottom: 20px; }

	
.recommend{ width: 100%; margin: 0 auto; border: solid 2px #d1c5a6; padding: 5px; background-color: rgba(255,255,255,0.5); margin-bottom: 20px; margin-top: 30px; }
.recommend-in{ width: 100%; margin: 0 auto; border: solid 1px #d1c5a6; }
.recommend p{ margin: 0; padding: 10px; padding-left: 0px; }
	
	
.caution{ width: 95%; }
.caution p{ font-size:12px; line-height: 120%; margin-top: 10px; }

.prekakomi { padding-top:10px; }
.pre{padding-bottom: 10px;}
.pre .prein{ padding:10px; margin:10px; }

.kiyaku{ font-size: 14px; background: #eff0f1; width: 90%; margin: 0 auto; margin-top: 30px; padding: 15px 25px; }
.kiyaku p{ margin: 0; text-align: left; }
.kiyaku h2{ font-size: 18px; font-weight: bold;}
    
.qa{ width:100%; padding:15px; margin-bottom:20px; }
.qa dt{ padding:0 0 10px 30px; margin-bottom:15px; line-height:1.4; }
.qa dt:after{ width:50px; height:45px; top:-12px; left:-15px; }
.qa dd{ padding-left:30px; }
.qa dd:after{ width:50px; height:45px;; top:-12px; left:-15px; }
    
.note2{
  width: 100%;
  text-align: left;
  color: #696969;
  margin: 0 auto;
  border: solid 1px #e6e6e6;
  box-shadow:2px 2px 0 rgba(0,0,0,.1);
  background: #fff;
  padding: 0 20px;
}
.sen2{
  background-image:
  linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 98%, #646464 100%);
  background-size: 100% 2em;
  line-height: 2em;
}
    
.n-base{ width: 95%; background: rgba(299,299,299,0); padding: 10px 0; margin-top: 30px; }
.w-base{ width: 95%; background: rgba(299,299,299,0.75); padding: 10px 0; margin-top: 30px; }
.b-base{ width: 95%; color: #fff; background: rgba(0,0,0,0.8); padding: 10px 0; margin-top: 30px; }
.y-base{ width: 95%; color: #000; background: rgba(170,145,30,0.7); padding: 10px 0; margin-top: 30px; }
.n-base p,.w-base p,.b-base p,.y-base p{ margin:20px 30px; font-size: 18px; }
.n-base p,.w-base p,.b-base p,.y-base p{ line-height:1.8; }

.sachin-bg{ background: none;}
    
.step{ border: solid 3px #a8910e; width: 100%; margin: 0 auto; margin-bottom: 30px; background: url("../images/step_bg.png")top / cover; }
.step-in{ border: solid 1px #a8910e; background: rgba(255,255,255,0.9); padding: 15px; margin: 10px; min-height: 210px; }
.step p{ margin: 0; }

.reason{ border: solid 3px #dcc472; width: 100%; margin: 0 auto; margin-bottom: 50px; background: #002570; }
.reason-in{ border: solid 1px #dcc472; background: rgba(255,255,255,1); padding: 15px; margin: 10px; min-height: 210px; }
.reason-in p{ margin: 0 auto; width: 100%; padding: 0; margin-bottom: 20px; }
    
.tokuten{ border: solid 3px #dcc472; width: 100%; margin: 0 auto; margin-bottom: 50px; background: #a8910e; }
.tokuten-in{ border: solid 1px #dcc472; background: url("../images/voice_bg.png")repeat; padding: 15px; margin: 15px; min-height: 210px; }
.tokuten-in p{ margin: 0 auto; padding:0; margin-bottom: 0; width: 100%; }
    
.section27 .box{ background: #f1eee2; width: 100%; margin: 0 auto; padding: 20px; }
.section27 .box-in{ background: rgba(255,255,255,0.9); width: 100%; margin: 0 auto; padding:30px 5px; margin-bottom: 20px; }
.section27 .w-base, .section27 .b-base{ margin: 0 auto; }
    
.section12{ background: url("../images/sec12_bg.jpg")no-repeat center top ; padding-bottom: 30px; }
.section21{ background: url("../images/sec21_bg.jpg")no-repeat center top 125px / cover; padding-bottom: 30px; }
.section22{ background: url("../images/sec22_bg.jpg")no-repeat center top / cover; padding-bottom: 30px; }
.section23{ background: url("../images/sec23_bg.jpg")no-repeat center top / cover; padding-bottom: 30px; }
.section25{ background: url("../images/sec25_bg.jpg")no-repeat center top / cover; padding-bottom: 30px; }



/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer .copy img{ max-width:280px; width:100%; height:auto; }

}



/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 414px){ /* iPhone6Plus */
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:300px; /*background: url(../images/top_bg_sp_s.png)center top / contain no-repeat , url("../images/contents_bg.png")top center repeat;*/ }


/* responsive **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.br-sp-reset{ display:none; }

/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/


/* movie **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie-short li{ width:100%; }

/* timer ********** タイマーが必要な場合のみ記述
///////////////////////////////////////////////////////////////////////////////////////////////*/
.timer .sp-item img{ width: 200px; text-align: center; margin: 0 auto; }

.timer-num{ margin: 0 auto; }
.timer span img{ width:14px; height:22px; }.timer span img:nth-of-type(2){ margin-left:-6px; }
    
.timer{ width:100%; text-align:center; position:static;}
    
.timer-num{ width:360px; height:30px; margin:0 auto 10px; position:relative; top:0; left:0; }
.timer .timeDay{ position:absolute; top:-28px; left:90px; }
.timer .timeHr{ position:absolute; top:-28px; left:145px; }
.timer .timeMmin{ position:absolute; top:-28px; left:218px; }
.timer .timeSec{ display:none }
.timer .timeMsec{ display:none }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pre1 { padding-top:140px; }
.pre2 { padding-top:140px; }
.pre3 { padding-top:140px; }
.pre4 { padding-top:140px; }

}