@charset "UTF-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html{
	font-size:62.5%;
}

body{
	margin:0;
	padding:0;
	font-family: 'Noto Sans Japanese', serif,"游ゴシック", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-weight: 400;
	position:relative;
	font-size:16px;
	font-size:1.6rem;
	line-height:22px;
	line-height:2.2rem;
	letter-spacing:1.6px;
	letter-spacing:0.16rem;
}

#wrapper {
	overflow: hidden;
	position: relative;
	background-size: 600px;
}

#formWrap {
	width:260px;
	height:auto;
	margin:0 auto;
	text-align: center;
	color:#000000;
}

#ContactTitle {
	width:auto;
	height:auto;
	display:inline-block;
	text-align: center;
	padding-top:50px;
	padding-top:5.0rem;
	margin:0 auto;
}

#ContactTitle h1{
	width:100%;
	text-align: center; /*左右中央*/
	vertical-align: middle; /*上下中央*/
	font-size:18px;
	font-size:1.8rem;
	line-height:27px;
	line-height:2.7rem;
	letter-spacing:1.8px;
	letter-spacing:0.18rem;
	color:#000000;
}

#ContactTitle hr {
    height: 1px;
    height: 0.1rem;
    width: 100%;
    background:#000000;
    padding-top:10.0px;
    padding-top:1.0rem;
}

#PrivacyTitle{
	width:100%;
	height:100%;
	margin-bottom:16px;
	margin-bottom:1.6rem;
}

#PrivacyTitle p{
	text-align:center;
	color:#f61d1d;
	font-size:12px;
	font-size:1.2rem;
}

#PrivacyTitle a{
	color:#f61d1d;
	font-size:12px;
	font-size:1.2rem;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}

table.formTable td{
	width:100%;
	padding-top:12px;
	padding-top:1.2rem;
}

table.formTable input{
	font-family: 'Noto Sans Japanese', serif,"游ゴシック", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	width:250px;
	font-size:12px;
	font-size:1.2rem;
	line-height:18px;
	line-height:1.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	padding-left:6px;
	padding-left:0.6rem;
}

table.formTable select{
	font-family: 'Noto Sans Japanese', serif,"游ゴシック", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	width:100%;
	font-size:12px;
	font-size:1.2rem;
	line-height:18px;
	line-height:1.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	padding-left:3px;
	padding-left:0.3rem;
	background-color:#FFFFFF;
}

table.formTable #writearea{
	font-family: 'Noto Sans Japanese', serif,"游ゴシック", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	width:248px;
	height:90px;
	font-size:12px;
	font-size:1.2rem;
	line-height:18px;
	line-height:1.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	padding-left:6px;
	padding-left:0.6rem;
}

input[type="submit"] {
	font-family: 'Noto Sans Japanese', serif,"游ゴシック", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	height:auto;
	width:auto;
	font-size:12px;
	font-size:1.2rem;
	padding:6px 18px 6px 18px;
	padding:0.6rem 1.8rem 0.6rem 1.8rem;
	font-weight:700;
	color:#FFFFFF;
	background:#1d8af6;
	text-align: center;
	border:0;
	margin-top:24px;
	margin-top:2.4rem;
	margin-bottom:50px;
	margin-bottom:5.0rem;
}

input[type="submit"]:hover {
	font-family: 'Noto Sans Japanese', serif,"游ゴシック", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	height:auto;
	width:auto;
	font-size:12px;
	font-size:1.2rem;
	padding:6px 18px 6px 18px;
	padding:0.6rem 1.8rem 0.6rem 1.8rem;
	font-weight:700;
	color:#FFFFFF;
	background:#0864bf;
	text-align: center;
	border:0;
	margin-top:24px;
	margin-top:2.4rem;
	margin-bottom:50px;
	margin-bottom:5.0rem;
}

input[type="button"] {
	font-family: 'Noto Sans Japanese', serif,"游ゴシック", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	height:auto;
	width:auto;
	font-size:12px;
	font-size:1.2rem;
	padding:6px 18px 6px 18px;
	padding:0.6rem 1.8rem 0.6rem 1.8rem;
	font-weight:700;
	color:#FFFFFF;
	background:#1d8af6;
	text-align: center;
	border:0;
	margin-top:24px;
	margin-top:2.4rem;
	margin-bottom:50px;
	margin-bottom:5.0rem;
}

input[type="button"]:hover {
	font-family: 'Noto Sans Japanese', serif,"游ゴシック", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	height:auto;
	width:auto;
	font-size:12px;
	font-size:1.2rem;
	padding:6px 18px 6px 18px;
	padding:0.6rem 1.8rem 0.6rem 1.8rem;
	font-weight:700;
	color:#FFFFFF;
	background:#0864bf;
	text-align: center;
	border:0;
	margin-top:24px;
	margin-top:2.4rem;
	margin-bottom:50px;
	margin-bottom:5.0rem;
}

#novelogo{
	display:inline-block;
	text-align: center; 
	width:100%;
	height:auto;
	margin:0 auto;
	padding-top:90px;
	padding-top:9rem;

}

#novelogo img{
	width:30%;
	height:auto;
	margin:0 auto;
}

/*インプット領域の枠線色指定*/
/*通常時*/
input[type="text"],input[type="email"],input[type="tel"],textarea[type="text"] {
  border: 1px solid #000000;
}
/*選択時*/
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,textarea[type="text"]:focus {
  border: 2px solid #0d646b;
  outline: 0;
}
/*通常時*/
select[type="text"],input[type="email"],input[type="tel"],textarea[type="text"] {
  border: 1px solid #000000;
}
/*選択時*/
select[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,textarea[type="text"]:focus {
  border: 2px solid #0d646b;
  outline: 0;
}

/* ▼IE10・IE11用 */
:-ms-input-placeholder {
   color: #000000;
}

/* ▼Chrome・Safari・Opera用(※Edgeにも使える) */
::-webkit-input-placeholder {
   color: #000000;
}

/* ▼IE10・IE11用 */
:-ms-textarea-placeholder {
   color: #000000;
}

/* ▼Chrome・Safari・Opera用(※Edgeにも使える) */
::-webkit-textarea-placeholder {
   color: #000000;
}

/* ▼Firefox18以前用 */
:-moz-placeholder {
   color: #000000;
}
/* ▼Firefox19以上用 */
::-moz-placeholder {
   color: #000000; opacity: 1;
}

/* ▼CSS標準(予定)の記述 */
:placeholder-shown {
   color: #000000;
}

/*選択された場合*/
:focus::-webkit-input-placeholder { 
	color: white; 
} /* Chrome・Safari・Opera用(※Edgeにも使える) */
:focus::-webkit-textarea-placeholder { 
	color: white; 
} /* Chrome・Safari・Opera用(※Edgeにも使える) */

:focus:-moz-placeholder { 
	color: white; 
}  /* Firefox18以前用 */
:focus::-moz-placeholder { 
	color: white;
} /* Firefox19以上用 */
:focus:placeholder-shown { 
	color: white;
} /* CSS標準の記述 */

/*ここから送信完了画面 */
#Thanksform {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align: center;
}

#ThanksTitle {
	width:auto;
	height:auto;
	display:inline-block;
	text-align: center;
	padding-top:50px;
	padding-top:5.0rem;
	margin:0 auto;
}

#ThanksTitle h1{
	width:auto;
	height:100%;
	text-align: center; /*左右中央*/
	font-size:18px;
	font-size:1.8rem;
	line-height:27px;
	line-height:2.7rem;
	letter-spacing:1.8px;
	letter-spacing:0.18rem;
	color:#000000;
	font-weight:600;
}

#ThanksArea{
	width:70%;
	height:auto;
	padding-top:25px;
	padding-top:2.5rem;
	margin:0 auto;
}

#ThanksArea p{
	text-align: center;
	font-size:12px;
	font-size:1.2rem;
	line-height:18px;
	line-height:1.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	color:#000000;
}


#AttentionBox{
	width:95%;
	height:auto;
	margin:0 auto;
	padding-top:25px;
	padding-top:2.5rem;
	padding-bottom:50px;
	padding-bottom:5.0rem;
}

#AttentionArea{
	width:100%;
	height:auto;
	margin:0 auto;
	border: 1px #f61d1d solid;
}



#AttentionArea p{
	text-align: justify;
	font-size:12px;
	font-size:1.2rem;
	line-height:18px;
	line-height:1.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	padding:6px;
	padding:0.6rem;
	color:#000000;
}

.errmsg{
	font-size:12px;
	font-size:1.2rem;
	line-height:18px;
	line-height:1.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.redmsg{
	font-size:12px;
	font-size:1.2rem;
	line-height:18px;
	line-height:1.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	color:#D50000;
}

#explainbt{
	display:inline-block;
	margin-bottom:24px;
	margin-bottom:2.4rem;
	width:auto;
	height:auto;
	background-color:#1d8af6;
}

#explainbt:hover{
	width:auto;
	height:auto;
	background-color:#0864bf;
}

#explainbt .titlebt{
	text-align: center;
	padding-top:10px;
	padding-top:1rem;
	padding-left:24px;
	padding-left:2.4rem;
	padding-right:24px;
	padding-right:2.4rem;
	padding-bottom:10px;
	padding-bottom:1rem;
	font-weight:700;
	color:#FFFFFF;
}

#explainbt .titlebt a{
	color:#FFFFFF;
	font-size:12px;
	font-size:1.2rem;
	line-height:18px;
	line-height:1.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

#explainbt .titlebt:hover{
	text-align: center;
	padding-top:10px;
	padding-top:1rem;
	padding-left:24px;
	padding-left:2.4rem;
	padding-right:24px;
	padding-right:2.4rem;
	padding-bottom:10px;
	padding-bottom:1rem;
	font-weight:700;
	color:#FFFFFF;
}