@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  margin:0;padding:0;border:0;
  font-size:100%;font:inherit;font-weight:normal;
  vertical-align:baseline;
}

/* --------------------------HTML5 display-role reset for older browsers*/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;color:#3e3e3e;cursor: pointer;}

/* --------------------------img */

img{vertical-align:bottom;width:100%;max-width: 100%;height: auto;}
a img{border:none;}

/* --------------------------body */

html{overflow-x:hidden;font-size:10px;}
body{color:#333;font-size:1.6rem;font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;overflow-x: hidden;}

@media all and (-ms-high-contrast:none){
  body{font-family: 'メイリオ', 'Meiryo', sans-serif;}
}

  @media screen and (max-width:768px){
  body{font-size:1.5rem;}
  }/* --- max-width:768px */

/* --------------------------clearfix */

.cfx::after{content:"";display:table;clear:both;}
.clearfix::after{content:"";display:table;clear:both;}

/* --------------------------from */

a:focus{outline:none;}
label{cursor: pointer;}

select,input{
  vertical-align:middle;
  position:relative;
  margin:0 5px 0 0;
  *margin-right:3px;
  top:-1px;
}

input[type='text'], button ,textarea{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input,label,select,textarea{vertical-align:middle;}
select{margin:0;padding:1px;background:#ffffff;border:1px solid #dddddd;border-radius:0;}
input[type='text']{background:#ffffff;border:1px solid #aaaaaa;}

input:-webkit-autofill{
  -webkit-transition: background-color 9999s;
  transition: background-color 9999s;
}

input,button,textarea,select{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=radio],
input[type=checkbox]{
  display: none;
}

select::-ms-expand{
  display: none;
}

select{
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  border-radius:0;
  border:0;
  margin:0 0 0 0;
  padding:0;
  background:none transparent;
  vertical-align:middle;
  font-size:inherit;
  color:inherit;
}

button,input,select,textarea{
  font-family: inherit;
  font-size: 100%;
}