@charset "utf-8";
/* CSS Document */

input[type="button"],
button,
select{
  background-color: transparent;
}
select option {
  background: #FFF;
}


/*==============================*/
/* フォーム 共通設定 */
/*==============================*/
.form input[type="text"],
.form input[type="tel"],
.form input[type="password"],
.form select,
.form textarea,
.form input[type="radio"],
.form input[type="checkbox"]{
	min-height: 2.5em;
}

.form input[type="text"],
.form input[type="tel"],
.form input[type="password"],
.form select,
.form textarea{
	border-radius: 3px;
	border: 1px solid #CFCFCF;
	max-width: 100%;
	background: #F8F8F8;
	font-size: 15px;
	line-height: 1.618em;
}

.form input[type="radio"],
.form input[type="checkbox"]{ 
	position: relative; top: 1px;
	margin-right: 6px;
}

/*  */
.form input[type="text"] {
	width: 100%;
	padding: 7px 8px 5px 8px;
}

/*  */
.form input[type="password"] {
	width: 100%;
	padding: 7px 8px 5px 8px;
}

/*  */
.form input[type="tel"] {
	width: 100%!important;
	padding: 4px 10px 2px 10px;
}

/*  */
.form select { min-height: 2.5em;}

	/* ======= SP =======*/
	@media (max-width: 767px){
		.form select { width: 100%; }
		
		/* スマホ　ズームバグ修正 */
		.form input,
		.form select,
		.form textarea{ font-size: 16px;  }
	}

/*==============================*/
/* 共通設定 form_caution */
/*==============================*/
.form_caution{  font-size: 13px; padding-left: 1em; text-indent: -1em;}

/*==============================*/
/* 共通設定 form_caution */
/*==============================*/
.form_capion{ font-size: 13px; color: #666666; }

/*==============================*/
/* 共通設定 form_btn */
/*==============================*/
.formBtn span{
	display: inline-block;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #ccc;
}
.formBtn input[type="submit"]{
	display: inline-block;
	max-width: 100%;
	min-width: 130px;
	padding: 5px 10px 4px 10px;
	border: 1px solid #fff;
	cursor: pointer;
	font-size: 14px;
	border-radius: 5px;
	
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #d4d4d4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#d4d4d4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fefefe 0%,#d4d4d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */
}
.formBtn input[type="submit"]:hover{
	background: #d4d4d4; /* Old browsers */
	background: -moz-linear-gradient(top,  #d4d4d4 0%, #fefefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d4d4d4 0%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d4d4d4 0%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

/*==============================*/
/* 共通設定 form_submitBtn */
/*==============================*/
.form_submitBtn{
	display: inline-block;
	padding: 10px 80px 8px 80px;
	border-radius: 5px;
	background: #F67C29;
	color: #fff;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
}
.form_submitBtn:hover { background: #F56809;}

/*==============================*/
/* 共通設定 input text */
/*==============================*/
.form .form_inputText_s input[type="text"]{
	max-width: 230px;
	width: 100%;
}
.form .form_inputText_m input[type="text"]{
	max-width: 330px;
	width: 100%;
}
.form .form_inputText_l input[type="text"]{
	max-width: 470px;
	width: 100%;
}

	/* ======= SP =======*/
	@media (max-width: 767px) {
		.form .form_inputText_s input[type="text"],
		.form .form_inputText_m input[type="text"],
		.form .form_inputText_l input[type="text"]{ max-width: 100%;}
	}

/*==============================*/
/* 共通設定 radio */
/*==============================*/
.form ul.form_radio{
	display: flex; display: -webkit-flex; /* Safari */
	justify-content: flex-start; -webkit-justify-content: flex-start; /* Safari */
	flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Safari */
}
.form ul.form_radio li:not(:last-child){ margin-right: 20px;}

	/* ======= SP =======*/
	@media (max-width: 767px) {
		/* パネル */
		.form ul.form_radio_panel {
			display: flex; display: -webkit-flex; /* Safari */ 
			flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Safari */
			justify-content: space-between; -webkit-justify-content: space-between; /* Safari */
		}
		.form ul.form_radio_panel li{ width: calc(50% - 1%); margin-bottom: 1.8%;}
		.form ul.form_radio_panel li:not(:last-child){ margin-right: 0px;}
		.form ul.form_radio_panel li input[type="radio"] { display:none; }
		.form ul.form_radio_panel li label {
			display: block;
			width: 100%;
			color:#98d7d1;
			border-radius: 2px;
			cursor: pointer;
			background: #def6f4;
			padding: 5px 10px;
		}
		.form ul.form_radio_panel li input[type="radio"]:checked + label { background: #68CEC6; color: #fff; }
	}

/*==============================*/
/* 共通設定 checkbox */
/*==============================*/
.form ul.form_checkbox{
	display: flex; display: -webkit-flex; /* Safari */
	justify-content: flex-start; -webkit-justify-content: flex-start; /* Safari */
	flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Safari */
}
.form ul.form_checkbox li:not(:last-child){ margin-right: 20px;}

	/* ======= SP =======*/
	@media (max-width: 767px) {
		/* パネル */
		.form ul.form_checkbox_panel {
			display: flex; display: -webkit-flex; /* Safari */ 
			flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Safari */
			justify-content: space-between; -webkit-justify-content: space-between; /* Safari */ 
			align-items: stretch; -webkit-align-items: stretch; /* Safari */
		}
		.form ul.form_checkbox_panel li{ width: calc(50% - 1%); margin-bottom: 1.8%; background: #ffefd7;}
		.form ul.form_checkbox_panel li:not(:last-child){ margin-right: 0px;}
		.form ul.form_checkbox_panel li input[type="checkbox"] { display:none; }
		.form ul.form_checkbox_panel li label {
			display: block;
			width: 100%;
			color:#b26f0a;
			border-radius: 2px;
			cursor: pointer;
			padding: 5px 10px;
		}
		.form ul.form_radio_panel li input[type="checkbox"]:checked + label { background: #F29300; color: #fff; height: 100%; }
	}

/*==============================*/
/* 共通設定 check_list */
/*==============================*/
.form ul.form_check_list{
	display: flex; display: -webkit-flex; /* Safari */
	flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Safari */
	justify-content: space-between; -webkit-justify-content: space-between; /* Safari */
	max-width: 600px;
	width: 100%;
}
.form ul.form_check_list li{ width: calc(50% - 1%); }

/*==============================*/
/* 個別設定 名前 */
/*==============================*/
.form .form_name_wrap ul.form_name{
	display: flex; display: -webkit-flex; /* Safari */
	justify-content: space-between; -webkit-justify-content: space-between; /* Safari */
	width: 400px;
	max-width: 100%;
}
.form .form_name_wrap ul.form_name li{ width: calc(50% - 1%); }

/* セイ・メイ付き　カタカナ */
.form .form_name_wrap ul.form_name_kana { width: 500px; }
.form .form_name_wrap ul.form_name_kana li{ position: relative; padding-left: 37px;}
.form .form_name_wrap ul.form_name_kana li:before { position: absolute; top: 7px; left: 0;}
.form .form_name_wrap ul.form_name_kana li:nth-child(1):before{ content: "セイ";}
.form .form_name_wrap ul.form_name_kana li:nth-child(2):before{ content: "メイ";}

/* 姓・名付き　漢字 */
.form .form_name_wrap ul.form_name_kanji { width: 500px; }
.form .form_name_wrap ul.form_name_kanji li{ position: relative; padding-left: 37px;}
.form .form_name_wrap ul.form_name_kanji li:before { position: absolute; top: 8px; left: 5px;}
.form .form_name_wrap ul.form_name_kanji li:nth-child(1):before{ content: "姓";}
.form .form_name_wrap ul.form_name_kanji li:nth-child(2):before{ content: "名";}

/*-- 確認画面
------------------------- */
#confirm .form .form_name_wrap ul.form_name{
	justify-content: flex-start; -webkit-justify-content: flex-start; /* Safari */
	width: auto;
}
#confirm .form .form_name_wrap ul.form_name li{ width: auto; }
#confirm .form .form_name_wrap ul.form_name li:not(:last-child){ margin-right: 14px;}

/* セイ・メイ付き　カタカナ */
#confirm .form .form_name_wrap ul.form_name_kana li{ padding-left: 0px;}
#confirm .form .form_name_wrap ul.form_name_kana li:nth-child(1):before{ display: none;}
#confirm .form .form_name_wrap ul.form_name_kana li:nth-child(2):before{ display: none;}

/* 姓・名付き　漢字 */
#confirm .form .form_name_wrap ul.form_name_kanji li{ padding-left: 0px;}
#confirm .form .form_name_wrap ul.form_name_kanji li:nth-child(1):before{ display: none;}
#confirm .form .form_name_wrap ul.form_name_kanji li:nth-child(2):before{ display: none;}

	/* ======= SP =======*/
	@media (max-width: 767px) {
		.form .form_name_wrap .form_name{ width: 100%; }
		
		 /*-- セイ・メイ付き　カタカナ
		------------------------- */
		.form .form_name_wrap ul.form_name_kana,
		.form .form_name_wrap ul.form_name_kanji{ width: 100%; flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Safari */}
		.form .form_name_wrap ul.form_name_kana li,
		.form .form_name_wrap ul.form_name_kanji li { width: 100%;}
		.form .form_name_wrap ul.form_name_kana li:not(:last-child),
		.form .form_name_wrap ul.form_name_kanji li:not(:last-child) { margin-bottom:10px;}
		.form .form_name_wrap ul.form_name_kana li input[type="text"],
		.form .form_name_wrap ul.form_name_kanji li input[type="text"]{ width: 100%; }
	}

/*==============================*/
/* 個別設定 生年月日 */
/*==============================*/
.form .form_birth_wrap ul.form_birth{
	display: flex; display: -webkit-flex; /* Safari */
	justify-content: flex-start; -webkit-justify-content: flex-start; /* Safari */
}
.form .form_birth_wrap ul.form_birth li{ position: relative; }
.form .form_birth_wrap ul.form_birth li:not(:last-child){ margin-right: 30px;}

.form .form_birth_wrap ul.form_birth li.birth_year{ width: 18%; min-width: 110px;}
.form .form_birth_wrap ul.form_birth li.birth_month,
.form .form_birth_wrap ul.form_birth li.birth_day{ width: 10%; min-width: 80px;}

.form .form_birth_wrap ul.form_birth li:after{ position: absolute; top: 8px; right: -23px; }
.form .form_birth_wrap ul.form_birth li.birth_year:after{content: "年";}
.form .form_birth_wrap ul.form_birth li.birth_month:after{content: "月";}
.form .form_birth_wrap ul.form_birth li.birth_day:after{content: "日";}

.form .form_birth_wrap ul.form_birth li select{ width: 100%; }

 /*-- 確認画面
------------------------- */
#confirm .form .form_birth_wrap ul.form_birth li:after{ position: absolute; top: 0px; right: 0px; }
#confirm .form .form_birth_wrap ul.form_birth li:not(:last-child){ margin-right: 6px;}
#confirm .form .form_birth_wrap ul.form_birth li.birth_year,
#confirm .form .form_birth_wrap ul.form_birth li.birth_month,
#confirm .form .form_birth_wrap ul.form_birth li.birth_day{ width: auto; min-width: auto; padding-right: 1.3em;}

	/* ======= SP =======*/
	@media (max-width: 767px) {
		.form .form_birth_wrap ul.form_birth{
			justify-content: space-between; -webkit-justify-content: space-between; /* Safari */
			flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Safari */
		}
		.form .form_birth_wrap ul.form_birth li:not(:last-child){ margin-right: 0px;}
		.form .form_birth_wrap ul.form_birth li.birth_year{ width: 100%; min-width: 100%; padding-right: 22px; margin-bottom: 10px;}
		.form .form_birth_wrap ul.form_birth li.birth_month,
		.form .form_birth_wrap ul.form_birth li.birth_day{ width: 50%; min-width: 50%; padding-right: 22px;}
		
		.form .form_birth_wrap ul.form_birth li:after{ position: absolute; top: 9px; right: 3px; }
		
		 /*-- 確認画面
		------------------------- */
		#confirm .form .form_birth_wrap ul.form_birth { justify-content: flex-start; -webkit-justify-content: flex-start; /* Safari */ }
		#confirm .form .form_birth_wrap ul.form_birth li:after{ position: absolute; top: 0px; right: 0px; }
		#confirm .form .form_birth_wrap ul.form_birth li:not(:last-child){ margin-right: 6px;}
		#confirm .form .form_birth_wrap ul.form_birth li.birth_year,
		#confirm .form .form_birth_wrap ul.form_birth li.birth_month,
		#confirm .form .form_birth_wrap ul.form_birth li.birth_day{ width: auto; min-width: auto; padding-right: 1.3em;}
	}

/*==============================*/
/* 個別設定 メールアドレス */
/*==============================*/
.form .form_mail_wrap .form_mail_default{ max-width: 400px; width: 100%;}

/* ＠あり */
.form .form_mail_wrap ul.form_mail{
	display: flex; display: -webkit-flex; /* Safari */
	justify-content: space-between; -webkit-justify-content: space-between; /* Safari */
	max-width: 500px;
}
.form .form_mail_wrap ul.form_mail li{ width: calc( calc( 100% - 20px ) / 2 );}
.form .form_mail_wrap ul.form_mail li:first-child{ position: relative; }
.form .form_mail_wrap ul.form_mail li:first-child:after{
	position: absolute; top: 8px; right: -14px;
	content: "@";
}

/*-- 確認画面
------------------------- */
#confirm .form .form_mail_wrap ul.form_mail{
	justify-content: flex-start; -webkit-justify-content: flex-start; /* Safari */
	max-width: auto;
}
#confirm .form .form_mail_wrap ul.form_mail li{ width: auto;}
#confirm .form .form_mail_wrap ul.form_mail li:first-child{ padding-right: 10px; margin-right: 1px;}
#confirm .form .form_mail_wrap ul.form_mail li:first-child:after{ position: absolute; top: 0px; right: 0px; content: "@"; }

	/* ======= SP =======*/
	@media (max-width: 767px) {
		.form .form_mail_wrap .form_mail_default { max-width: 100%;}
	}

/*==============================*/
/* 個別設定 郵便番号 */
/*==============================*/
.form dl.form_address_wrap dd{
	display: flex; display: -webkit-flex; display:-ms-flexbox;
	flex-wrap: wrap; -webkit-flex-wrap: wrap;
}
.form .form_address_wrap ul.form_address_number{
	display: flex; display: -webkit-flex;
	justify-content: space-between; -webkit-justify-content: space-between;
	width: 330px;
	max-width: 100%;
}
.form .form_address_wrap ul.form_address_number li{
	position: relative;
	width: calc( 50% - 0.4%);
	padding-left: 20px;
}
.form .form_address_wrap ul.form_address_number li:before{ position: absolute; top: 9px; left: 0;}
.form .form_address_wrap ul.form_address_number li:first-child:before{ content: "〒"; }
.form .form_address_wrap ul.form_address_number li:nth-child(2):before{ left: 5px; content: "-"; }

.form .form_address_wrap p.form_btn{ margin-left: 16px;}

/* エラーメッセージ */
.form .form_address_wrap div.errorMessage{
	width: 100%;
	margin-top: 8px;
	color: red;
	font-size: 13px;
	line-height: 1.3em;
}

/* 〒なし */
.form .form_address_wrap ul.adress_number_none li{
	padding-left: 0;
	width: calc( calc( 100% - 24px ) / 2 );
}
.form .form_address_wrap ul.adress_number_none li:first-child:before{ display: none;}
.form .form_address_wrap ul.adress_number_none li:nth-child(2):before{
	position: absolute; top: 9px; left: -16px;
	content: "-";
}

	/* ======= SP =======*/
	@media (max-width: 767px) {
		.form dl.form_address_wrap dd{ flex-direction: column; -webkit-flex-direction: column;}
		.form .form_address_wrap ul.form_address_number{ width: 100%;}
		
		.form .form_address_wrap ul.form_address_number{ margin-bottom: 8px;}
		.form .form_address_wrap p.form_btn{
			width: 100%;
			margin-left: 0px;
		}
		.form .form_address_wrap p.form_btn >*{
			display: block;
			width: 100%;
		}
		
		/* エラーメッセージ */
		.form .form_address_wrap div.errorMessage{ margin-top: 16px;}
	}


/*-- 確認画面
------------------------- */
#confirm .form .form_address_wrap ul.form_address_number{
	justify-content: flex-start; -webkit-justify-content: flex-start; /* Safari */
	width: auto;
}
#confirm .form .form_address_wrap ul.form_address_number li{
	width: auto;
	padding-left: 20px;
}
#confirm .form .form_address_wrap ul.form_address_number li:first-child{ margin-right: 3px;}
#confirm .form .form_address_wrap ul.form_address_number li:nth-child(2){ padding-left: 11px;}
#confirm .form .form_address_wrap ul.form_address_number li:before{ position: absolute; top: 0px; left: 0;}

/* 〒なし */
#confirm .form .form_address_wrap ul.adress_number_none li:first-child{	padding-left: 0;}


/*==============================*/
/* 個別設定 住所 */
/*==============================*/
.form dl.form_street_address_wrap dd.form_street_address dl{
	display: flex; display: -webkit-flex; /* Safari */
	justify-content: space-between; -webkit-justify-content: space-between; /* Safari */
}
.form dl.form_street_address_wrap dd.form_street_address dl:not(:last-child){ margin-bottom: 6px;}
.form dl.form_street_address_wrap dd.form_street_address dl dt{ width: 140px;}
.form dl.form_street_address_wrap dd.form_street_address dl dd{ width: calc( 100% - 140px);}

	/* ======= SP =======*/
	@media (max-width: 767px) {
		.form dl.form_street_address_wrap dd.form_street_address dl:not(:last-child){ margin-bottom: 13px;}
		.form dl.form_street_address_wrap dd.form_street_address dl{ flex-direction: column; -webkit-flex-direction: column; /* Safari */}
		.form dl.form_street_address_wrap dd.form_street_address dl dt{ width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 1px; margin-bottom: 8px;}
		.form dl.form_street_address_wrap dd.form_street_address dl dd{ width: 100%;  font-size: 14px; margin-left: 10px;}
		
		.form dl.form_street_address_wrap dd.street_address_input dl:not(:last-child){ margin-bottom: 10px;}
		.form dl.form_street_address_wrap dd.street_address_input dl dt{ width: 100%; border-bottom: none;  padding-bottom: 0px; margin-bottom: 1px;}
		.form dl.form_street_address_wrap dd.street_address_input dl dd{ width: 100%;   margin-left: 0px;}

	}

/*==============================*/
/* 個別設定 パスワード */
/*==============================*/
.form .form_password_wrap .form_password{ max-width: 350px;}

	/* ======= SP =======*/
	@media (max-width: 767px) {
		.form .form_password_wrap .form_password{ max-width: 100%;}
	}

/*==============================*/
/* 個別設定 エリア */
/*==============================*/
.form .form_area_wrap ul.form_area{
	display: flex; display: -webkit-flex; /* Safari */
	justify-content: space-between; -webkit-justify-content: space-between; /* Safari */
	max-width: 450px;
	width: 100%;
}
.form .form_area_wrap ul.form_area li{ width: calc( calc( 100% - 58px) / 2); }
.form .form_area_wrap ul.form_area li:first-child{ position: relative; }
.form .form_area_wrap ul.form_area li:first-child:after{
	position: absolute; top: 7px; right: -50px;
	content: "または";
}
.form .form_area_wrap ul.form_area li select{ width: 100%; }

/*==============================*/
/* 個別設定 電話番号 */
/*==============================*/
.form .form_tell_wrap .form_tell{
	display: flex; display: -webkit-flex; /* Safari */
	justify-content: space-between; -webkit-justify-content: space-between; /* Safari */
	width: 470px;
	max-width: 100%;
}
.form .form_tell_wrap ul.form_tell li:nth-child(1){ width: calc(22% - 1%); }
.form .form_tell_wrap ul.form_tell li:nth-child(2),
.form .form_tell_wrap ul.form_tell li:nth-child(3){ width: calc(39% - 1%); }

/* ハイフンあり */
.form .form_tell_wrap ul.form_tell_hyphen li:nth-child(1){ width: calc(22% - 14px);}
.form .form_tell_wrap ul.form_tell_hyphen li:nth-child(2),
.form .form_tell_wrap ul.form_tell_hyphen li:nth-child(3){ width: calc(39% - 14px);}

.form .form_tell_wrap ul.form_tell_hyphen li:nth-child(2) { position: relative; }
.form .form_tell_wrap ul.form_tell_hyphen li:nth-child(2):before { position: absolute; top: 8px; left: -14px; content: "-"; }
.form .form_tell_wrap ul.form_tell_hyphen li:nth-child(2):after { position: absolute; top: 8px; right: -14px; content: "-";}


/*-- 確認画面
------------------------- */
#confirm .form .form_tell_wrap .form_tell{
	width: auto;
	max-width: auto;
	justify-content: flex-start; -webkit-justify-content: flex-start; /* Safari */
}
#confirm .form .form_tell_wrap ul.form_tell li{ width: auto; }
#confirm .form .form_tell_wrap ul.form_tell_hyphen li:nth-child(1){ margin-right: 3px;}
#confirm .form .form_tell_wrap ul.form_tell_hyphen li:nth-child(2){ padding: 0 11px;}
#confirm .form .form_tell_wrap ul.form_tell_hyphen li:nth-child(2):before { position: absolute; top: 0px; left: 0; content: "-"; }
#confirm .form .form_tell_wrap ul.form_tell_hyphen li:nth-child(2):after { position: absolute; top: 0px; right: 0; content: "-";}
#confirm .form .form_tell_wrap ul.form_tell_hyphen li:nth-child(3){ margin-left: 3px;}


	/* ======= SP =======*/
	@media (max-width: 767px) {
		.form .form_tell_wrap ul.form_tell_hyphen li:nth-child(1){ width: calc(26% - 10px);}
		.form .form_tell_wrap ul.form_tell_hyphen li:nth-child(2),
		.form .form_tell_wrap ul.form_tell_hyphen li:nth-child(3){ width: calc(37% - 10px);}

		.form .form_tell_wrap ul.form_tell_hyphen li:nth-child(2):before { position: absolute; top: 6px; left: -14px; content: "ー"; font-size: 12px;}
		.form .form_tell_wrap ul.form_tell_hyphen li:nth-child(2):after { position: absolute; top: 6px; right: -14px; content: "ー"; font-size: 12px;}
	}

/*==============================*/
/* 個別設定 部署・役職 */
/*==============================*/
.form .form_department_wrap ul.form_department{
	display: flex; display: -webkit-flex; /* Safari */
	justify-content: space-between; -webkit-justify-content: space-between; /* Safari */
	width: 520px;
	max-width: 100%;
}
.form_department_wrap ul.form_department li{
	position: relative;
	width: calc(50% - 1.5%);
	padding-left: 40px;
	line-height: 1.3em;
}
.form_department_wrap ul.form_department li::before{ position: absolute; top: 10px; left: 0;}
.form_department_wrap ul.form_department li:nth-child(1)::before{ content: "部署"}
.form_department_wrap ul.form_department li:nth-child(2)::before{ content: "役職"}

/* ======= SP =======*/
@media (max-width: 767px) {
	.form .form_department_wrap ul.form_department{
		flex-direction: column; -webkit-flex-direction: column;
		width: 100%;
	}
	.form_department_wrap ul.form_department li{ width: 100%;}
	.form_department_wrap ul.form_department li:not(:last-child){ margin-bottom: 6px;}
}



/*-- 確認画面
------------------------- */
#confirm .form_department_wrap ul.form_department li{ padding-left: 48px;}
#confirm .form_department_wrap ul.form_department li::before{ position: absolute; top: 0px; left: 0;}
#confirm .form_department_wrap ul.form_department li:nth-child(1)::before{ content: "部署："}
#confirm .form_department_wrap ul.form_department li:nth-child(2)::before{ content: "役職："}

/* ======= SP =======*/
@media (max-width: 767px) {
	#confirm .form_department_wrap ul.form_department li{ padding-left: 48px;}
	#confirm .form_department_wrap ul.form_department li::before{ position: absolute; top: 0px; left: 0;}
	#confirm .form_department_wrap ul.form_department li:not(:last-child){ margin-bottom: 2px;}
}



/*==============================*/
/* 個別設定 フリーワード */
/*==============================*/
.form .form_freeword_wrap input[type="text"]{
	max-width: 280px;
	width: 100%;
}

/*==============================*/
/* 個別設定 内容 */
/*==============================*/
.form .form_detail_wrap textarea{
	max-width: 470px;
	min-height: 150px;
	width: 100%;
}

/*==============================*/
/* フォームボタン */
/*==============================*/

/*-- ボタン:レイアウト -- */
.form div.btn{
	display: flex; display: -webkit-flex; display:-ms-flexbox;
    flex-wrap: wrap; -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;
}
.form div.btn p:not(:last-child){ margin-right: 16px; }
.form div.btn_center{ justify-content: center; -webkit-justify-content: center; }

/* ======= SP =======*/
	@media (max-width: 767px) {
		.form div.btn p:not(:last-child){ margin-right: 0px; }
	}	

/*-- ボタン：本体 -- */
.form div.btn p{
	min-width: 160px;
}
.form div.btn input[type="submit"] ,
.form div.btn button{
	display: inline-block;
	width: 100%;
	padding: 14px 80px 14px 80px;
	text-align: center;
	border-radius: 5px;
	letter-spacing: -0.05em;
	background: #23AE63;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}

.form div.btn input[type="submit"]:hover,
.form div.btn p.btn_gray input[type="submit"]:hover,
.form div.btn button:hover{
	transform: translateY(4px);
}

/*-- ボタン:カラー変更-- */
.form div.btn p.btn_gray input[type="submit"],
.form div.btn button.btn_gray{
	background: #CBCBCB;
}

/*-- ボタン:ボタン無効-- */
.form div.btn input[type="submit"]:disabled,
.form div.btn button:disabled{
	background: #ddd;
	color: #bbb;
	box-shadow: none;
}

/*==============================*/
/* フォームボタン:フォームdd内*/
/*==============================*/
.form_btn input[type="submit"] ,
.form_btn input[type="button"] ,
.form_btn button,
.form_btn a{
	display:  inline-block;
	min-height: 2.5em;
	line-height: 2.3em;
	padding: 2px 8px 2px 8px;
	text-align: center;
	border-radius: 5px;
	letter-spacing: -0.05em;
	background: #68CEC6;
	box-shadow: 0px 3px 0px 0px rgba(38,170,159,1);
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}
.form_btn input[type="submit"]:hover,
.form_btn input[type="button"]:hover ,
.form_btn button:hover,
.form_btn a:hover{
	transform: translateY(4px);
	box-shadow: none;
}

/*==============================*/
/* 個別設定 個人情報の取り扱いについて */
/*==============================*/
.form .form_privacy_wrap .form_privacy{
	padding: 25px;
	height: 250px;
	overflow-y: scroll;
	border: 1px solid #ccc;
	background: #fff;
}
.form .form_privacy_wrap .form_privacy dl{ margin-bottom: 25px;}
.form .form_privacy_wrap .form_privacy dl dt{
	margin-bottom: 8px;
	font-weight: bold;
	line-height: 1.2em;
}

.form .form_privacy_wrap .form_privacy dl.privacy_contact  dt{ margin-bottom: 5px; }
.form .form_privacy_wrap .form_privacy dl.privacy_contact > dd > p{ margin-bottom: 15px; }
.form .form_privacy_wrap .form_privacy dl.privacy_contact > dd dl{ margin-left: 20px;}

	/* ======= SP =======*/
	@media (max-width: 767px) {
		.form .form_privacy_wrap .form_privacy{ padding: 18px;}
		.form .form_privacy_wrap .form_privacy dl{ margin-bottom: 15px;}
	}


/*==============================*/
/* 見出し */
/*==============================*/
.parts_title_l{ font-size: 26px; }
.parts_title_m{ font-size: 22px; }
.parts_title_s{ font-size: 18px; font-weight: bold; }


/*==============================*/
/* ツールチップ*/
/*==============================*/ 
p.toolchip{ position: relative;}
p.toolchip span{
	position: absolute; bottom: calc(100% + 20px); left: 40px;
	width: 240px;
	height: auto;
	padding: 16px 16px 17px 16px;
	background: rgba(255,255,255,0.9);
	opacity: 0;
	transition: 0.5s;
	visibility: hidden;
	pointer-events: none;
	box-shadow: 1px 2px 6px 0px rgba(153,153,153,0.7);
	line-height: 1.35em;
	font-family: "Noto Sans Japanese";
}
p.toolchip:hover span{
	opacity: 1;
	visibility: visible;
	z-index: 999;
}

	/* ======= TB以下 =======*/
	@media (max-width: 1024px) {
		p.toolchip span{ display: none;}
	}


/*==============================*/
/* ポップアップ*/
/*==============================*/
p.popupBtn label{ cursor: pointer;}

.popup_wrap input{ display: none; }
.popup_overlay{
    display: flex;
    justify-content: center;
    overflow: auto;
    position: fixed; top: 0; left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    opacity: 0;
    transition: opacity 0.5s, transform 0s 0.5s;
    transform: scale(0);
}
.popup_trigger{ position: absolute; width: 100%; height: 100%; }
.popup_content{
    position: relative;
    top: 0;
    left: 0;
    align-self: center;
    max-width: 800px;
    padding: 40px;
    box-sizing: border-box;
    border-radius: 6px;
    background: #fff;
    line-height: 1.4em;
    transform: scale(1.2);
    transition: 0.5s;
}
.popup_content *{ color: #000;}
.close_button{
    position: absolute; top: 5px; right: 15px;
    font-size: 24px;
    cursor: pointer;
    box-shadow: none!important;
}
.popup_wrap input:checked ~ .popup_overlay{ opacity: 1; transform: scale(1); transition: opacity 0.5s; }
.popup_wrap input:checked ~ .popup_overlay .popup_content{ transform: scale(1); }

	/* ======= SP以上 =======*/
	@media (min-width: 744px){
		.popup_content{ min-width: 392px;}
	}

	/* ======= SP =======*/
	@media (max-width: 767px){
		.popup_content{ padding: 25px; }
	}




/*==============================*/
/* base.cssと別に追加分*/
/*==============================*/ 

/* Boxパーツ追加分 */
.border-box-bg_gray > *{
    background: #EBF3F5;
    padding: 15px;
	border-radius: 7px;
    margin-bottom: 10px;
}
/* base.css：border-box上書き設定 */
.border-box > *{
    border: 1px solid #259D94;
}
/* base.css：border-box-round上書き設定 */
.border-box-round > *{
    border: 1px solid #259D94;
}

/* テーブル上書き設定 */
.table { width:100%; margin-bottom:1px; color:#259D94; }
.table th,
.table td { padding:0.5rem; vertical-align:top; border:1px solid #259D94; }
.table-border,
.table-border th,
.table-border td {  border:1px solid #259D94; }
.table-striped tbody tr:nth-of-type(odd) { background-color:rgba(235, 243, 245, 0.7); }
.table-hover tbody tr:hover { background-color:rgba(235, 243, 245, 0.8); }

/* 文字装飾追加分 */
.color_red{
	color: red;
}