@charset "utf-8";/* エスケープ */
/* ==========================================================================
  Reset Css
 ==========================================================================*/
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
html{font-size: 62.5%;height:100%;overflow-y:scroll;margin:0;padding:0;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,
address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,
b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,
hgroup,menu,nav,section,summary,time,mark,audio,video
{font-size:100%;margin:0;padding:0;border:0;outline:0;list-style:none;vertical-align: baseline;background:transparent;font-weight:normal;font-style:normal;font-family:Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-o-text-size-adjust: 100%;text-size-adjust: 100%;/* スマホ　文字サイズ自動調整をきる */ }
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align: baseline;background:transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select,button,textarea{vertical-align:middle;font-family:Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;margin: 0; padding: 0; background: none;   border: none;border-radius: 0;  outline: none;  -webkit-appearance: none;   -moz-appearance: none;appearance: none;}
img {border:none;vertical-align:text-bottom;max-width: 100%;-ms-interpolation-mode: bicubic;}
.ie9 input[placeholder]{color:#5B5B5B;}
/* ==========================================================================
  Common Design
 ==========================================================================*/
 /*----------------------------------------------------
  ■リンク
----------------------------------------------------*/
a:link { color: #444;text-decoration:underline;}
a:visited { color: #444;text-decoration:underline;}
a:hover { color:#d73116;text-decoration:none;}

/*----------------------------------------------------
  ■Wrapper
----------------------------------------------------*/
body{background:#cbd2dc; color: #444;}
#wrapper{ width: 96%; max-width: 700px; margin: 30px auto 0 auto; font-size:1.4rem; line-height:150%; overflow: hidden; background: #fff;}

/*sp*/
@media screen and (max-width:568px){
#wrapper{ min-width: 320px;}
}

/*----------------------------------------------------
  ■Container
----------------------------------------------------*/
#Container{width:100%;}

/*----------------------------------------------------
  ■mainPanel
----------------------------------------------------*/
#mainPanel { width: 100%; padding: 30px 25px;}
#mainPanel .inner { margin: 25px; padding: 20px; text-align: center;}
#mainPanel .title { color: #d73116; padding: 25px; font-size: 3.5rem; text-align: center;}
#mainPanel .txt-Box { width: 100%; max-width: 480px; margin: auto; padding: 25px 0; font-size: 1.4rem;}

#mainPanel .mailadd {
  width: 100%; max-width: 480px; margin: auto; padding: 15px;
  margin-top: 10px; height: 56px; font-size: 15px;
  display: flex;  align-items: center; position: static;
  border: 2px solid #d73116; border-radius: 5px;
  position: relative;
}
#mainPanel .mailadd .mailadd-txt { color: #d73116; background: #fff; padding: 5px; position: absolute; top: -15px; left: 15px;}
#mainPanel .mailadd input[type=email]{ font-size: 1.6rem; width: 100%;}

@media screen and (max-width:568px){
  #mainPanel .title { padding: 20px; font-size: 2.8rem;}
}

/*---------------------------------------
ボタン
------------------------------------------*/
.btn{line-height:100%;font-size: 1.4rem;display: inline-block;position:relative;padding:10px 30px;cursor:pointer;border-radius: 5px;text-decoration:none;color:rgba(255,255,255,1) !important;transition:opacity .2s ease,background .2s ease,box-shadow .28s cubic-bezier(.4,0,.2,1);outline:none!important;vertical-align: middle; text-decoration: none!important;}
.btn:hover{box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);opacity:0.8;color:rgba(255,255,255,1);}
.btn:active{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}
/*color*/
.btn.red{ background-color: #b81717;}
.btn.midgray{background-color: #5a5858;}

/*----------------------------------------------------
  ■Footer
----------------------------------------------------*/
footer{ width:96%; padding:20px 20px 40px 20px; margin: auto;}
#Footer { text-align: center;}
#Footer .f-copy { color: #979797; font-size: 1.2rem;}