/*----------------------------------------------------------------------------*/
/* 	Tranquwell  START PLANNING  page					 	CSS      */
/*----------------------------------------------------------------------------*/
	body {
		background:#f3f3f3 url(../images/bg/bg_washi.png);
		background-size:48px 48px;
		letter-spacing:0.1em;
	}
	body.tailor_made_format {
		background-color: #fff;
		background-image: none;
	}
	#main-area {
		width:100%;
		margin:0 auto;
		position: relative;
	}
	#main-area>.particle {
		margin-top:0px;
	}
	#main-area>.circlesym {	/* ◎ */
		position:absolute;
		top:150px;
		right:8.5%;
		width:231px;
		height:231px;
		z-index:9;
	}
	#main-area>.circlesym .circle {
		margin: 0 auto 0 auto;
		width:231px;
		height:231px;
		background: url( "../images/bg/csym03.png" ) no-repeat;
		background-size: 231px 231px;
		background-position:center 0;
		position:relative;
	}
	#main-area>.circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#main-area>.circlesym .circle {
		animation-name: rotate;
		animation-duration: 8s;
		animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
		animation-iteration-count: infinite;
	}
	@keyframes rotate {
		 0% {
		 	transform: rotateZ(0);
		 }
		 100% {
			transform: rotateZ(360deg);
		}
	}
	#main-area>.circlesym .syml {
		position:absolute;
		top:28%;
		left:0;
		right:0;
		margin:auto;
		width:121px;
		height:88px;
		text-align:center;
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#main-area>.circlesym {	/* ◎ */
			position:absolute;
			top:140px;
			right:8.5%;
			width:192px;
			height:192px;
		}
		#main-area>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:192px;
			height:192px;
			background: url( "../images/bg/csym03.png" ) no-repeat;
			background-size: 192px 192px;	/* 70% */
			background-position:center 0;
			position:relative;
		}
		#main-area>.circlesym .syml {
			position:absolute;
			top:28%;
			left:0;
			right:0;
			margin:auto;
			width:97px;
			height:70px;
		}
	}
	@media screen and (max-width:767px) {

		#main-area {
			width:100%;
			margin:0 auto;
			position: relative;
		}
		#main-area>.particle {
			margin-top:200px;
		}
		#main-area>.circlesym {	/* ◎ */
			position:absolute;
			top:40px;
			top:360px;
			right:5%;
			width:137px;
			height:137px;
			z-index:999999;
		}
		#main-area>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:137px;
			height:137px;
			background: url( "../images/bg/csym03.png" ) no-repeat;
			background-size: 137px 137px;	/* 50% */
			background-position:center 0;
			position:relative;
		}
		#main-area>.circlesym .syml {
			position:absolute;
			top:28%;
			left:0;
			right:0;
			margin:auto;
			width:73px;
			height:53px;
		}
	}

/* ■ introduction section -----------------------------------------------*/

	#introduction {
		margin:-10px auto 0 auto;
		width:100%;
		padding-bottom:50px;
	}

	@media screen and (max-width:550px) {
		#introduction h2{
			margin:0 0 50px 0;
		}
	}
	#introduction h2 span.bgLRextend::before{
		background:#333;
	}
	#introduction .cont {
		margin:0 auto 0 auto;
		width:100%;
		/* height:250px; */
/*		background:linear-gradient(rgba(000, 000, 000, 0.4), rgba(000,000, 000, 0.4)),
		url("../images/tours/post/tit01.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; */
/*		background-color:#F0EDE4;	*/	/* tranquwell-beigegray */
		position:relative;
	}
	#introduction .cont img {
		display:block;
		margin:0 auto 0 auto;
		width:100%;
		filter: brightness(70%);	/* ◆ 明度調整 */
		z-index:0;
	}
	#introduction .cont>.textbox {
	/*	position:absolute;
		top:15%;
		left:0;
		right:0; */
		margin: 40px auto 0;
		width:60%;
		/* height:480px; */
		padding:40px 30px 40px 30px;
		padding:0;
		z-index:1;
	}
	#introduction .cont>.textbox>h2{
		margin:0 auto 30px auto;
		font-size:26px;
		text-align:center;
		line-height:1.8em;
		color:#555;
	}
	#introduction .cont>.textbox>p.txt {
		margin:0 auto 0 auto;
		font-size:20px;
		text-align:left;
		line-height:2.2em;
		font-display: swap;
		color:#555;
		padding-left:3.5%;
	}

	@media screen and (max-width:768px) {

		#introduction {
			margin:0 auto 0 auto;
			width:100%;
			height:350px;
			padding-bottom:0;
		}
		#introduction .cont {
			margin:0 auto 0 auto;   
			width:100%;
			height:350px;
/*			background:linear-gradient(rgba(000, 000, 000, 0.4), rgba(000,000, 000, 0.4)),
			url("../images/tours/post/tit01.jpg") no-repeat;
			background-size: cover;
			background-position: center top 0; 	*/
			position:relative;
		}
		#introduction .cont img {
			margin:0 auto 0 auto;
			width:auto;
			height:350px;
			object-fit: cover;		/* トリミング */
		}
		#introduction .cont>.textbox {
			position:absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			margin:auto;
			width:90%;
		}
		#introduction .cont>.textbox>h2{
			margin:0px auto 10px auto;
			width:100%;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			line-height:1.8em;
			padding-top:15px;
		}
		#introduction .cont>.textbox>p.txt {
			margin:0 auto 0 auto;   
			width:100%;
			text-align:left;
			font-size:12px;
			line-height:2.0em;
		}
	}

	@media screen and (max-width:590px) {

	}

/* ■ Select survey content section ---------------------*/

	#select {
		margin: 0px auto 0 auto;
		width:100%;
		padding-top: 80px;
		padding-bottom: 40px;
		background-image:url("../images/bg/info_back04.png");
		background-size::cover;
		background-position:center top 0;
		background-repeat:no-repeat;
/*		border-bottom: 1px solid #DDD;	*/		/* Siver */
	}
	#select .cont {
		margin: 0 auto 50px auto;
		width:80%;
		background-color:rgba( 255,255,255,0.95 );	/*  White  透過95% */
		box-shadow: 0 0 5px #BBB;
		padding-top:50px;
		padding-bottom:50px;
	}
	#select .cont h2 {
		margin:0 auto 0 auto;
		width:90%;
		text-align: center;
		font-size:26px;
		line-height:1.8em;
		font-weight:bold;
		font-display: swap;
		color: #555;		/* sopv-brown03 */
		padding-bottom:30px;
		border-bottom: 3px solid #555;	/* sopv-brown03 */
	}
	#splan-btn {
		margin: 0 auto 30px;
		width: 40%;
		border: 1px solid #8d6d2b;
	}
	#splan-btn a {
		display: block;
		padding: 15px 30px 15px 30px;
		text-align: center;
		font-weight: bold;
		font-display: swap;
		color: #FFF;
		background-color: #8d6d2b;
	}
	#splan-btn a:hover {
		display: block;
		color: #8d6d2b;
		background-color: #F0EDE4;
	}
	.requiry_tour_list {
		margin: 80px auto 20px;
		max-width: 768px;
	}
	.requiry_tour_list p {
		margin: 20px auto;
		display: flex;
	}
	.requiry_tour_list p span {
		background-color: rgba(164,150,106,0.9);
		color: #fff;
		padding: 10px;
		width: 20%;
		text-align: center;
		border: 1px solid #aaa;
	}
	.requiry_tour_list p a {
		background-color: #fff;
		padding: 10px 20px;
		width: 80%;
		border-top: 1px solid #aaa;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		position: relative;
	}
	.requiry_tour_list p a:hover {
		background-color: rgba(164,150,106,0.7);
		color: #fff;
	}
	.requiry_tour_list p a:after {
		content: "＞";
		font-size: 2rem;
		position: absolute;
		right: 20px;
		color: #A4966A;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	.requiry_tour_list p a:hover:after {
		color: #fff;
	}
	#select .cont .catch_message h2 {
		border-bottom: none;
		width: 100%;
	}
	#select .cont .catch_message {
		padding-bottom:30px;
		border-bottom: 3px solid #555;
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	#select .cont .catch_message p a {
		text-decoration: underline;
	}
	#select .cont .catch_message p a:hover {
		text-decoration: none;
	}
	#select .cont ul {
		margin:80px auto 0 auto;
		width:100%;
	}
	#select .cont li {
		margin:0 auto 50px auto;
		width:481px;
		height:91px;
		border:0;
	}
	#select .cont li a {
		display:block;
		margin:0 auto 0 auto;
		width:481px;
		height:91px;
		text-align:center;
		font-size:19px;
		line-height:1.5em;
		font-weight:bold;
		font-display: swap;
		color: #FFF;
		padding-top:15px;
		padding-left:10%;
		background: url(../images/planning/pl-btn.png) no-repeat;
		background-size:481px 91px;
		background-position:center center;
	}
	#select .cont li a:hover {
		display:block;
		width:481px;
		color: #fff;		/* tranquwell01 */
		background: url(../images/planning/pl-btn_ov.png) no-repeat;
		background-size:481px 91px;
		background-position:center center;
	}
	#select .cont li a span {
		text-align:center;
		font-size:14px;
		font-display: swap;
		padding-left:0;
	}
	#select .cont li:last-child a,
	#select .cont li:first-child a {
		padding-top:30px;
	}
	@media screen and (max-width:767px) {
		br.pc { display: none; }
		#select {
			margin:0 auto 0 auto;
			width:100%;
		}
		#select .cont {
			margin:20px auto 0 auto;
			width:95%;
		}
		#select .cont h2 {
			margin:0 auto 0 auto;
			font-size:16px;
			line-height:1.7em;
			font-weight:bold;
			padding-top:0;
			padding-bottom:10px;
		}
		#select .cont ul {
			margin:20px auto 0 auto;
			width:100%;
		}
		#select .cont li {
			margin:0 auto 20px auto;
			width:95%;
			height:74px;
			border:0;
		}
		#select .cont li a {
			display:block;
			margin:0 auto 0 auto;
			width:95%;
			height:74px;
			font-size:14px;
			line-height:1.7em;
			padding-top:15px;
			padding-left:12%;
			background: url(../images/planning/pl-btn_sp.png) no-repeat;
			background-size:100% auto;
			background-position:center center;
		}
		#select .cont li a:hover {
			width:95%;
			background: url(../images/planning/pl-btn_sp_ov.png) no-repeat;
			background-size:100% auto;
			background-position:center center;
		}
		#select .cont li a span {
			text-align:center;
			font-size:10px;
			font-weight:bold;
			font-display: swap;
			padding-left:0;
		}
		#select .cont li:last-child a,
		#select .cont li:first-child a {
			padding-top:24px;
		}
		.requiry_tour_list {
			padding: 0 10px;
		}
		.requiry_tour_list p span {
			width: 25%;
			padding: 10px 5px;
			font-size: 0.6rem;
		}
		.requiry_tour_list p a {
			font-size: 0.6rem;
			padding: 10px 18px 10px 5px;
		}
		.requiry_tour_list p a:after {
			right: 5px;
			font-size: 1rem;
		}
		#splan-btn {
			margin: 30px auto 30px;
  			width: 90%;
		}
		.requiry_tour_list {
			margin: 40px auto 0 auto;
		}
		.requiry_tour_list p {
			margin: 10px auto;
		}
	}

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

		#select .cont h2 {
			margin:0 auto 0 auto;
			width:90%;
			text-align: center;
			font-size:20px;
		}

	}

/* ■ planning survey  FORM  ------------------------------------*/

	.formsec  {
		margin: 0 auto 0 0 auto;
		width: 100%;
		padding-bottom:50px;
		background:transparent;
	}
	.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: #444;
		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:95%;
		background-color: #FFF;
		padding-top:10px;
		padding-bottom:30px;
			border-radius:8px;
			-moz-border-radius:8px;
			-webkit-border-radius:8px;
		box-shadow: 0 2px 2px #ccc;
	}
	.formsec .contactBlock h2.error {
		margin: 50px auto;
		text-align: center;
		font-size: 1.5rem;
		font-weight: bold;
	}
	p.contact_btn {
		margin: 0 auto 50px;
		width: auto;
		display: block;
		text-align: center;
	}
	p.contact_btn a {
		display: inline-block;
		padding: 15px 30px 15px 30px;
		text-align: center;
		font-weight: bold;
		font-display: swap;
		color: #FFF;
		background-color: #8d6d2b;
	}
	p.contact_btn a:hover {
		color: #fff;
		opacity: .8;
	}
	.formsec  .contactBlock dl#cb-title {
		margin: 0 auto 0 auto;
		width:100%;
		padding-bottom:10px;
/*		border-bottom: 1px solid #BDC3C7;	* Siver */;
	}
	.formsec  .contactBlock dl#cb-title dt {
		display:block;
/*		text-indent: -99999px;*/	/* テキスト非表示 */
		margin: 10px auto 10px auto;
		width:100%;
		text-align:center;
		font-size:14px;
		font-weight: bold;
		line-height:1.7em;
	}
	.formsec  .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;
	}
	.formsec  .contactBlock dl#cb-title dd p {
		margin-bottom: 1em;
	}
	.formsec  .contactBlock dl#cb-title dd p.notice {
		font-weight: 700;
	}
	.formsec  .contactBlock .ddline  {
		margin: 0 auto 0 auto;
		width: 100%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#8d6d2b 98%,#8d6d2b 100%);	/* tranquwell01 */
	}
	.formsec  .contactBlock ul {
		margin: 20px auto 20px auto;
		width:100%;
		padding-bottom:10px;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	.formsec .contactBlock li {
		margin: 0 auto 0 auto;
		width:96%;
		text-align:left;
		font-size:14px;
		line-height:19px;
		color:#333;
		padding-left:10px;
		padding-bottom:5px;
	}
	.formsec .contactBlock li span.goldc02 {
		padding-left: 0;
	} 
	: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:#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 */
	}
	.formsec  #form01 .sectitle {
		margin: 20px auto 10px auto;
		width:100%;
		text-align:center;
		font-size:13px;
		font-weight:bold;
		color: #555;		/* sopv-brown03 */
		padding-bottom:15px;
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#form01 {
		max-width:95%;			/* ◆ */
	}
	.formsec  #form01 dl {
		width:100%;
		margin-top:0px;
	}
	.formsec  #form01 dl.sepline {
		margin-bottom:10px;
		border-bottom: 1px dotted #BDC3C7;		/* Siver */
	}
	.formsec  #form01 dt {
		margin: 0 auto 0 auto;
		padding-left:10px;
		padding-bottom:3px;
		color: #333;
		text-align:left;
		font-size:14px;
		padding-top:13px;
	}
	.formsec  #form01 dt.dtex {
		width:100%;
		font-size:11px;
		color:#333;
	}
	.formsec  #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 */
	}
	.formsec  #form01 dl:nth-child(2) dd input {
		width:100%;
	}
	.formsec  #form01 dl:nth-child(3) dd input {
		width:100%;
	}
	.formsec  #form01 dl:nth-child(4) dd input {
		width:100%;
	}
	.formsec  #form01 dd .rcline  {
		margin-left:10px;
		padding-top:20px;
	}
	.formsec  #form01 dd.labelWrap02 {
		padding-top:15px;
	}

	.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: 10px 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 12px; 
		background-color:#8d6d2b;		/* 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  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;
	}
	.formsec .cm01 {  	/* 必須 入力 */
		color: #8d6d2b;		/* tranquwell01 */
		font-size:12px;
		padding-left:10px;
	}
	.formsec  input[type="text"],
	.formsec  input[type="date"] {
		width: 100%;
		border:solid 1px #CCC;
		box-shadow: 0px 1px 2px 1px #DDD inset;
	 }
	 .formsec  input[type="date"]::placeholder,
	 .formsec  input[type="date"]::-moz-placeholder {
		font-size: 12px;
		color: #ccc;
	 }
	.formsec  input[type="file"] {
		width: 100%;
		font-size:12px;
		border:solid 1px #A4946C;
	 }
	.formsec  #form01 textarea {
		width: 100%;
		border:solid 1px #A4946C;
		border:solid 1px #CCC;
		box-shadow: 0px 1px 2px 1px #DDD inset;
	 }
	.formsec  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;
	}
	.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: #555;
		font-size:12px;
		text-align:left;
		padding-left:10px;
	}
	.formsec  #pvp a {
		color:#B27C04;	/* gold02 */
	}
	.formsec  #form01 .errorTxt {
		font-size:12px;
	}

	.formsec  #form01 dl:first-child {
		margin: 10px auto 0 auto;
		padding-bottom:0px;
	}
	.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-display: swap;
	 }
	.formsec #form01 dd .rcline.selectform {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		margin: 20px 0 20px 10px;
	}
	.formsec #form01 dd .rcline.selectform span {
		width: 80px;
	}
	.formsec #form01 dd .rcline.selectform select {
		border: solid 1px #CCC;
		box-shadow: 0px 1px 2px 1px #DDD inset;
		margin: 0;
		width: 200px;
		padding: 0 .8rem;
		font-size: .9rem;
	}
	.formsec #form01 dd .rcline.selectform .select_wrapper {
		position: relative;
		margin: 0 30px 0 20px;
	}
	.formsec #form01 dd .rcline.selectform .select_wrapper::after {
        content: "";
		position: absolute;
		top: 50%;
		right: 8px;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		border-top: 15px solid #555;
		border-bottom: 0;
		transform: translateY(-50%);
	}
	.formsec #form01 dd #tokyo_nights,
	.formsec #form01 dd #kyoto_nights,
	.formsec #form01 dd #tohoku_nights,
	.formsec #form01 dd #setouchi_nights {
		display: none;
	}

	 
	/* ◇ 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: 0 auto 0 auto;
			width: 100%;
			padding-top:30px;
			padding-bottom:0px;
			background:linear-gradient(90deg,white 0%,white 35%,transparent 35%,transparent 100%);	/* ★ */
			background:transparent;
		}
		.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-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%;
			padding-top:20px;
			padding-bottom:20px;
			border-radius:10px; 
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			box-shadow: 0 3px 3px #ccc;
		}
		.formsec  .contactBlock dl#cb-title {
			margin: 30px auto 10px 17%;
			width:70%;
			padding-bottom:10px;
		}
		.formsec  .contactBlock dl#cb-title dt {
			display:block;
			margin: 30px auto 30px 2%;
			width:90%;
			text-align:center;
			font-size:22px;
			font-display: swap;
			line-height:1.8em;
		}
		.formsec  .contactBlock dl#cb-title dd {
			margin: 0 auto 0 auto;
			width:100%;
			text-align:left;
			font-size:14px;
			font-display: swap;
			line-height:1.8em;
			color:#333;
			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%,#8d6d2b 98%,#8d6d2b 100%);	/* tranquwell01 */
		}

		.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-display: swap;
			line-height:24px;
			color:#333;
			letter-spacing: 0.10em;
			padding-bottom:5px;
		}
		.formsec  #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 */
		}
		.formsec  #form01 .sectitle {
			margin: 50px auto 30px auto;
			width:100%;
			font-size:20px;
			font-weight:normal;
			font-display: swap;
			padding-bottom:20px;
		}
		#form01 {
			max-width:70%;				/* ◆ */
		}
		.formsec  #form01 dl {	/* ◆FORM item行 */
			margin: 0 auto 0 auto;
			display:block;
			width:87.5%;
			text-align-center;
			padding-bottom:10px;
		}
		.formsec  #form01 dl.sepline {
			margin-bottom:20px;
		}
		.formsec  #form01 dl:first-child {
			margin: 20px auto 0 auto;
			padding-top:0;
		}
		.formsec  #form01 dt {		/* ◆ FORM item title ---*/
			margin: 0 auto 0 0;
			width:100%;
			text-align:left;
			font-size:15px;
			color:#333;
			font-display: swap;
			padding-top:10px;
		}
		.formsec  #form01 #seasonym dt {
			padding-top:10px;
			font-size:14px;
		}
		.formsec  #form01 dt.dtex {
			margin-top:-10px;
			width:100%;
			font-size:14px;
			color:#333;
			padding-left:30px;
		}
		.formsec  #form01 dd {		/* ◆ FORM item ---*/
			margin: -17px auto 0 auto;
			width:100%;
			width:93%;
			padding-bottom:15px;
			color: #333;
			text-align:left;
			font-size:14px;
		}
		.formsec  #form01 dl:nth-child(2) dd input {
			width:100%;
		}
		.formsec  #form01 dl:nth-child(3) dd input {
			width:100%;
		}
		.formsec  #form01 dl:nth-child(4) dd input {
			width:100%;
		}
		.formsec  #form01 dd .rcline  {
			margin-left:0;
			padding-top:10px;
		}
		.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-display: swap;
			color:#FFF;
			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:#8d6d2b;		/* tranquwell01 */
			z-index:9;
		} 
		.formsec  .btn:hover {
			display: block;
			width: 250px;
			height:50px;
			color:#8d6d2b;		/* tranquwell01 */
			background	: url("../images/icon/btn-arrow02.png") no-repeat;
			background-size:25px 7px;
			background-position: 50px  20px; 
			background-color:#F0EDE4;
		}
		.formsec  .cm01 {  	/* 必須 入力 */
			color: #8d6d2b;		/* tranquwell01 */
			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-display: swap;
			color: #333;
			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: #519D9E;		/* WA-green */
		}
		.formsec .fupload .fupt {
			font-weight:normal;
			font-display: swap;
			font-size:15px;
			color:#444;
		}

		.formsec  input[type="text"]{
			width: 100%;
			height:35px;
			padding:0 0 0 10px;
		}

		.formsec  input[type="date"] {
			width: 100%;
			height:35px;
			line-height:1em;
			padding:0 10px;
			font-size: 13px;
		}

		.formsec  textarea {
			width: 160%;
			line-height:22px;
		 }
		.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:#333;
		    	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-display: swap;
		 }
		.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-display: swap;
		 }
	}

	@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:#555;
			padding-left:10%;
			padding-bottom:20px;
		}

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

		.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:95%;
		}
		.formsec  .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;
		}
		.formsec .contactBlock li {
			font-size:14px;
			line-height:1.5em;
		}
		.formsec  #form01 .sectitle {
			margin: 30px auto 30px auto;
			width:100%;
			text-align:center;
			font-size:17px;
			font-weight:bold;
			color: #555;		/* sopv-brown03 */
			padding-bottom:20px;
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		.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: 10px 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 17px; 
			background-color:#8d6d2b;		/* 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  17px; 
			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;
		}
	}

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

		#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) {
			padding-bottom:0px;
		}
		#section01  #form01 dl:nth-child(6) {
			padding-bottom:0px;
		}
		#section01  #form01 dl:nth-child(7) {
			padding-bottom:0px;
		}
	}

/* ■ thanks page content section ---------------------*/

	#thanks {
		margin:0 auto 0 auto;
		width:100%;
		padding-top:160px;
		padding-bottom:250px;
		background-image:url("../images/bg/sec_bg01.png");
		background-size::cover;
		background-position:center top -200px;
		background-repeat:no-repeat;
/*		border-bottom: 1px solid #DDD;	*/		/* Siver */
	}
	#thanks .cont {
		margin:0 auto 50px auto;
		width:80%;
		background-color:rgba( 255,255,255,0.95 );	/*  White  透過95% */
		box-shadow: 0 0 5px #BBB;
		padding-top:30px;
		padding-bottom:50px;
	}
	#thanks .cont h2 {
		margin:0 auto 0 auto;
		width:90%;
		text-align: center;
		font-size:30px;
		line-height:1.8em;
		font-weight:bold;
		font-display: swap;
		color: #555;		/* sopv-brown03 */
		padding-bottom:30px;
		border-bottom: 3px solid #555;	/* sopv-brown03 */
	}
	#thanks .cont p {
		margin:50px auto 0 auto;
		width:100%;
	}
	#thanks .cont p.txt {
		text-align:center;
		font-size:18px;
		line-height:2.0em;
		font-display: swap;
	}
	#thanks .cont #tohome {
		margin:50px auto 30px auto;
		width:100%;
	}
	#thanks .cont #tohome #tohome-btn {
		margin:0 auto 0 auto;
		width:280px;
		height:50px;
	}
	#thanks .cont #tohome #tohome-btn a {
		display:block;
		width:280px;
		height:50px;
		text-align:center;
		font-size:14px;
		font-weight:bold;
		font-display: swap;
		color:#fff;
		padding-top:13px;
		background-color: #8d6d2b;		/* tranquwell01 */
	}
	#thanks .cont #tohome #tohome-btn a:hover {
		display:block;
		width:280px;
		height:50px;
		color:#8d6d2b;		/* tranquwell01 */
		background-color: #F0EDE4;		/* tranquwell-beigegray */
	}
	#thanks .cont ul {
		margin:80px auto 0 auto;
		width:100%;
	}
	#thanks .cont li {
		margin:0 auto 50px auto;
		width:481px;
		height:91px;
		border:0;
	}
	#thanks .cont li a {
		display:block;
		margin:0 auto 0 auto;
		width:481px;
		height:91px;
		text-align:center;
		font-size:19px;
		line-height:1.5em;
		font-weight:bold;
		font-display: swap;
		color: #FFF;
		padding-top:15px;
		padding-left:10%;
		background: url(../images/planning/pl-btn.png) no-repeat;
		background-size:481px 91px;
		background-position:center center;
	}
	#thanks .cont li a:hover {
		display:block;
		width:481px;
		background: url(../images/planning/pl-btn_ov.png) no-repeat;
		background-size:481px 91px;
		background-position:center center;
	}
	#thanks .cont li a span {
		text-align:center;
		font-size:14px;
		font-display: swap;
		padding-left:0;
	}
	#thanks .cont li:first-child a {
		padding-top:30px;
	}

	@media screen and (max-width:767px) {

		#thanks {
			margin:0 auto 0 auto;
			width:100%;
		}
		#thanks .cont {
			margin:20px auto 0 auto;
			width:95%;
		}
		#thanks .cont h2 {
			margin:0 auto 0 auto;
			font-size:16px;
			line-height:1.7em;
			font-weight:bold;
			padding-top:0;
			padding-bottom:10px;
		}
		#thanks .cont p {
			margin:20px auto 0 auto;
			width:90%;
		}
		#thanks .cont p.txt {
			font-size:13px;
			line-height:1.7em;
			font-weight:bold;
		}
		#thanks .cont #tohome {
			margin:20px auto 20px auto;
			width:100%;
		}
		#thanks .cont #tohome #tohome-btn {
			margin:0 auto 0 auto;
			width:260px;
			height:40px;
		}
		#thanks .cont #tohome #tohome-btn a {
			display:block;
			width:260px;
			height:40px;
			font-size:13px;
			font-weight:bold;
			font-display: swap;
			padding-top:5px;
		}
		#thanks .cont #tohome #tohome-btn a:hover {
			display:block;
			width:260px;
			height:40px;
		}
		#thanks .cont ul {
			margin:20px auto 0 auto;
			width:100%;
		}
		#thanks .cont li {
			margin:0 auto 20px auto;
			width:319px;
			height:74px;
			border:0;
		}
		#thanks .cont li a {
			display:block;
			margin:0 auto 0 auto;
			width:319px;
			height:74px;
			font-size:14px;
			line-height:1.7em;
			padding-top:15px;
			padding-left:12%;
			background: url(../images/planning/pl-btn_sp.png) no-repeat;
			background-size:651px 151px;
			background-size:319px 74px;	/* 49% */
			background-position:center center;
		}
		#thanks .cont li a:hover {
			width:319px;
			background: url(../images/planning/pl-btn_sp_ov.png) no-repeat;
			background-size:319px 74px;	/* 49% */
			background-position:center center;
		}
		#thanks .cont li a span {
			text-align:center;
			font-size:10px;
			font-weight:bold;
			font-display: swap;
			padding-left:0;
		}
		#thanks .cont li:first-child a {
			padding-top:24px;
		}
	}

	/* footer 表示変更 --------------*/

	footer #waveCanvas{
		background:transparent;
		background-image:none;
/*		background-color: #FFF;	*/
		padding-top:100px;
	}
	@media screen and (max-width:767px) {
		footer #waveCanvas{
			padding-top:0;
		}
	}

	.eachTextAnime02.appeartext02 span {
		color: #555;
	}

/* Arrange form */
@media screen and (min-width:768px) {
	.formsec #form01 dd .rcline.selectform.notopic .multi_select select {
		font-size: .9rem;
	}
	.formsec #form01 dd .rcline.selectform.notopic span {
		max-width: 70%;
		width: calc(100% - 180px)
	}
	.calender_pick:after {
		top: 9px;
	}
}
@media screen and (max-width:767px) {
	.formsec #form01 dd .rcline.selectform.notopic .multi_select select {
		font-size: .8rem;
	}
	.formsec #form01 dd .rcline.selectform.notopic span {
		max-width: 70%;
		width: calc(100% - 180px)
	}
	.calender_pick:after {
		top: 13px;
	}
}
.contactBlock .subtitle {
	max-width: 80%;
    margin: 60px auto;
}
.contactBlock .subtitle p {
	margin-bottom: 3rem;
	text-align: left;
	font-size: 1rem;
}
.contactBlock .subtitle p span {
	font-weight: 700;
}
.arrange_form h2 {
	background-color: #8d6d2b;
    color: #fff;
    padding: 0.5rem 1rem;
    font-size: 1.3rem;
    margin: 40px auto 20px;
}
.formsec #form01 dd .rcline.selectform.notopic {
	margin: 5px auto 0;
}
.formsec #form01 dd .rcline.selectform.notopic.multi {
	display: block;
}
.formsec #form01 dd .rcline.selectform.notopic .select_wrapper {
	margin: 0 30px 0 0;
}
.formsec #form01 dd .rcline.selectform.notopic .multi_select {
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.formsec #form01 dd .rcline.selectform.notopic .multi_select select {
	width: 100px;
}
.formsec #form01 dd .rcline.selectform.notopic .multi_select:not(:first-child) {
	margin: 20px auto 0;
}
input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: transparent;
  z-index: 1;
}
input[type="date"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
}
input[type="date"]::-webkit-clear-button{
  -webkit-appearance: none;
}
input[type="date"] {
  position: relative;
}
.calender_pick {
  position: relative;
  margin-top: 2em;
}
.second_form.calender_pick {
	margin-top: 1em;
}
.calender_pick input[type="text"] {
	margin-top: 0;
}
.calender_pick:after {
  content: '';
  background-image: url("../images/icon/ico_calendar.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
}
div.journey_01,
div.journey_02 { display: none; }