@CHARSET "UTF-8";

body {
	font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
	Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	color: #343d27;
}
* {
	box-sizing: border-box;
}

.page-en div,
.page-en td {
	word-break: break-word;
	word-wrap:break-word;
}

.contents {
	width: 1040px;
	margin-left: auto;
	margin-right: auto;
}
.input_area {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.global-footer {
	width: 1040px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #0078dc;
	padding-top: 6px;
	text-align: center;
	color: #0078dc;
	font-size: 10px;
}

.closing_box .title {
	margin: 0;
}
.area-title {
	font-size: 120%;
	margin-top: 30px;
	margin-bottom: 20px;
	position: relative;
	padding: 0.5em;
	background: #cce4ff;
}
.area-title::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px rgb(149, 158, 155);
}

form p.errmsg_area {
	margin-top: 2em;
	margin-bottom: 0;
}
form .err_bg {
	/*background-color: #fff2e2 !important;*/
	background-color: #ffe4eb !important;
}
form .form_parts {
	line-height: normal;
}
.submit_area {
	margin-top: 2em;
}
input[type="text"], input[type="password"], input[type="file"], input[type="date"], textarea, select {
	box-sizing: content-box;
	padding: 2px 6px;
}
.optional-mark {
	background-color: #5472cd;
	margin-left: 14px;
	color: white;
	padding: 2px 8px;
	font-size: 76%;
}


dl {
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 4px 5px;
	/*border-bottom: dotted 1px #cccccc;*/
}
dt, dd {
	line-height: 1.8;
}
dt, .block-title {
	margin-bottom: 10px;
	padding-left: 0;
	font-size: 110%;
	font-weight: bold;
	border-bottom: solid 3px #cce4ff;
	position: relative;
}
dt:after, .block-title:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #5472cd;
	bottom: -3px;
	width: 1.5em;
}
.block-title {
	margin-top: 2em;
	margin-bottom: 1em;
}
dd {
	margin-bottom: 4px;
	margin-left: 2em;
	font-size: 94%;
}

.about-note {
	padding: 16px 18px;
	background-color: #E9E9E9;
	border-radius: 8px;
}
.about-note li {
	list-style-type: disc;
	margin-left: 1.2em;
}

.input-note {
	margin: 6px 0;
	font-size: 94%;
}


#setType {
	max-width: 12em;
}
.page-en #setType {
	max-width: 22em;
}
#contractBegin {
	width: 7.5em;
}
.page-en #contractBegin {
	width: 10em;
}
#contractCount {
	width: 2.5em;
}
#orgName {
	max-width: 17.5em;
}
.page-en #orgName {
	max-width: 27em;
}
#tel, #fax {
	width: 18em;
}
#email {
	width: 26em;
}
#retypeBefore,
#retypeAfter {
	width: 14em;
}
#zip {
	width: 5.5em;
}
#address {
	width: 64%;
}
form textarea {
	width: 97%;
	height: 5em;
}

/* ツールチップ */
.tooltip-target-block {
	position: relative;
}

.tooltip {
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 10;
	border: 2px #ffb6c1 solid;
	background-color: rgba(248,248,248,0.9);
	padding: 8px 14px;
	font-size: 88%;
}
.tooltip .title {
	font-weight: bold;
	margin: 0 0 8px;
}

.tooltip .close {
	position: absolute;
	top: -12px;
	right: -12px;
	cursor: pointer;
	width: 30px;
	height: 30px;
	border: 2px solid #333; /* 枠の調整 */
	border-radius: 50%;  /* 丸みの度合い */
	background: #fff; /* ボタンの背景色 */
	z-index: 20;
}
.tooltip .close::before, .tooltip .close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px; /* 棒の幅（太さ） */
	height: 22px; /* 棒の高さ */
	background: #333; /* バツ印の色 */
}
.tooltip .close::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
.tooltip .close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}

#tooltip-seal {
	width: 600px;
	height: 130px;
	bottom: -136px;
}
#tooltip-seal a {
	display: block;
	margin-top: 12px;
}
#tooltip-domestic {
	bottom: -56px;
}
.page-en #tooltip-domestic {
	width: 600px;
}


/*********** 確認画面 ************/
.form_title {
	width: 32%;
}
.form_title.conf p {
	width: 100%;
	box-sizing: border-box;
}
.form_parts {
	width: 63%;
}
.form_parts.conf p {
	width: 100%;
	box-sizing: border-box;
}

.page-en .form_title {
	width: 40%;
}
.page-en .form_parts {
	width: 55%;
}


/*********** 完了画面 ************/
.page-lawreg-application-thanks .main {
	text-align: center;
}
.thanks-title {
	margin: 3em 0 1.4em;
}
.thanks-text {
	line-height: 3;
	margin-bottom: 5em;
}