@charset "UTF-8";
/* 各要素リセット */
html,body {
margin: 0;
padding: 0;
text-align:center;
font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
color: #000;
}
h1,h2,h3,h4,h5,h6,p,em,strong,address {
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
}
strong { font-weight: bold !important;}
dl,dt,dd,
ul,ol,li {
margin: 0;
padding: 0;
list-style: none;
font-weight: normal;
}
table{
border-collapse:collapse;
border-spacing:0;
}
form,fieldset,legend  {
margin: 0;
padding: 0;
}
fieldset {
border: none;
height: 100%;
}
img {
border: 0;
vertical-align: bottom;
}

/* reset html5要素 */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}


/* リンク */
a{
	text-decoration: none;
	transition:all .3s;
	color: #000;
}

a:hover{
	text-decoration: none;
	color: #4cbae7;
}



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

/*フロート・クリアーボックス*/
.clear {
clear:both;
}

/* 汎用設定 */
/* テキスト揃え */
.lefttxt{
text-align:left !important;
}
.righttxt{
text-align:right !important;
}
.centertxt{
text-align:center !important;
}
/* フロート */
.fl_l{
float:left;
}
.fl_r{
float:right;
}
.fl_n{
float:none !important;
}

/* 画像のみのブロック */
.imgbar{
	font-size: 0;
	line-height: 0;
}

/* マージン */
.mb0{
margin-bottom: 0 !important;
}
.mb5{
margin-bottom: 5px !important;
}
.mb10{
margin-bottom: 10px !important;
}
.mb15{
margin-bottom: 15px !important;
}
.mb20{
margin-bottom: 20px !important;
}
.mb30{
margin-bottom: 30px !important;
}
.mb40{
margin-bottom: 40px !important;
}
.mb50{
margin-bottom: 50px !important;
}
.mb60{
margin-bottom: 60px !important;
}
.mb70{
margin-bottom: 70px !important;
}
.mb110{
margin-bottom: 110px !important;
}
.mt5{
margin-top: 5px !important;
}
.mt10{
margin-top: 10px !important;
}
.mt20{
margin-top: 20px !important;
}
.mr10{
margin-right: 10px !important;
}

/* パディング */
.pt0{
	padding-top: 0 !important;
}
.pt10{
	padding-top: 10px !important;
}
.pt15{
	padding-top: 15px !important;
}
.pt20{
	padding-top: 20px !important;
}
.pt50{
	padding-top: 50px !important;
}
.pds10{
	padding: 0 10px !important;
}
.pb0{
	padding-bottom: 0 !important;
}



/* フォームスタイルリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
  border: 1px solid #e5e5e5;
  width: 100%;
  padding: 15px;
  background: #fff;
  height: 300px;
}

input[type='text']{
	border: 1px solid #e5e5e5;
	padding: 15px;
	width: 100%;
	background: #fff;
}
input[type='text'].short{
	width: 120px;
}
input[type='text'].error{
	border: 1px solid #eb315d;
	background: #fff3f6;
}

input[type='checkbox']{
	border: 2px solid #e5e5e5;
	background: #fff;
	width: 30px;
	height: 30px;
	position: relative;
}
input[type='checkbox']:checked:before{
	content: "";
	background: url(../../images/check.png) 3px 5px no-repeat;
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
}


input[type='radio']{
	border: 2px solid #e5e5e5;
	background: #fff;
	width: 30px;
	height: 30px;
	position: relative;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	position: relative;
}
input[type='radio']:checked:before{
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #4cbae7;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	position: absolute;
	left: 6px;
	top: 6px;
}


input[type='checkbox'],
input[type='radio'] {
	vertical-align: middle;
	cursor: pointer;
	margin: 0 12px 0 0;
}

input[type='submit'],
input[type='button'],
input[type='reset'],
label,
button,
select {
  cursor: pointer;
  transition: all .3s;
  
}
input[type='submit']:hover,
input[type='button']:hover,
input[type='reset']:hover{
	opacity: 0.7;
}


select::-ms-expand {
}


input,
textarea{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
select{
  border: 1px solid #e5e5e5;
  padding: 15px;
  width: 100%;
  background: #fff url(../../images/arw_down_tr.png) 96% center no-repeat; 
}
select.error{
	border: 1px solid #eb315d;
	background: #fff3f6 url(../../images/arw_down_tr.png) 96% center no-repeat;
}


@media screen and (max-width: 768px) {

input[type='checkbox']{
	width: 25px;
	height: 25px;
}
input[type='checkbox']:checked:before{
	background: url(../../images/check.png) 1px 5px no-repeat;
	width: 25px;
	height: 25px;
}
input[type='checkbox'],
input[type='radio'] {
	margin-right: 6px;
}

input[type='text']{
	padding: 12px;
}

input[type='radio']{
	width: 25px;
	height: 25px;
}
input[type='radio']:checked:before{
	width: 12px;
	height: 12px;
	left: 5px;
	top: 5px;
}

textarea {
  height: 200px;
}


}