@charset "UTF-8";

/* -----------------------------------------------
FileName: class.css
----------------------------------------------- */
/* clearfix */

.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}

.clearfix {display: inline-block;}

/*\*/

* html .clearfix {height: 1%}

.clearfix {display:block;}

/**/


/* Font */
.bold {
	font-weight:bold;
}

.font60 {
	font-size: 0.6em;
}

.font70 {
	font-size: 0.7em;
}

.font80 {
	font-size: 0.8em;
}

.font90 {
	font-size: 0.9em;
}

.font120 {
	font-size: 1.2em;
}

.font150 {
	font-size: 1.5em;
}

/* imemode */
.imemodeOn {
	ime-mode: active;   /* 全角モード */
}

.imemodeOff {
	ime-mode: inactive; /* 半角モード */
}

/* Etc */
.text-right{
	text-align: right;
}

.text-left{
	text-align: left;
}

.text-center{
	text-align: center;
}

.right{
	float: right;
}

.left{
	float: left
}

.clear {
	clear: both;
}

.clear2 { *zoom: 1; }
.clear2:after {
	display: block;
	clear: both;
	content: '';
}


.hiden {
	display: none !important;
}

.center{
	text-align: center;
}

.vam {
	vertical-align:middle;
}

.noborder {
	border:none;
}

.block {
	display:block;
}


.radiobtn,.checkbox{
	vertical-align:middle;
}

.attention {
	color:#C00;
}


/* margin */

.mat5 {margin-top:5px;}
.mat15 {margin-top:15px;}
.mat10 {margin-top:10px;}
.mat20 {margin-top:20px;}
.mat30 {margin-top:30px;}
.mat40 {margin-top:40px;}
.mat50 {margin-top:50px;}
.mab5 {margin-bottom:5px;}
.mab5 {margin-bottom:5px;}
.mab10 {margin-bottom:10px;}
.mab15 {margin-bottom:15px;}
.mab20 {margin-bottom:20px;}
.mab30 {margin-bottom:30px;}
.mab40 {margin-bottom:40px;}
.mab50 {margin-bottom:50px;}
.mar1 {margin-right:1px;}
.mar2 {margin-right:2px;}
.mar3 {margin-right:3px;}
.mar4 {margin-right:4px;}
.mar5 {margin-right:5px;}
.mar6 {margin-right:6px;}
.mar8 {margin-right:8px;}
.mar10 {margin-right:10px;}
.mar15 {margin-right:15px;}
.mar20 {margin-right:20px;}
.mar30 {margin-right:30px;}
.mar40 {margin-right:40px;}
.mar50 {margin-right:50px;}
.mal5 {margin-left:5px;}
.mal10 {margin-left:10px;}
.mal15 {margin-left:15px;}
.mal20 {margin-left:20px;}
.mal80 {margin-left:80px;}

/* padding */
.pat5 {padding-top:5px;}
.pat15 {padding-top:15px;}
.pat10 {padding-top:10px;}
.pat20 {padding-top:20px;}
.pat30 {padding-top:30px;}
.pat40 {padding-top:40px;}
.pat50 {padding-top:50px;}
.pab5 {padding-bottom:5px;}
.pab5 {padding-bottom:5px;}
.pab10 {padding-bottom:10px;}
.pab15 {padding-bottom:15px;}
.pab20 {padding-bottom:20px;}
.pab30 {padding-bottom:30px;}
.pab40 {padding-bottom:40px;}
.pab50 {padding-bottom:50px;}
.par5 {padding-right:5px;}
.par8 {padding-right:8px;}
.par10 {padding-right:10px;}
.par15 {padding-right:15px;}
.par20 {padding-right:20px;}
.pal5 {padding-left:5px;}
.pal10 {padding-left:10px;}
.pal15 {padding-left:15px;}
.pal20 {padding-left:20px;}

.nomargin {
	margin:0 0 0 0 !important;
}

/*----------------------------------------------------------------
    delay
----------------------------------------------------------------*/

.animated.d2 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.d25 {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.animated.d3 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.d35 {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}


.animated.d4 {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.d45 {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.animated.d5 {
  -webkit-animation-delay: 54s;
  animation-delay: 5s;
}

.animated.d55 {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.animated.d6 {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.animated.d65 {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}






	input, select, textarea {
		color: #282828;
		font-size: 16px;
		font-weight: normal;
		line-height: 1.75em;
        max-width: 100%;
	}
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="url"],
    input[type="number"],
    nput[type="date"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(255, 255, 255, 1);
		border-radius: 5px;
		border: none;
		display:inline-block;
		outline: 0;
		padding: .6em .6em;
		text-decoration: none;
        color: #282828;
        width: 100%;
        box-sizing: border-box;
		
	}
	select {
		background:url(../images/arrow_down.svg) right 1em center no-repeat #fff;
		padding: .6em 2.5em .6em .6em;
	}
    
    textarea {
/*         height: 200px; */
		height: 90px;
        }

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		input[type="url"]:invalid,
        input[type="number"]:invalid,
        input[type="date"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		input[type="url"]:focus,
        input[type="number"]:focus,
        input[type="date"]:focus,
		select:focus,
		textarea:focus {
            /*
			border-color: #4196CD;
			box-shadow: 0 0 0 1px #6ec7f5;
            */
		}

        button,
        input[type="submit"],
        input[type='button'] {
            -moz-appearance: none;
		    -webkit-appearance: none;
	    	-ms-appearance: none;
	    	appearance: none;
        
        }

.submitBtn {
    border: none;
    width: 400px;
    max-width: 100%;
    color: #fff;
    line-height: 1em;
    background: #e94729;
    font-size: 1em;
    font-weight: 500;
    padding: 1em 0;
/*     border-radius: 3px 0 7px 0; */
	border-radius: 3px;
    margin: auto;
    display: block;
    cursor: pointer;
    -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.submitBtn:hover {
    opacity: .8;
}