/*----------------------------------------------------------------------------*/
/* 	株式会社ちえの輪 サイト  お問い合せ								  CSS    */
/*----------------------------------------------------------------------------*/

/* ■ MainConents #section01  お問い合せ   */

#section01 {
	margin: 0 auto 0 auto;
	width: 100%;
	background-color: #F5F5F5;
	/*		background	: url("../images/com/subtle_dots.png") repeat;*/
	background: linear-gradient(90deg, white 0%, white 70%, #F5F5F5 70%, #F5F5F5 100%);
	/* ★ */
}

#section01 h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

#section01 .title01 {
	margin: 80px auto 0 auto;
	width: 90%;
	padding-top: 0px;
}

#section01 .title01 h2 {
	font-size: 16px;
	font-weight: bold;
	color: #d4135a;
	/* hirose-green01 */
	padding-top: 30px;
	padding-left: 15px;
}

#section01 .cont01 {
	margin: 10px auto 0 auto;
	width: 100%;
	padding-bottom: 0px;
}

#section01 .cont01 dl,
dt,
dd {
	display: block;
}

#section01 .contactBlock {
	margin: 0 auto 0 auto;
	width: 90%;
	background-color: #FFF;
	padding-bottom: 0px;
	border: 1px solid #A4946C;
	/* Gold01 */
	border: 1px solid #DDD;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#section01 .contactBlock dl#cb-title {
	margin: 0 auto 20px auto;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #BDC3C7;
	/* Siver */
	;
}

#section01 .contactBlock dl#cb-title dt {
	display: block;
	text-indent: -99999px;
	/* テキスト非表示 */
}

#section01 .contactBlock dl#cb-title dd {
	margin: 0 auto 0 auto;
	width: 90%;
	text-align: left;
	font-size: 12px;
	line-height: 19px;
	color: #333;
	padding-bottom: 5px;
}

#section01 .contactBlock ul {
	margin: 20px auto 20px auto;
	width: 90%;
	padding-bottom: 10px;
	border-bottom: 1px solid #BDC3C7;
	/* Siver */
}

#section01 .contactBlock li {
	margin: 0 auto 0 auto;
	width: 96%;
	text-align: left;
	font-size: 12px;
	line-height: 19px;
	color: #333;
	padding-left: 10px;
	padding-bottom: 5px;
}

:focus {
	/* FORM フォーカス時の邪魔な枠線を消す ◆ */
	outline: none;
}

#section03 #form01 {
	margin: 0 auto 0 auto;
	width: 100%;
}

#section01 #form01 p.formsubt {
	margin: 20px auto 20px auto;
	width: 90%;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #B27C04;
	/* gold02 */
	color: #333;
	padding-top: 5px;
	padding-left: 30px;
	background: url("../images/icon/sym02.png") no-repeat;
	background-position: 0 center;
	border-bottom: 1px dotted #A4946C;
	/* Gold01 */
}

#section01 #form01 dl {
	margin-top: 0px;
}

#section01 #form01 dt {
	margin: 0 auto 0 auto;
	padding-left: 10px;
	padding-bottom: 3px;
	color: #333;
	text-align: left;
	font-size: 14px;
	color: #B27C04;
	/* gold02 */
	padding-top: 13px;
}

#section01 #form01 #seasonym dt {
	padding-top: 10px;
	font-size: 14px;
}

#section01 #form01 dt.dtex {
	width: 100%;
	font-size: 11px;
	color: #333;
}

#section01 #form01 dd {
	margin: -25px auto 0 auto;
	width: 90%;
	padding-left: 0px;
	padding-bottom: 10px;
	color: #333;
	text-align: left;
	font-size: 16px;
	color: #333;
	/* gold02 */
}

#section01 #form01 dd .rcline {
	margin-left: 10px;
	padding-top: 20px;
}

#section01 #form01 dd.labelWrap02 {
	padding-top: 15px;
}

#section01 #btn {
	margin: 10px auto 30px auto;
	text-align: center;
	padding-bottom: 0px;
}

#section01 .btn {
	display: block;
	margin: 0 auto 0 auto;
	width: 150px;
	padding: 10px 0;
	text-align: center;
	font-size: 12px;
	color: #FFF;

	background-size: 18px 5px;
	background-position: -2px 12px;
	background-color: #dc251b;
	/* hirose-green02 */
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#section01 .btn:hover {
	color: #F5F5F5;

	background-size: 18px 5px;
	background-position: 50px 12px;
	background-color: #DDD;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#section01 .cm01 {
	/* 必須 入力 */
	color: #F08700;
	/* O.Red */
	font-size: 12px;
	padding-left: 10px;
}

#section01 input[type="text"] {
	width: 100%;
	border: solid 1px #CCC;
}

#section01 input[type="file"] {
	width: 100%;
	font-size: 12px;
	border: solid 1px #A4946C;
}

#section01 textarea {
	width: 100%;
	border: solid 1px #A4946C;
	border: solid 1px #CCC;
}

#section01 select {
	width: 50px;
	height: 35px;
	color: #555;
	line-height: 14px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5%;
	background-color: #FFF;
}

#section01 #form01 dd .select01 {
	font-size: 12px;
	padding-left: 5px;
}

#section01 .cmt {
	/* 問い合わせ注釈 */
	width: 95%;
	color: #555;
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
}

#section01 #pvp a {
	color: #B27C04;
	/* gold02 */
}

#section01 #form01 .errorTxt {
	font-size: 12px;
}

#section01 #form01 dl:first-child {
	padding-bottom: 0px;
}

#section01 input[type="text"].season-y {
	width: 70px;
	height: 35px;
	line-height: 0px;
	text-align: left;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

#section01 select.season-t {
	width: 140px;
}

#section01 .rb02 {
	padding-left: 30px;
	padding-right: 30px;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
		Meiryo, Osaka, helvetica, arial,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ◇ placeholder ------------------------*/
/*Webkit*/
::-webkit-input-placeholder {
	font-size: 12px
}

/*Firefox 19以降*/
::-moz-placeholder {
	font-size: 12px
}

/*Firefox 18以前*/
:-moz-placeholder {
	font-size: 12px
}

/*Windows IE*/
:-ms-input-placeholder {
	font-size: 12px
}


@media only screen and (max-width: 320px) {}

@media only screen and (min-width: 360px) and (max-width: 375px) {}

@media only screen and (min-width: 375px) and (max-width: 399px) {}

@media only screen and (min-width: 400px) and (max-width: 413px) {}

@media only screen and (min-width: 414px) and (max-width: 767px) {}

@media only screen and (min-width:992px) {
	/* PC ～　iPad size  */

	#section01 {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-top: 90px;
		padding-bottom: 0px;
		background: linear-gradient(90deg, white 0%, white 10%, #F5F5F5 10%, #F5F5F5 40%, white 40%, white 100%);
		/* ★ */
		background: linear-gradient(90deg, white 0%, white 35%, #F5F5F5 35%, #F5F5F5 100%);
		/* ★ */
	}

	#section01 h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: 100%;
		font-weight: normal;
	}

	#section01 .title01 {
		margin: 50px auto 30px auto;
		width: 70%;
		padding-bottom: 0px;
	}

	#section01 .title01 h2 {
		font-size: 35px;
		font-family: "NotoSansCJKjp-Bold";
		color: #d4135a;
		/* hirose-green01 */
		padding-left: 15%;
		padding-bottom: 20px;
	}

	#section01 .cont01 {
		margin: 30px auto 0px auto;
		width: 100%;
		max-width: 1350px;
		padding-bottom: 50px;
	}

	#section01 .contactBlock {
		margin: 0 auto 0 auto;
		width: 80%;
		padding-top: 20px;
		padding-bottom: 20px;
		/*				border-radius:20px;
				-moz-border-radius:20px;
				-webkit-border-radius:20px;  */
	}

	#section01 .contactBlock dl#cb-title {
		margin: 30px auto 30px auto;
		width: 70%;
		padding-bottom: 10px;
		border-bottom: 1px solid #BDC3C7;
		/* Siver */
		;
	}

	#section01 .contactBlock dl#cb-title dt {
		display: block;
		text-indent: -99999px;
		/* テキスト非表示 */
	}

	#section01 .contactBlock dl#cb-title dd {
		margin: -20px auto 0 auto;
		width: 90%;
		text-align: left;
		font-size: 15px;
		font-family: "NotoSansCJKjp-Medium";
		line-height: 24px;
		color: #333;
		padding-bottom: 5px;
	}

	#section01 .contactBlock ul {
		margin: 50px auto 50px auto;
		width: 65%;
		padding-bottom: 20px;
		border-bottom: 1px solid #BDC3C7;
		/* Siver */
	}

	#section01 .contactBlock li {
		margin: 0 auto 0 auto;
		width: 90%;
		text-align: left;
		font-size: 15px;
		font-family: "NotoSansCJKjp-Medium";
		line-height: 24px;
		color: #333;
		letter-spacing: 0.10em;
		padding-bottom: 5px;
	}

	#section01 #form01 p.formsubt {
		margin: 10px auto 30px -170px;
		width: 100%;
		width: 750px;
		height: 40px;
		font-size: 15px;
		color: #A4946C;
		/* Gold01 */
		color: #B27C04;
		/* gold02 */
		padding-top: 10px;
		padding-left: 40px;
		background: url("../images/icon/sym02.png") no-repeat;
		background-position: 0 center;
		border-bottom: 1px dotted #A4946C;
		/* Gold01 */
	}

	#section01 #form01 dl {
		margin: 0 auto 0 auto;
		display: block;
		padding-bottom: 10px;
	}

	#section01 #form01 dl:first-child {
		margin: 20px auto 0 auto;
		padding-top: 0;
	}

	#section01 #form01 dt {
		margin: 0 auto 0 -170px;
		width: 80%;
		text-align: left;
		font-size: 15px;
		color: #444;
		font-family: "NotoSansCJKjp-Regular";
		padding-top: 10px;
		padding-left: 0;
	}

	#section01 #form01 #seasonym dt {
		padding-top: 10px;
		font-size: 14px;
	}

	#section01 #form01 dt.dtex {
		width: 100%;
		font-size: 14px;
		color: #333;

	}

	#section01 #form01 dd {
		margin: -17px auto 0 -150px;
		width: 100%;
		padding-bottom: 15px;
		color: #333;
		text-align: left;
		font-size: 14px;
	}

	#section01 #form01 dd .rcline {
		margin-left: 0;
		padding-top: 20px;
	}

	#section01 #form01 dl:first-child {
		padding-bottom: 0px;
	}

	#section01 #form01 dl:nth-child(2) {
		padding-bottom: 0px;
	}

	#section01 #form01 dl:nth-child(4) {
		padding-bottom: 0px;
	}

	#section01 #form01 dl:nth-child(5) {
		width: 120%;
		padding-bottom: 0px;
	}

	#section01 #form01 dl:nth-child(6) {
		width: 180%;
		padding-bottom: 0px;
	}

	#section01 #form01 dl:nth-child(7) {
		width: 120%;
		padding-bottom: 0px;
	}

	#section01 #form01 dd .labelWrap .errorTxt {
		padding-top: 10px;
	}

	#section01 #form01 #btn {
		display: block;
		margin: 20px auto 30px auto;
	}

	#section01 .btn {
		width: 250px;
		height: 50px;
		color: white;
		font-size: 16px;
		text-align: center;
		font-family: "NotoSansCJKjp-Medium";
		padding-top: 7px;
		background: url("../images/icon/btn-arrow01.png") no-repeat;
		background-size: 29px 8px;
		background-size: 25px 7px;
		background-position: -2px 20px;
		background-color: #dc251b;
		/* hirose-green02 */
		z-index: 9;
	}

	#section01 .btn:hover {
		display: block;
		width: 250px;
		height: 50px;
		color: #dc251b;
		/* hirose-green02 */
		background: url("../images/icon/btn-arrow01.png") no-repeat;
		background-size: 25px 7px;
		background-position: 50px 20px;
		background-color: rgba(255, 95, 155, 0.5);
		/* AG-pink:#FF5F9B */
		background-color: #DDD;
	}

	#section01 .cm01 {
		/* 必須 入力 */
		color: #F08700;
		/* O.Red */
		font-size: 12px;
		padding-left: 10px;
	}

	#section01 input[type="text"] {
		width: 100%;
		height: 35px;
		line-height: 0px;
		padding-bottom: 10px;
	}

	#section01 #form01 dl:first-child input[type="text"] {
		width: 100%;
		height: 35px;
		line-height: 0px;
	}

	/* クソFirefoxだけに適用されるCSSハック*/
	@-moz-document url-prefix() {
		#section01 input[type="text"] {
			height: 45px;
		}

		#section01 #form01 dl:first-child input[type="text"] {
			height: 45px;
		}
	}

	#section01 textarea {
		width: 100%;
		line-height: 22px;
	}

	#section01 select {
		height: 37px;
		line-height: 14px;
		padding-left: 10px;
		padding-bottom: 10px;
	}

	#section01 #form01 dd .select01 {
		font-size: 14px;
		padding-left: 10px;
	}

	#section01 .cmt {
		/* 問い合わせ注釈 */
		margin-left: -30%;
		width: 160%;
		height: 35px;
		color: #555;
		font-size: 13px;
		text-align: left;
		padding-bottom: 5px;
	}

	#section01 a {
		color: #333;
		border-style: none;
		text-decoration: none;
	}

	#section01 .infoitem a {
		color: #AAA;
		border-style: none;
		text-decoration: none;
	}

	#section01 a:hover {
		color: #B27C04;
		/* Gold02 */
	}

	#section01 #pvp a {
		color: #B27C04;
		/* gold02 */
	}

	#section01 #form01 .errorTxt {
		font-size: 13px;
	}

	#section01 input[type="file"] {
		width: 100%;
		font-size: 14px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
			Meiryo, Osaka, helvetica, arial,
			"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#section01 input[type="radio"] {
		width: 100%;
	}

	#section01 input[type="checkbox"] {
		width: 100%;
	}

	#section01 input[type="text"].season-y {
		width: 100px;
	}

	#section01 .rb01 {
		margin-left: 50px;
	}

	#section01 .rb02 {
		padding-left: 30px;
		padding-right: 30px;
		font-size: 14px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
			Meiryo, Osaka, helvetica, arial,
			"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {

	#section01 .title01 {
		margin: 100px auto 0 auto;
		width: 70%;
		padding-top: 0px;
	}

	#section01 .title01 h2 {
		font-size: 20px;
		font-weight: bold;
		padding-top: 0;
		padding-left: 0;
	}

	#section01 .title01 .subt01 {
		padding-top: 5px;
	}

	#section01 .contactBlock {
		margin: 20px auto 20px auto;
		width: 90%;
	}

	#section01 .contactBlock dl#cb-title dd {
		margin: 10px auto 0 auto;
		width: 80%;
		text-align: left;
		font-size: 14px;
		line-height: 1.8em;
		color: #333;
		padding-bottom: 10px;
	}

	#section01 .contactBlock li {
		font-size: 14px;
		line-height: 1.5em;
	}

}