@charset "UTF-8";
/*=============================================================
 contact お問い合わせ
=============================================================*/
/*! mainimg
------------------------------------------------ */
#mainImg { background-image: url("../img/PCR/bg_mainimgPCR02_sp.png"); }
#mainImg.mainChild .mainTit { color: #fff; }
@media (min-width: 640px), print { #mainImg { background-image: url("../img/PCR/bg_mainimgPCR02_pc.png"); } }
#contactArea { overflow: hidden; padding: 45px 0; }
#contactArea .read { padding: 30px 0; }
#contactArea .read a { color: #13449d; text-decoration: underline; }
#contactArea .red { color: #d82a34; }
#contactArea .formtbl .must { display: inline-block; position: absolute; top: 15px; right: 15px; box-sizing: border-box; width: 45px; line-height: 2; background-color: #d82a34; color: #fff; font-size: 1.0rem; text-align: center; }
#contactArea .formtbl table { border-top: 1px solid #dfdede; }
#contactArea .formtbl table th , #contactArea .formtbl table td { box-sizing: border-box; }
@media (max-width: 639px), print { #contactArea .formtbl table th , #contactArea .formtbl table td { display: block; } }
#contactArea .formtbl table th { position: relative; padding: 15px 15px 12px; font-weight: bold; font-size: 1.5rem; }
#contactArea .formtbl table th .stxt { display: inline-block; margin-left: 9px; color: #c9c7c7; font-size: 10px; vertical-align: middle; }
#contactArea .formtbl table td { padding: 0 15px 15px; border-bottom: 1px solid #dfdede; }
#contactArea .formtbl table td > input[type="checkbox"] { transform: scale(1.5); vertical-align: middle; }
#contactArea .formtbl table input[type="text"] , #contactArea .formtbl table input[type="email"] , #contactArea .formtbl table input[type="tel"] , #contactArea .formtbl table select , #contactArea .formtbl table textarea { box-sizing: border-box; width: 100%; padding: 8px; background-color: #f6f6f6; }
#contactArea .formtbl table textarea { height: 250px; }
#contactArea .formtbl .privacy { margin-top: 20px; margin-bottom: 20px; }
#contactArea .formtbl .privacy .acceptance { padding: 20px; background-color: #f6f6f6; }
#contactArea .formtbl .privacy .acceptance .must { position: static; margin-right: 20px; }
#contactArea .formtbl .privacy .acceptance input { margin-right: 5px; vertical-align: middle; }
#contactArea .formtbl .privacy .acceptance a { color: #13449d; text-decoration: underline; }
#contactArea .formtbl .btns input { display: block; width: 290px; margin: 0 auto 10px; padding: 9px 0; border-radius: 25px; background-color: #d82a34; color: #fff; font-size: 1.5rem; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#contactArea .formtbl .btns input.back { background-color: #ccc; }
#contactArea .toTakaraSupport {border: 2px solid #13449d; margin: 20px auto; cursor: pointer;}
#contactArea .toTakaraSupport a {display: block; font-size: 16px; font-weight: bold; color: #13449d;}
#contactArea .toTakaraSupport a:hover {text-decoration: none; background: #13449d; color: #fff; transition: 0.3s;}
@media (min-width: 640px), print { #contactArea { padding: 70px 0 100px; font-size: 1.5rem; }
	#contactArea .read { padding: 40px 0 20px; }
	#contactArea .read a:hover { text-decoration: none; }
	#contactArea .formtbl { width: 1000px; margin: 0 auto; }
	#contactArea .formtbl .must { top: 35px; right: 40px; line-height: 1.8; font-size: 1.2rem; }
	#contactArea .formtbl table th { width: 320px; padding: 25px 0; border-bottom: 1px solid #dfdede; font-size: 1.6rem; }
	#contactArea .formtbl table th .stxt { display: block; line-height: 1.2; margin-left: 0; font-size: 13px; }
	#contactArea .formtbl table td { padding: 25px 0; vertical-align: middle; }
	#contactArea .formtbl table textarea { height: 240px; }
	#contactArea .formtbl table select { width: 230px; }
	#contactArea .formtbl .privacy { margin-top: 25px; margin-bottom: 25px; }
	#contactArea .formtbl .privacy .acceptance { padding: 20px 20px 20px 230px; }
	#contactArea .formtbl .privacy .acceptance .must { margin-right: 40px; vertical-align: middle; }
	#contactArea .formtbl .privacy .acceptance input { margin-right: 10px; }
	#contactArea .formtbl .privacy .acceptance a:hover { text-decoration: none; }
	#contactArea .formtbl .btns { text-align: center; }
	#contactArea .formtbl .btns input { display: inline-block; width: 360px; margin: 0 20px; padding: 12px 0; border-radius: 30px; font-size: 2.0rem; cursor: pointer; transition: all .3s ease 0s; }
	#contactArea .formtbl .btns input:not([disabled]):hover { background: #ba0e16; }
	#contactArea .formtbl .btns input[disabled] { opacity: .7; cursor: default; }
	#contactArea .formtbl .btns input.back:hover { background: #aaa; }
	#contactArea .toTakaraSupport {border: 2px solid #13449d; margin: 20px auto; padding: 0; cursor: pointer;}
	#contactArea .toTakaraSupport a {display: block; font-size: 16px; font-weight: bold; color: #13449d; width: 100%; height: 100%; }
	#contactArea .toTakaraSupport a:hover {text-decoration: none; background: #13449d; color: #fff; transition: 0.3s;}

}