/***************************************
	PC版メールマガジンページ用CSS
	
	
***************************************/

/* メールマガジンの内容 */

.me-contents-section{
	max-width:1280px;
	margin:20px auto 20px;
}

.me-contents-section ul.me-contents-item-list{
	display:flex;
	flex-wrap:wrap;
}

.me-contents-section ul.me-contents-item-list li{
	width:50%;
	display:flex;
	flex-direction:column;
}

.me-contents-section ul.me-contents-item-list li dl{
	margin:10px;
	padding:20px;
	border:3px solid #6dacbd;
	position:relative;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	flex-grow:1;
	border-radius:2px;
}

.me-contents-section ul.me-contents-item-list li dl::before{
	content:"";
	position:absolute;
	width:40px;
	height:40px;
	transform:rotate(45deg);
	background:#dbeaee;
	left:-20px;
	top:-20px;
	z-index:-1;
}

.me-contents-section ul.me-contents-item-list li dl::after{
	content:"";
	position:absolute;
	width:2px;
	height:100%;
	border-right:6px dotted #dbeaee;
	right:10px;
	top:0;
	bottom:0;
	z-index:-1;
}

.me-contents-section ul.me-contents-item-list li dl dt{
	font-weight:bold;
	font-size:20px;
	display:flex;
}

.me-contents-section ul.me-contents-item-list li dl dd{
	display:flex;
	flex-grow:1;
}

.me-contents-section p.me-contents-closing-catch{
	margin-top:20px;
	border-bottom:2px dotted #88aabb;
	padding-bottom:20px;
	font-size:24px;
}


/* お問い合わせフォーム */


table.contact-form-table{
	border-collapse:collapse;
	margin:40px auto 10px;
	width:100%;
	max-width:1000px;
}

table.contact-form-table tr th {
	/*background:#f8f4e4;*/
	background:#f4f0e0;
	padding:10px 20px;	
	font-size:18px;
	color:#555350;
	border:#ffffff solid 2px;
	text-align:left;
	vertical-align:top;
	min-width:230px;
	width:230px;
	font-weight:normal;
	letter-spacing:0.02em;
}

table.contact-form-table tr td {
	background:#fdfbf9;
	padding:10px;
	text-align:left;
	vertical-align:top;
	font-size:18px;
	color:#555555;
	/*border:#ffffff solid 2px;*/
	border-bottom:dotted #dddddd 2px;
}

table.contact-form-table tr td.error{
	background:#ffddbb;
}

table.contact-form-table tr td .errorMessage{
	color:#774422;
	margin-bottom:4px;
	font-size:14px;
}


table.contact-form-table tr td input[type="text"]{
	padding:6px;
	min-width:50%;
	font-size:18px;
	color:#555555;
	border:solid #cfccc9 2px;
	border-radius:2px;
}

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

table.contact-form-table tr td input[type="date"]{
	padding:6px;
	font-size:16px;
	color:#555555;
	border:solid #cfccc9 2px;
	border-radius:2px;
	margin-right:10px;
}

table.contact-form-table tr td textarea{
	width:96%;
	min-height:60px;
	padding:6px;
	border-radius:2px;
	font-size:18px;
	color:#555555;
	border:2px solid #cfccc9;
	border-radius:2px;
}



table.contact-form-table tr td select{
	padding:6px;
	font-size:18px;
	color:#555555;
	border:2px solid #cfccc9;
	border-radius:2px;
}



table.contact-form-table tr td option{
}


table.contact-form-table tr td input::placeholder,
table.contact-form-table tr td textarea::placeholder{
	color:#aaaaaa;
	font-size:14px;
}


table.contact-form-table tr td input.required ,
table.contact-form-table tr td textarea.required ,
table.contact-form-table tr td select.required{
	background:#fff9ee;
}

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

table.contact-form-table tr td label{
	display:flex;
	background:#ffffff;
	padding:4px 12px;
	margin:0 10px 10px 0;
	border:1px solid #cfccc9;
}

table.contact-form-table tr td label input[type="checkbox"]{
	margin-right:6px;
}

table.contact-form-table tr td .label-cover{
	display:flex;
	flex-wrap:wrap;
}

table.contact-form-table tr td .label-row-cover{
	display:flex;
	flex-direction:column;
}


table.contact-form-table tr td .contact-form-date-row{
	display:flex;
	align-items:center;
	margin-bottom:10px;
}



table.contact-form-table tr td p.contact-form-annotation{
	font-size:12px;
	color:#777777;
	margin-bottom:0;
}

table.contact-form-table tr td p.contact-form-example{
	font-size:12px;
	color:#777777;
	margin-bottom:4px;
}


table.contact-form-table tr td p.contact-form-notice{
	margin-bottom:6px;
	font-size:14px;
}

table.contact-form-table tr td p.contact-form-date-headline{
	margin-bottom:2px;
	font-size:14px;
}

table.contact-form-table span.required{
	color:#bb4422;
	font-weight:bold;
	margin-left:5px;
}


input.contact-form-back-button{
	padding:20px 20px;
	background-image: linear-gradient(0deg, #cccccc, #f8f8f8);
	border:1px solid #bbbbbb;
	transition:.3s;
}

input.contact-form-back-button:hover{
	opacity:0.6;
	cursor:pointer;
}

input.contact-form-enter-button{
	display:block;
	padding:20px 80px;
	margin:0 auto;
	font-weight:bold;
	color:#ffffff;
	background:#36535b url('../img/icon/arrow-white.png') no-repeat;
	background-size:contain;
	background-position:94% center;
	border:none;
	border-radius:4px;
	font-size:125%;
	margin-bottom:30px;
	transition:.3s;
	box-shadow:2px 2px 4px gray;

}

input.contact-form-enter-button:hover{
	cursor:pointer;
	background:#6dacbd url('../img/icon/arrow-white.png') no-repeat;
	background-size:contain;
	background-position:92% center;

}



.contact-confirm-section .confirmHiddenBox{
	display:none;
}


	/* 送信確認画面 */
	
.contact-form-button-wrapper{
	display:flex;
	justify-content: space-between;
	align-items:flex-start;
	width:1000px;
	margin:20px auto 40px;
}




/******************** 共通フォーム用 *****************/

table.contactFormTable .confirmQuestionnaire{
	display:none;
}

table.sslSticker,
table.sslSticker tbody,
table.sslSticker th,
table.sslSticker td{
	display:block;
}

table.sslSticker{
	background:none !important;
}

table.sslSticker tr{
	display:flex;
	justify-content:center;
	background:#eeeeee;
	margin:0 auto;
	padding:20px;
	max-width:960px;	
}

table.sslSticker th{
	display:flex;
	align-items:center;
	background:#eeeeee !important;
}

table.sslSticker td{
	display:flex;
	align-items:center;
	background:#eeeeee !important;
}


/*************************** 電話 *******************/


.contact-tel-section{
	max-width:1000px;
	margin:40px auto;
	display:flex;
	align-items:center;
	justify-content:center;
}

.contact-tel-section h2.contact-tel-headline{
	font-size:32px;
	font-weight:normal;
	margin-right:40px;
	background:url('../img/contact/tel-headline-background.png') no-repeat;
	background-size:32px auto;
	background-position:100% center;
	padding-right:60px;
}

.contact-tel-section .contact-tel-body{
	display:flex;
	align-items:center;
	justify-content:center;
	border:3px solid #6dacbd;
	padding:20px 40px;
}

.contact-tel-section .contact-tel-body .contact-tel-icon{
	height:64px;
	margin-right:18px;
}

.contact-tel-section .contact-tel-body .contact-tel-icon img{
	width:auto;
	max-height:64px;
}

.contact-tel-section .contact-tel-body .contact-tel-info{
	color:#2a3133;
	font-size:12px;
	letter-spacing:0.02em;
}

.contact-tel-section .contact-tel-body .contact-tel-info .contact-tel-number{
	font-size:38px;
	padding-top:0px;
	line-height:100% !important;
	letter-spacing:0.1em;
}