/*----------------------------------------------------------------------------*/
/* 	お問い合せ											  CSS    */
/*----------------------------------------------------------------------------*/

	main {
	}
	main#container {
/*		background-color: #FFF;	*/
		z-index:1;
	}

	main#container h1 {
		text-indent: -99999px;	/* テキスト非表示 */
	}
	#sviewerPC {			/* ●PC */
		height:210px;
	}

/* font-family  ◆*/
	h1,
	#g-nav-list li:nth-child(1),
	#news h2,
	#blog h2,
	#recruit h2 {
		font-weight:normal;
		font-family: 'Futura medium bt', sans-serif;
		font-display: swap;
	}

/* heading  ◆*/
	#news h2,
	#blog h2,
	#recruit h2 {
		font-size: 4.5rem;
		text-align: center;
		margin: 0 0 50px 0;
		font-weight: normal;
		color: #0F1419;		/* cacielo-blk */
	}
	@media only screen and (min-width: 1020px) and (max-width: 1680px) {	/*◇ PC-S */

		#recruit h2 {
			font-size: 4.0rem;
			text-align: center;
			margin: 0 0 30px 0;
		}
	}
	@media only screen and (min-width: 767px) and (max-width: 1020px) {

		#recruit h2 {
			font-size: 3.5rem;
			text-align: center;
			margin: 0 0 30px 0;
		}

	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 767px) and (max-width: 1020px) {

		#recruit h2 {
			font-size: 2.5rem;
			text-align: center;
			margin: 0 0 30px 0;
		}
	}
	@media screen and (max-width:768px) {
		#news h2,
		#blog h2,
		#recruit h2 {
			font-size: 2rem;
		}
	}

	#sviewerPC .box01 .h1subt {
		margin-top:-17px;
		font-size:46px;
		padding-left:21%;
		transform: rotate(-7deg);	/*◇斜体 */
	}

/* ■ MainConents  FORM  */

	.formsec  {
		margin: 0 auto 0 0 auto;
		width: 100%;
		padding-bottom:20px;
		background-color:#F5F5F5;
		background:linear-gradient(90deg,white 0%,white 60%,#F3F3F3 60%,#F3F3F3 100%);	/* ★ */
	}
	.formsec  h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	.formsec .title01 {
		margin: 50px auto 0 auto;
		width: 90%;
		padding-top:0px;
	}
	.formsec .title01 h2 {
		font-size:16px;
		font-weight:bold;
		color: #222;
		padding-top:30px;
		padding-left:15px;
	}
	.formsec  .cont01 {
		margin: 15px auto 0 auto;
		width: 100%;
		padding-bottom:0px;
	}
	.formsec  .cont01 dl,dt,dd {
		display:block;
	}
	.formsec  .contactBlock {
		margin: 0 auto 0 auto;
		width:90%;
		background-color: #FFF;
		padding-bottom:10px;
		border: 1px solid #A4946C;	/* Gold01 */
		border: 1px solid #DDD;
			border-radius:8px;  
			-moz-border-radius:8px;  
			-webkit-border-radius:8px;  
			box-shadow: 0 0 5px #ccc;
			box-shadow: 1px 1px 3px 1px #aaa;
			-webkit-box-shadow: 1px 1px 3px 1px #aaa;
			-moz-box-shadow: 1px 1px 3px 1px #aaa;
	}
	.formsec  .contactBlock dl#cb-title {
		margin: 0 auto 0 auto;
		width:100%;
		padding-bottom:5px;
/*		border-bottom: 1px solid #BDC3C7;	* Siver */;
	}
	.formsec  .contactBlock dl#cb-title dt {
		display:block;
		text-indent: -99999px;	/* テキスト非表示 */
	}
	.formsec  .contactBlock dl#cb-title dd {
		margin: -10px auto 0 auto;
		width:90%;
		text-align:left;
		font-size:12px;
		line-height:19px;
		color:#222;
		padding-bottom:15px;
	}
	.formsec  .contactBlock .ddline  {
		margin: 0 auto 0 auto;
		width: 100%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 99%,#D03C1B 99%,#D03C1B 100%);	/* HB-red prored */
	}
	.formsec  .contactBlock ul {
		margin: 20px auto 20px auto;
		width:90%;
		padding-bottom:10px;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	.formsec  .contactBlock li {
		margin: 0 auto 0 auto;
		width:96%;
		text-align:left;
		font-size:12px;
		line-height:19px;
		color:#222;
		padding-left:10px;
		padding-bottom:5px;
	}
	:focus {		/* FORM フォーカス時の邪魔な枠線を消す ◆ */
		outline: none;
	}
	.formsec  #form01 p.formsubt {
		margin: 20px auto 20px  auto;
		width:90%;
		height:30px;
		font-size:14px;
		font-weight:bold;
		color:#B27C04;	/* gold02 */
		color:#222;
		padding-top:5px;
		padding-left:30px;
		background	: url("../images/icon/sym02.png") no-repeat;
		background-position: 0  center; 
		border-bottom: 1px dotted #A4946C;	/* Gold01 */
	}
	.formsec  #form01 {
		margin: 0 auto 0 auto;
		width:100%;
	}
	.formsec  #form01 dl {
		margin: 0 auto 0 -15%;
		width:130%;
	}
	.formsec  #form01 dl:first-child {
		margin-top:10px;
	}
	.formsec  #form01 dt {
		margin: 0 auto 0 auto;
		padding-left:0;
		padding-bottom:3px;
		color: #222;
		text-align:left;
		font-weight:bold;
		font-size:13px;
		color:#B27C04;	/* gold02 */
		color:#222;
		padding-top:13px;
		padding-left:5%;
		letter-spacing:1.1px;
	}
	.formsec  #form01 #seasonym dt {
		padding-top:10px;
		font-size:14px;
	}
	.formsec  #form01 dt.dtex {
		width:100%;
		font-size:11px;
		color:#222;
	}
	.formsec  #form01 dd {
		margin: -25px auto 0 auto;
		width:90%;
		padding-left:0;
		padding-bottom:10px;
		text-align:left;
		font-size:13px;
		color:#222;
	}
	.formsec  #form01 dd .rcline  {
		margin-left:10px;
		padding-top:20px;
	}
	.formsec  #form01 dd.labelWrap02 {
		padding-top:15px;
	}
	.formsec  #form01 dl:nth-child(8)  {	/* お問い合わせ内容 */
		width:110%;
		padding-bottom:0px;
	}

	.formsec  #btn {
		margin: 10px auto 30px auto;
		text-align:center;
		padding-bottom:0px;
	}
	.formsec .btn {
		display: block;
		margin: 0 auto 0 auto;
		width: 150px;
		padding: 7px 0 8px 0;  
		text-align:center;
		font-size:12px;
		color: #FFF;  
		background	: url("../images/icon/btn-arrow01.png") no-repeat;
		background-size:18px 5px;
		background-position: -2px 14px; 
		background-color:#221815;		/* smm2-base-black */
				-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;
	} 
	.formsec .btn:hover {
		color:#F5F5F5;
		background	: url("../images/icon/btn-arrow02.png") no-repeat;
		background-size:18px 5px;
		background-position: 50px 14px;
		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;
	}

	.formsec  .cm01 {  	/* 必須 入力 */
		color: #F08700;		/* O.Red */
		font-size:12px;
		padding-left:10px;
	}
	.formsec  input[type="text"] {
		width: 100%;
		border:solid 1px #CCC;
		box-shadow: 0px 1px 2px 1px #DDD inset;
	 }
	.formsec  input[type="file"] {
		width: 100%;
		font-size:12px;
		border:solid 1px #A4946C;
	 }
	.formsec  #form01 textarea {
		width: 120%;
		border:solid 1px #CCC;
		box-shadow: 0px 1px 2px 1px #DDD inset;
	 }
	.formsec  select {
		width: 50px;
		height:35px;
		color: #222;
		line-height:14px;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:5%;
		background-color:#FFF;
	}
	.formsec .fupload {		/* ● File Upload */
		margin: 0  auto 0 auto;
	}
	.formsec .fupload>ul {	/*● File Upload */
		margin: 30px  auto 0 auto;
		width: 100%;
		font-size:12px;
		font-weight:normal;
		line-height:1.7em;
		color: #FF0000;
		border:none;
	}
	.formsec .fupload>ul li {
	 	padding-left:1em;
		text-indent:-1em;	/* 2行目以降1字下げ */
	}
	.formsec .fupload>ul li:first-child {
		font-size:12px;
	}
	.formsec .fupload>ul li:nth-child(n+2) {
		font-size:12px;
		color: #519D9E;		/* WA-green */
	}
	.formsec .fupload .fupt {
		font-size:12px;
		color: #A4966A;		/* Gold01 */
		color:#B27C04;	/* gold02 */
		font-weight:bold;
	}
	.formsec  #form01 input[type="file"] {
		width: 100%;
		font-size:12px;
	 }

	.formsec  #form01 dd .select01 {
		font-size:12px;
		padding-left:5px;
	}
	.formsec  .cmt {  	/* 問い合わせ注釈 */
		width:95%;
		color: #444;
		font-size:12px;
		text-align:left;
		padding-left:10px;
	}
	.formsec  #pvp a {
		color:#B27C04;	/* gold02 */
	}
	.formsec  #form01 .errorTxt {
		font-size:12px;
	}

	.formsec  input[type="text"].season-y {
		width: 70px;
		height:35px;
		line-height:0px;
		text-align:left;
		padding-left:0;
		padding-top:10px;
		padding-bottom:10px;
	 }
	.formsec  select.season-t {
		width: 140px;
	 }
	.formsec .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  */

		.formsec  {
			margin: 50px auto 50px auto;
			width: 100%;
			padding-top:30px;
			padding-bottom:0px;
			background:linear-gradient(90deg,white 0%,white 35%,#F3F3F3 35%,#F3F3F3 100%);	/* ★ */
		}
		.formsec  h1,h2,h3,h4,h5,h6{
			font-size:100%;
			font-weight:normal;
		}
		.formsec .title01 {
			margin: 10px auto 40px auto;
			width: 70%;
			padding-bottom:0px;
		}
		.formsec .title01 h2 {
			font-size:37px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			color:#666;
			padding-left:17%;
			padding-bottom:20px;
			letter-spacing:2px;
		}
		.formsec  .cont01 {
			margin: 0 auto 0 auto;
			width: 100%;
			max-width: 1350px;
			padding-bottom:50px;
		}
		.formsec  .contactBlock {
			margin: 0 auto 0 auto;
			width:85%;
			width:97.5%;
			padding-top:20px;
			padding-bottom:20px;
			border-radius:15px;  
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
				box-shadow: 0 0 5px #ccc;
				box-shadow: 1px 1px 5px 1px #aaa;
				-webkit-box-shadow: 1px 1px 5px 1px #aaa;
				-moz-box-shadow: 1px 1px 5px 1px #aaa;
		}
		.formsec  .contactBlock dl#cb-title {
			margin: 30px auto 10px auto;
			width:70%;
			padding-bottom:10px;
		}
		.formsec  .contactBlock dl#cb-title dt {
			display:block;
			text-indent: -99999px;	/* テキスト非表示 */
		}
		.formsec  .contactBlock dl#cb-title dd {
			margin: -20px auto 0 auto;
			width:90%;
			text-align:left;
			font-size:15px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			line-height:1.8em;
			color:#222;
			padding-bottom:5px;
		}
		.formsec  .contactBlock .ddline  {
			margin: 0 auto 30px auto;
			width: 75%;
			height:1.25px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#D03C1B 98%,#D03C1B 100%);	/* HB-red prored */
		}

		.formsec  .contactBlock ul {
			margin: 50px auto 50px auto;
			width:70%;
			padding-bottom:20px;
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		.formsec  .contactBlock li {
			margin: 0 auto 0 auto;
			width:90%;
			text-align:left;
			font-size:15px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			line-height:24px;
			color:#222;
			letter-spacing: 0.10em;
			padding-bottom:5px;
		}
		.formsec  #form01 p.formsubt {
			margin: 10px auto 30px  -170px;
			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 */
		}
		.formsec  #form01 dl {
			margin: 0 auto 0 auto;
			display:block;
			padding-bottom:10px;
		}
		.formsec  #form01 dl:first-child {
			margin: 20px auto 0 auto;
			padding-top:0;
		}
		.formsec  #form01 dl:nth-child(7)  {
			padding-bottom:0px;
		}
		.formsec  #form01 dl:nth-child(8)  {	/* お問い合わせ内容 */
			width:100%;
			padding-bottom:0px;
		}

		.formsec  #form01 dt {
			margin: 0 auto 0 auto;
			width:100%;
			text-align:left;
			font-size:15px;
			color:#222;
			font-weight:normal;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			padding-top:10px;
			padding-left:0;
		}
		.formsec  #form01 #seasonym dt {
			padding-top:10px;
			font-size:14px;
		}
		.formsec  #form01 dt.dtex {
			margin-top:-10px;
			width:100%;
			font-size:14px;
			color:#222;
			padding-left:30px;
		}
		.formsec  #form01 dd {
			margin: -17px auto 0 auto;
			width:100%;
			padding-bottom:15px;
			color: #222;
			text-align:left;
			font-size:14px;
		}
		.formsec  #form01 dd .rcline  {
			margin-left:0;
			padding-top:20px;
		}
		.formsec  #form01 dd .labelWrap .errorTxt {
			padding-top:10px;
		}
		.formsec  #form01 #btn {
			display: block;
			margin: 20px auto 30px auto;
		}
		.formsec  .btn {
			width: 250px;
			height:50px;
			color:white;
			font-size:16px;
			text-align:center;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			padding: 10px 0;  
			background	: url("../images/icon/btn-arrow01.png") no-repeat;
			background-size:25px 7px;
			background-position: -2px 20px; 
			background-color:#221815;		/* smm2-base-black */
			z-index:9;
		} 
		.formsec  .btn:hover {
			display: block;
			width: 250px;
			height:50px;
			color:#FFF;
			background	: url("../images/icon/btn-arrow02.png") no-repeat;
			background-size:25px 7px;
			background-position: 50px  20px; 
			background-color:#BBB;
		}
		.formsec  .cm01 {  	/* 必須 入力 */
			color: #F08700;		/* O.Red */
			font-size:12px;
			padding-left:10px;
		}
		.formsec .fupload {		/* ● File Upload */
			margin: 20px  auto 20px auto;
		}
		.formsec .fupload>ul {
			margin: 0  auto 0 auto;
			width: 150%;
			line-height:1.8em;
			font-size:14px;
			font-weight:normal;
			line-height:1.7em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			color: #222;
			border:none;
			padding-top:10px;
		}
		.formsec .fupload>ul li:first-child {
			font-size:14px;
		}
		.formsec .fupload>ul li:nth-child(n+2) {
			font-size:13px;
			color: #222;
		}
		.formsec .fupload .fupt {
			font-weight:normal;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			font-size:15px;
			color:#222;
		}

		.formsec  input[type="text"] {
			width: 50%;
			height:35px;
			line-height:0px;
			padding-bottom:10px;
		}
		.formsec  #form01 textarea {
			width: 100%;
		}
		.formsec  textarea {
			width: 100%;
			line-height:1.6em;
		 }
		.formsec  select {
			height:37px;
			line-height:14px;
			padding-left:10px;
			padding-bottom:10px;
		}
		.formsec  #form01 dd .select01 {
			font-size:14px;
			padding-left:10px;
		}
		.formsec  .cmt {  	/* 問い合わせ注釈 */
			margin-left:-30%;
			width:160%;
			height:35px;
			color: #555;
			font-size:13px;
			text-align:left;
			padding-bottom:5px;
		}
		.formsec  a{
			color:#222;
		    	border-style:none;
			text-decoration: none;
		}
		.formsec  .infoitem a {
			color: #AAA;
		    	border-style:none;
			text-decoration: none;
		}
		.formsec  a:hover{
			color: #B27C04;		/* Gold02 */
		}
		.formsec  #pvp a {
			color:#B27C04;	/* gold02 */
		}
		.formsec  #form01 .errorTxt {
			font-size:13px;
		}
		.formsec  #form01 input[type="file"] {
			width: 80%;
			font-size:13px;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		 }
		.formsec  input[type="radio"] {
			width: 100%;
		 }
		.formsec  input[type="checkbox"] {
			width: 100%;
		 }
		.formsec  input[type="text"].season-y {
			width: 100px;
		 }
		.formsec  .rb01 {
			margin-left:50px;
		 }
		.formsec  .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;
		 }
	}

	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		.formsec .title01 {
			margin: 10px auto 30px auto;
			width: 70%;
			padding-bottom:0px;
		}
		.formsec .title01 h2 {
			font-size:30px;
			color:#222;
			padding-left:10%;
			padding-bottom:20px;
		}

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

		.formsec  {
			margin: -80px auto 50px auto;
			width: 100%;
			padding-top:0;
			padding-bottom:0;
			background:linear-gradient(90deg,white 0%,white 35%,#F3F3F3 35%,#F3F3F3 100%);	/* ★ */
		}
		.formsec .title01 {
			margin: 100px auto 0 auto;
			width: 70%;
			padding-top:0px;
		}
		.formsec .title01 h2 {
			font-size:20px;
			font-weight:bold;
			padding-top:0;
			padding-left:0;
		}
		.formsec .title01 .subt01 {
			padding-top:5px;
		}
		.formsec  .contactBlock {
			margin: 20px auto 20px auto;
			width:90%;
		}
		.formsec  .contactBlock dl#cb-title dt {
			display:block;
			font-size:20px;
			margin: 20px auto 0 auto;
			font-family: "Noto Sans JP", serif;
			font-weight: 800;
			font-style: normal;
			font-display: swap;
			color: #222;
			padding: 0 0 0 0;
		}
		.formsec  .contactBlock dl#cb-title dd {
			margin: 10px auto 0 auto;
			width:80%;
			text-align:left;
			font-size:14px;
			line-height:1.7em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			color:#222;
			padding-bottom:10px;
		}
		.formsec  .contactBlock li {
			font-size:14px;
			line-height:1.5em;
		}
		.formsec #form01 dl {
			margin: 0 auto 0 -10%;
			width:120%;
		}
		.formsec #form01 dl:first-child {
			margin: 20px auto 0 -10.5%;
			width:120%;
		}
	}