/******** 共通 ****/
body {margin: 0;color: #333;font-size: 16px;font-family: 'Noto Sans Japanese', sans-serif;-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;}
ul {margin: 0;padding: 0;}
li {list-style: none;}
img {max-width: 100%;}
p{margin: 0;}
a{color: #3366CC;}

/** font size **/
.fontM {font-size: 16px;}
.fontML {font-size: 18px;}
.fontL {font-size: 22px;}
.fontLL {font-size: 28px;}
.font3L {font-size: 32px;}

/** 色 **/
.blue_fc{color: #3D6ECF;}
.red_fc{color: #DD1111;}
.gray_fc{color: #777777;}
/** 背景 **/
.blue_bg{background-color: #EFF4F8;}

.border_btm {border-bottom: 2px solid #EBEBEB;}

/** コンテンツ幅 **/
.contents_area {max-width: 920px;margin-left: auto;margin-right: auto;}
/** スペース **/
.con_space{
	padding: 90px 0;
}


/******** header ****/
header.header_wrap {
	background-color: #130073;
	padding: 20px 0;
}
header.header_wrap .inner_box{
	width: 90%;
	max-width: 1110px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
header.header_wrap .right_logo{
	width: 60px;
}
header.header_wrap span{
	color: #fff;
	font-size: 26px;
font-weight: 200;
}

/******** footer ****/
footer.footer_area {
	border-top: 1px solid #CBD6D9;
	padding: 70px 0 60px;
}
footer.footer_area .inner_box{
	width: 90%;
	max-width: 1110px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
footer.footer_area .copy{
	font-size: 10px;
}

/******** ttl_wrap ****/
.ttl_wrap {
	padding: 40px 0;
	color: #5B6574;
	border-bottom: 1px solid #CBD6D9;
}
/******** form_wrap ****/
.form_wrap .q_box{
	background-color: #fff;
	box-shadow: 0 2px 0 rgba(0,0,0,0.15);
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #D5D9DC;
	font-size: 18px;
	margin-bottom: 60px;
}
.form_wrap .q_box .q_box_ttl {
	padding: 35px;
	border-bottom: 2px solid #EBEBEB;
}
.form_wrap .q_box .q_box_ttl .required,
.form_wrap .q_box .q_box_ttl .optional{
	display: inline-block;
	padding: 3px 14px 2px;
	border-radius: 6px 6px;
	vertical-align: middle;
	margin-right: 20px;
}
.form_wrap .q_box .q_box_ttl .required{
	border: 1px solid #3d6ecf;
	background-color: #3d6ecf;
	color: #fff;
}
.form_wrap .q_box .q_box_ttl .optional{
	border: 1px solid #5B6574;
	background-color: #fff;
	color: #5B6574;
}

.form_wrap .q_box .q_box_name_kana_ttl {
	padding: 35px;
	border-bottom: 2px solid #EBEBEB;
}
.form_wrap .q_box .q_box_name_kana_ttl .required,
.form_wrap .q_box .q_box_name_kana_ttl .optional{
	display: inline-block;
	padding: 3px 14px 2px;
	border-radius: 6px 6px;
	vertical-align: middle;
	margin-right: 20px;
}
.form_wrap .q_box .q_box_name_kana_ttl .required{
	border: 1px solid #3d6ecf;
	background-color: #3d6ecf;
	color: #fff;
}
.form_wrap .q_box .q_box_name_kana_ttl .optional{
	border: 1px solid #5B6574;
	background-color: #fff;
	color: #5B6574;
}
.form_wrap .q_box .q_box_body{
	padding: 30px 35px 40px;
}
.form_wrap .q_box .q_box_body .q_exText{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.form_wrap .q_box .q_box_body .q_exText span{
	margin-right: 15px;
	white-space: nowrap;
}
.form_wrap .q_box .q_box_body .p-zipcode li,
.form_wrap .q_box .q_box_body .p-tel li {
	display: inline-block;
}
.form_wrap .q_box .q_box_body .p-zipcode li input {
	width: 240px;
}
.form_wrap .q_box .q_box_body .p-tel li input {
	width: 160px;
}
/* text系 */
input{
	background: #fff;
	border: 1px solid #c8ced3;
	box-sizing: border-box;
	padding: 16px 18px;
	border-radius: 10px 10px;
	box-shadow: 0 4px 0 rgba(0,0,0,0.05) inset;
	width: 100%;
}
:placeholder-shown{
	background: #fffce5;
}
/* ラジオ */
.radio-none input{
display: none;
}
.progress-tag label {
position: relative;
	display: block;
	border: 1px solid #D7D5C4;
	box-sizing: border-box;
	padding: 20px 18px 20px 55px;
	font-size: 18px;
	background: linear-gradient(to top, rgba(247,244,217,1) 0%, rgba(255,252,229,1) 50%);
	cursor: pointer;
	margin-bottom: 0;
}
.progress-tag label::before,
.progress-tag label::after {
content: "";
display: block; 
position: absolute;
}
.progress-tag label::before {
background: url("../img/icon_check.svg") no-repeat;
width: 30px;
height: 30px;
transform: translateY(-50%);
top: 50%;
left: 15px;
}
.progress-tag.active label{
background: linear-gradient(to top, rgba(0,0,0,0.03) 0%, rgba(255,255,255,0.03) 50%);
}
.progress-tag input:checked + label::before {
background: url("../img/icon_check2.svg") no-repeat;
}
.progress-tag input:checked + label {
background: linear-gradient(to top, rgba(241,248,255,1) 0%, rgba(244,249,255,1) 100%);
}
/* ラジオ 住所 */
.progress-tag.address_list ul{
	width: 99%;
}
.progress-tag.address_list li:last-child label{
	border-radius: 0 0 10px 10px ;
	box-shadow: 0 4px 0 rgba(0,0,0,0.05);
}
.progress-tag.address_list li:first-child label{
	border-radius: 10px 10px 0 0;
}
.address_list {
/*	max-height: 200px;
	overflow:scroll;*/
	padding-bottom: 10px;
}
/* ラジオ アンケート */
.half_list {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
.half_list li{
			width: 49%;
			margin-bottom: 10px;
		}
.half_list li label{
			border-radius: 10px;
			box-shadow: 0 4px 0 rgba(0,0,0,0.05);
		}
/* セレクト */
/* セレクト */
.q_select_box {
	width: 100%;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	border-radius: 2px;
	border-radius: 10px;
	background: linear-gradient(to top, rgba(247,244,217,1) 0%, rgba(255,252,229,1) 50%);
	box-shadow: 0 4px 0 rgba(0,0,0,0.05);
	border: 1px solid #D7D5C4;
}
.q_select_box.changed {
	width: 100%;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	border-radius: 2px;
	border-radius: 10px;
	background: linear-gradient(to top, #F7F7F7, #fff);
	box-shadow: 0 4px 0 rgba(0,0,0,0.05);
	border: 1px solid #D7D5C4;
}
.q_select_box::before{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 25px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #5B6574;
	pointer-events: none;
}
.q_select_box::after{
	content: '';
	position: absolute;
	top: 0;
	right: 65px;
	width: 1px;
	height: 100%;
	background-color: #D7D5C4;
	pointer-events: none;
}
.q_select_box select{
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 20px 75px 20px 20px;
	color: #333;
	border: none;
}
.q_select_box select::-ms-expand {
	display: none;
}
/* フォーム内 hr */
.form_wrap .form_hr {
	border-top: 1px solid #CBD6D9;
	margin-top: 0;
	margin-bottom: 60px;
	}
	/** 送信ボタン **/
	button[type="button"], button[type="submit"] {
		font-family: 'Noto Sans Japanese', sans-serif;
		cursor: pointer;
		}
	.send_button ,
	.return_button {
		display: table;
		width: 560px;
		height: 100px;
		margin: 0 auto;
		text-align: center;
		text-decoration: none;
		font-size: 24px;
		line-height: 1;
		border-radius: 60px 60px;
		box-shadow: 0 6px 0 rgba(0,0,0,0.1);
		border: none;
		transition: .5s;
		cursor: pointer;
	}
	.send_button  {
		color: #fff;
		background: linear-gradient(to top, #1E39A0, #305BC6);
	}

	.return_button  {
		border: 1px solid #CBD6D9;
		color: #333;
		background: linear-gradient(to top, #F7F7F7, #fff);
	}
	.return_button:hover,
	.send_button:hover {
		opacity: .8;
	}
	.search_button {
		width: 200px;
		height: 60px;
		color: #fff;
		background: linear-gradient(to top, #1E39A0, #305BC6);
		transition: .5s;
		box-shadow: 0 6px 0 rgba(0,0,0,0.1);
		cursor: pointer;
	}
	.search_button:hover {
		opacity: .8;
	}

/******** エラー ****/
.error_intro_txt{
	border: 2px solid #DD1111;
	border-radius: 10px;
	box-shadow: 0 2px 0 rgba(0,0,0,0.15);
	overflow: hidden;
}
.error_intro_txt .ttl_area{
	background-color:#DD1111;
	padding: 35px;
	line-height: 1;
}
.error_intro_txt .ttl_area img{
	vertical-align: middle;
	padding-bottom: 4px;
}
.error_intro_txt .txt_area {
	padding: 35px;
	background-color: #fff;
}
/* エラーポップアップ */
.q_exText,
.q_zipcode,
.q_tel,
.progress-tag,
.q_select_box{
	position: relative;
}
.error_pop{
	position: absolute;
	z-index: 5;
	top: -12px;
	transform: translateY(-100%);
}
.error_pop p{
	border-radius: 5px 5px 0 0;
	background-color: rgba(221,17,17,0.85);
	padding: 15px;
	line-height: 1.5;
}
.error_pop p:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: rgba(221,17,17,0.85);
	}

/* （郵便番号１）*/
.error_pop_post1{
	position: absolute;
	z-index: 5;
	top: -12px;
	transform: translateY(-100%) translateX(110px);
}
.error_pop_post1 p{
	border-radius: 5px 5px 0 0;
	background-color: rgba(221,17,17,0.85);
	padding: 15px;
	line-height: 1.5;
}
.error_pop_post1 p:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: rgba(221,17,17,0.85);
}

/* （郵便番号２）*/
.error_pop_post2{
	position: absolute;
	z-index: 5;
	top: -12px;
	transform: translateY(-100%) translateX(280px);
}
.error_pop_post2 p{
	border-radius: 5px 5px 0 0;
	background-color: rgba(221,17,17,0.85);
	padding: 15px;
	line-height: 1.5;
}
.error_pop_post2 p:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: rgba(221,17,17,0.85);
	}
/* （住所リスト）*/
.error_pop_addrcd{
	position: absolute;
	z-index: 5;
	top: -12px;
	transform: translateY(3250%);
}
.error_pop_addrcd p{
	border-radius: 5px 5px 0 0;
	background-color: rgba(221,17,17,0.85);
	padding: 15px;
	line-height: 1.5;
}
.error_pop_addrcd p:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: rgba(221,17,17,0.85);
}
/* （電話1）*/
.error_pop_tel1{
	position: absolute;
	z-index: 5;
	top: -12px;
	transform: translateY(-100%) translateX(80px);
}
.error_pop_tel1 p{
	border-radius: 5px 5px 0 0;
	background-color: rgba(221,17,17,0.85);
	font-size: 15px;
	padding: 15px;
	line-height: 1.5;
}
.error_pop_tel1 p:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: rgba(221,17,17,0.85);
}
/* （電話2）*/
.error_pop_tel2{
	position: absolute;
	z-index: 5;
	top: -12px;
	transform: translateY(-100%) translateX(295px);
}
.error_pop_tel2 p{
	border-radius: 5px 5px 0 0;
	background-color: rgba(221,17,17,0.85);
	font-size: 15px;
	padding: 15px;
	line-height: 1.5;
}
.error_pop_tel2 p:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: rgba(221,17,17,0.85);
}
/* （電話3）*/
.error_pop_tel3{
	position: absolute;
	z-index: 5;
	top: -12px;
	transform: translateY(-100%) translateX(515px);
}
.error_pop_tel3 p{
	border-radius: 5px 5px 0 0;
	background-color: rgba(221,17,17,0.85);
	font-size: 15px;
	padding: 15px;
	line-height: 1.5;
}
.error_pop_tel3 p:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: rgba(221,17,17,0.85);
}

/* text系 */
input.error {
	background: #FFE4E4;
	color: #DD1111;
	border: 1px solid #DD1111;
	}
/* ラジオ */
	.progress-tag label.error{
		background: linear-gradient(to top, #FFD5D5, #FFE4E4);
		border: 1px solid #DD1111;
		color: #DD1111;
	}
	.progress-tag label.error::before{
		background: url("../img/icon_check4.svg") no-repeat;
	}
/* セレクト */
.q_select_box.error {
	background: linear-gradient(to top, #FFD5D5, #FFE4E4);
	border: 1px solid #DD1111;
}
.q_select_box.error::after{
	background-color: #DD1111;
}
.q_select_box.error::before{
	border-top: 10px solid #DD1111;
}
.q_select_box.error select{
	color: #DD1111;
}
/******** 確認ページ ****/
	.confirm_area {
		background-color: #fff;
		border: 1px solid #D5D9DC;
		border-radius: 5px;
		padding: 30px;
		box-shadow: 0 2px 0 rgba(0,0,0,0.15);
	}
.table_block table {
		width: 100%;
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-all;
	}
	.table_block table th,
	.table_block table td{
		border: 1px solid #C8CED3;
		padding: 35px;
	}
	.table_block table th{
		background-color: #F6F9FB;
		font-weight: normal;
		width: 35%;
	}
	.table_block table td{
		width: 65%;
	}
	/******** 完了ページ ****/
	.complete_area {
		border: 5px solid #D5D9DC;
		padding: 60px 70px;
		background-color: #fff;
	}

@media (max-width: 992px) {
	/******** 共通 ****/
	/** コンテンツ幅 **/
.contents_area {max-width: 95%;}
/** スペース **/
.con_space{padding: 60px 0;}
	/** font size **/
.fontM {font-size: 14px;}
.fontML {font-size: 16px;}
.fontL {font-size: 22px;}
.fontLL {font-size: 22px;}
.font3L {font-size: 26px;}

/******** form_wrap ****/
.form_wrap .q_box .q_box_ttl{
	padding: 25px 15px;
}
.form_wrap .q_box .q_box_name_kana_ttl{
	padding: 35px 15px;
	height: 100px;
}
.form_wrap .q_box .q_box_body{
	padding: 25px 15px 30px;
}
.form_wrap .q_box .q_box_body .q_exText{
	display: block;
}
.form_wrap .q_box .q_box_body .q_exText span{
	margin-bottom: 6px;
	display: block;
}
.form_wrap .q_box .q_box_body .p-zipcode,
.form_wrap .q_box .q_box_body .p-tel {
	display: flex;
}
/******** header ****/
header.header_wrap {
	background-color: #130073;
	padding: 15px 0;
}
header.header_wrap img:first-child{
	width: 60px;
}
header.header_wrap img:last-child{
	width: 50px;
}
.form_wrap .q_box .q_box_body .p-zipcode li input {
	width: 138px;
}
.form_wrap .q_box .q_box_body .p-tel li input{
	width: 110px;
}
	/******** footer ****/
	footer.footer_area {
		border-top: 1px solid #CBD6D9;
		padding: 50px 10px 50px;
	}
	footer.footer_area .inner_box{
		display: block;
		text-align: center;
	}
	footer.footer_area .copy{
		margin-top: 20px;
	}
/* ラジオ アンケート */
.half_list {
	display: block;
	justify-content: space-between;
	flex-wrap: wrap;
	}
	.half_list li{
		width: 100%;
	}
/* フォーム内 hr */
.form_wrap .form_hr {
	margin-bottom: 40px;
	}
		/** 送信ボタン **/
		.send_button ,
		.return_button {
			width: 280px;
			height: 80px;
			font-size: 22px;
		}
		.search_button {
			width: 100%;
		}
	/******** エラー ****/
	/* エラーポップアップ */
	.error_pop p{
		font-size: 16px;
		padding: 12px;
	}
	/* エラーポップアップ（郵便番号１） */
	.error_pop_post1 p{
		font-size: 16px;
		padding: 12px;
		transform: translateX(-110px);
	}
	/* エラーポップアップ（郵便番号２） */
	.error_pop_post2 p{
		font-size: 16px;
		padding: 12px;
		transform: translateX(-110px);
	}
	/* エラーポップアップ（住所リスト） */
	.error_pop_addrcd p{
		font-size: 16px;
		padding: 12px;
		transform: translateY(260%);
	}
	/******** エラーポップの表示位置変更（電話1） ****/
	.error_pop_tel1 {
		transform: translateX(80pt) translateY(-100%);
		width: 230px;
	}

	/******** エラーポップの表示位置変更（電話2） ****/
	.error_pop_tel2 {
		transform: translateX(220pt) translateY(-100%);
		width: 230px;
	}

	/******** エラーポップの表示位置変更（電話3） ****/
	.error_pop_tel3 {
		transform: translateX(360pt) translateY(-100%);
		width: 230px;
	}
	
	/* エラーポップアップ（電話1） */
	.error_pop_tel1 p{
		font-size: 13px;
		padding: 12px;
		transform: translateX(-110px);
	}
	/* エラーポップアップ（電話2） */
	.error_pop_tel2 p{
		font-size: 13px;
		padding: 12px;
		transform: translateX(-110px);
	}
	/* エラーポップアップ（電話3） */
	.error_pop_tel3 p{
		font-size: 13px;
		padding: 12px;
		transform: translateX(-110px);
	}
	/******** 確認ページ ****/
	.confirm_area{
		padding: 30px 15px;
	}
	.table_block table th,
	.table_block table td{
		text-align: center;
		display: block;
		width: 100%;
		padding: 20px 10px;
	}

		/******** 完了ページ ****/
		.complete_area {
			padding: 30px 20px;
			max-width: 90%;
			margin: auto;
		}
}
@media (max-width: 700px) {
	/******** エラーポップの表示位置変更（電話1） ****/
	.error_pop_tel1 {
		transform: translateX(80pt) translateY(-100%);
		width: 230px;
	}

	/******** エラーポップの表示位置変更（電話2） ****/
	.error_pop_tel2 {
		transform: translateX(220pt) translateY(-100%);
		width: 230px;
	}

	/******** エラーポップの表示位置変更（電話3） ****/
	.error_pop_tel3 {
		transform: translateX(360pt) translateY(-100%);
		width: 230px;
	}
	
	/* エラーポップアップ（電話1） */
	.error_pop_tel1 p{
		font-size: 13px;
		padding: 12px;
	}
	/* エラーポップアップ（電話2） */
	.error_pop_tel2 p{
		font-size: 13px;
		padding: 12px;
	}
	/* エラーポップアップ（電話3） */
	.error_pop_tel3 p{
		font-size: 13px;
		padding: 12px;
	}

}
@media (max-width: 520px) {
	.form_wrap .q_box .q_box_body .p-tel li input{
		padding-right: 8px;
		padding-left: 8px;
		width: 75px;
	}
		/******** エラーポップの表示位置変更（電話1） ****/
	.error_pop_tel1 {
		transform: translateX(80pt) translateY(-100%);
		width: 150px;
	}

	/******** エラーポップの表示位置変更（電話2） ****/
	.error_pop_tel2 {
		transform: translateX(165pt) translateY(-100%);
		width: 150px;
	}

	/******** エラーポップの表示位置変更（電話3） ****/
	.error_pop_tel3 {
		transform: translateX(250pt) translateY(-100%);
		width: 150px;
	}
	
	/* エラーポップアップ（電話1） */
	.error_pop_tel1 p{
		font-size: 9px;
		padding: 12px;
	}
	/* エラーポップアップ（電話2） */
	.error_pop_tel2 p{
		font-size: 9px;
		padding: 12px;
	}
	/* エラーポップアップ（電話3） */
	.error_pop_tel3 p{
		font-size: 9px;
		padding: 12px;
	}
	
}

@media (max-width: 320px) {
	.form_wrap .q_box .q_box_body .p-zipcode li input{
		width: 116px;
	}
}

/******** エラーポップの表示位置変更 ****/
@media screen and (min-width: 880px) {
	.error_pop {
		transform: translateX(150%) translateY(-100%);
		width: 340px;
	}
}

/******** エラーポップの表示位置変更（住所コード１） ****/
@media screen and (min-width: 990px) {
	.error_pop_post1 {
		transform: translateX(70%) translateY(-100%);
		width: 290px;
	}
}

/******** エラーポップの表示位置変更（住所コード２） ****/
@media screen and (min-width: 990px) {
	.error_pop_post2 {
		transform: translateX(175%) translateY(-100%);
		width: 290px;
	}
}


/******** 数値項目のメモリを表示させないスタイル ****/
input[type="number"] {
	-moz-appearance:textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance:textfield;
}