@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body{
	font-family: Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-seri;
	font-size:16px;
	margin:0;
	color:#2C2C2C;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/*--------------------------------ヘッダー・フッター*/

#header{
	width:100%;
	height:auto;
	padding:10px 0;
	margin:0 0 15px 0;
	text-align:center;
}
#header h1{
	font-size:1.5em;
}
#header h1 i.icono-gear{
	transform: scale(0.8);
	margin-right:5px;
	vertical-align: text-bottom;
}
.to_top{
	float:right;
	padding:10px 20px;
	background:#333;
	border-radius:5px;
	text-align:center;
	color:#ffffff;
	position:fixed;
	bottom:10%;
	right:10%;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.to_top a{
	color:#ffffff;
	text-decoration:none;
}

.to_top:hover{
	color:#ffffff;
	background:#f2f2f2;
	text-decoration:none;
	transition: all .3s;
}
.to_top a:hover{
	color:#2C2C2C;
}
#footer{
	clear:both;
	width:100%;
	height:auto;
	padding:15px 0;
	margin:0;
	text-align:center;
}


/*--------------------------------common*/

#form_box{
  width: 60vw;
  height:auto;
  margin:0 auto 20px auto;
  line-height:1.6;
}

.asterisk{
	font-size:x-small;
	color:#E00029;
	margin:0 0 0 5px;
}
.confirm{
	display:block;
	clear:both;
	font-size:small;
	color:#777777;
	margin:0 0 0 15px;
}

article.form_frame{
	width:100%;
	height:auto;
	float:left;
	margin:0 auto 20px auto;
}

/*--------------------------------確認ページ*/

#finish_text{
	width:80%;
	height:auto;
	margin:0 auto 250px auto;
	line-height:2;
}
#finish_text p{
	margin:0 0 30px 0;
}
.finish_highlighting1{
	font-size:1.6em;
}
.finish_highlighting2{
	font-size:1.6em;
	color: #D90000;	
}


@media screen and (max-width: 768px) {
#header h1{
	font-size:1em;
}
#header h1 i.icono-gear{
	transform: scale(0.8);
	margin:0 5px 0 0;
	vertical-align: inherit;
}

.to_top{
	float:right;
	padding:10px 20px;
	background:#333;
	border-radius:5px;
	text-align:center;
	color:#ffffff;
	position:fixed;
	bottom:10px;
	right:20px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#finish_text{
	margin:0 auto;
}
}


/*--------------------------------add */