/***************************************
	PC版トップページ用CSS
	
	
***************************************/

/* お問い合わせページは、固定お問い合わせボタン非掲載 */

.header-contact-fixed-section,
.footer-fixed-action-navi-section ul.footer-fixed-action-navi-list li.footer-fixed-action-navi-contact{
	display:none;
}


/* お問い合わせコーナー */

.contact-section{
	background:#fff3cd;
	position: relative;
	overflow: hidden;
	padding:120px 40px 80px;
	margin-bottom:60px;
	max-width:1280px;
}



.contact-section::before{
	z-index: 2;
	background: #ffffff;
	width: 150px;
	height: 150px;
	transform: rotate(135deg) skew(20deg, 20deg);
	content: " ";
	position: absolute;
	top: -80px;
	left: 0;
	right: 0;
	margin: 0 auto;
}


.contact-section .contact-headline{
	text-align:center;
	font-size:40px;
	margin-bottom:40px;
}

.contact-section .contact-tel-section{
	display:flex;
	width: fit-content;
	justify-content:center;
	background:#ffffff;
	box-shadow:2px 2px 4px gray;
	padding:40px;
	margin:0 auto 20px;
}

.contact-section .contact-tel-section .contact-tel-icon{
	display:flex;
	align-items:center;
}

.contact-section .contact-tel-section .contact-tel-icon img{
	height:6rem;
}

.contact-section .contact-tel-section .contact-tel-info{
	display:flex;
	flex-direction:column;
	padding-left:20px;
}

.contact-section .contact-tel-section .contact-tel-info .contact-tel-window{
	line-height:1.8;
}

.contact-section .contact-tel-section .contact-tel-info .contact-tel-number{
	font-size:44px;
}

.contact-mail-form-section{
	max-width:1000px;
	margin:20px auto;
}

	/* お問い合わせフォーム */
	
	
.flow{
	margin-bottom:10px;
}

form#contactForm{
	position:relative;
}

.contact-form{
	
}

.contact-form .contact-form-row{
	display:flex;
}

.contact-form dt{
	padding:10px 20px;
	background:#c8ac7f;
	color:#ffffff;
	text-align:left;
	font-weight:normal;
	min-width:200px;
	width:200px;
	max-width:200px;
	border-radius:5px;
	font-size:18px;
	margin:0 10px 10px 0;
}

.contact-form dd{
	flex-grow:1;
	padding:10px 20px;
	min-width:400px;
	border-radius:5px;
	background:#ffffff;
	margin-bottom:10px;
	text-align:left;
}



.contact-form dd label{
	display:block;
	float:left;
	margin:0px 10px 10px 0;
	background:#ffffff;
	border:2px solid #bbbbbb;
	padding:8px 12px;
	border-radius:12px;
	font-size:18px;
}

.contact-form dd label.current{
	background:#e69223;
	color:#ffffff;
	transition: .3s;
}

.contact-form-section input[type="button"] , .contact-form-section input[type="submit"]{
	padding:8px 20px;
	margin:10px 10px 10px;
}

.contact-form input[type="checkbox"]{
	margin-right:6px;
	color:#333333;
}

.contact-form input[type="radio"]{
	margin-right:6px;
	color:#333333;
}

.contact-form input[type="text"]{
	padding:8px 12px;
	margin:4px 0;
	min-width:50%;
	font-size:18px;
	border-radius:5px;
	color:#333333;
	line-height:1.6;
}

.contact-form textarea{
	line-height:1.6;
}

.contact-form input.wide[type="text"]{
	width:96%;
}

.contact-form input[type="date"]{
	padding:5px 12px;
	margin:4px 0;
	font-size:18px;
	border-radius:5px;
	color:#333333;
}

.contact-form input[type="text"]::placeholder , .contact-form textarea::placeholder{
	
}

.contact-form input[type="text"]:focus , .contact-form textarea:focus{
	background:#ddeeff;
}



.contact-form textarea{
	padding:8px 12px;
	width:96%;
	min-height:120px;
	font-size:18px;
	border-radius:5px;
	color:#333333;
}

.contact-form select{
	padding:8px 12px;
	font-size:18px;
}

.contact-form select option{
	padding:4px 12px;
}

.contact-form dd.error{
	background:#ff6666;
}

.contact-form dd input.required , .contact-form dd textarea.required , .contact-form dd select.required{
	background:#ffdddd;
}

.contact-form .confirm-place{
	display:none;
}

.contact-form .confirm-questionnaire{
	display:none;
}

.contact-form label.privacy-policy-check{
	text-align:center;
	font-weight:bold;
	display:inline-block;
}



input#contactFormEnterButtonBack{
	position:absolute;
	bottom:0;
	left:0;
	padding:20px 20px;
}

input#contactFormEnterButton , input#contactFormEnterButtonEnter2 , input#contactFormEnterButtonEnter{
	display:block;
	padding:20px 60px;
	margin:0 auto;
	font-weight:bold;
	color:#ffffff;
	background:#226699 url('../img/icon/arrow-white.png') no-repeat;
	background-position:98% center;
	border:none;
	border-radius:4px;
	font-size:125%;
	margin-bottom:30px;
	transition:.3s;
}

input#contactFormEnterButton:hover , input#contactFormEnterButton2:hover , input#contactFormEnterButtonEnter:hover{
	cursor:pointer;
	background:#6c9bd2 url('../img/icon/arrow-white.png') no-repeat;
	background-position:96% center;
	transition:.3s;
}

.contact-form p.contact-form-example{
	font-size:14px;
	color:#666666;
	margin-bottom:3px;
	margin-top:2px;
	margin-left:0;
	margin-right:0;
	text-align:left;
}



.contact-form dt .required{
	background:#dd0000;
	color:#ffffff;
	margin-left:5px;
	padding:2px 8px;
	border-radius:2px;
	font-size:14px;
	font-weight:bold;
	white-space: nowrap;
	/*
	color:#dd0000;
	font-weight:bold;
	*/
}



.confirmHiddenBox{
	display:none;
}


		/* SSL導入 */

.contact-section .sslSticker{
	margin:0 auto;
	background:none !important;
	padding:20px 30px;
	border-radius:5px;
}

.contact-section .sslSticker tr th{
	padding-right:20px;
}

.contact-section .sslSticker tr td{
	color:#666666;
	font-size:14px;
	vertical-align:middle;
}