@charset "UTF-8";
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&family=Noto+Serif+JP:wght@200;400;600&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@600&display=swap');

 body {
 	font-family: 'Noto Sans JP', 'Noto Serif JP', Hiragino Kaku Gothic ProN, "Hiragino Sans", "Yu Gothic", YuGothic, "Yu Gothic Medium", Verdana, Meiryo, sans-serif;
 	color: #000;
 	font-size: 14px;
 	line-height: normal;
 	letter-spacing: 0.08em;
 	margin: 0px !important;
 }

 b,
 strong,
 .bold {
 	font-family: 'Noto Sans JP', 'Noto Serif JP', Hiragino Kaku Gothic ProN, "Hiragino Sans", "Yu Gothic", YuGothic, "Yu Gothic Medium", Verdana, Meiryo, sans-serif;
 	font-weight: bold;
 }

 main {
 	overflow: hidden;
 }

 /* =====================

汎用style

===================== */
 /* スマホ改行解除用*/

 @media screen and (max-width: 799px) {
 	.spbr_none {
 		display: none;
 	}
 }

 .txt_cn {
 	text-align: center;
 }


 a:hover {
 	opacity: 0.7;
 }

 a {
 	text-decoration: none;
 }

 .tcenter {
 	text-align: center;
 }


 /*=====================

ローディング

=====================*/


 /* ローディング画面 */
 #loader {
 	width: 100vw;
 	height: 100vh;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	transition: all 1s;
 	background: linear-gradient(to right, #d3edfb, #fdeff5, #fffcdb);
 	position: fixed;
 	top: 0;
 	left: 0;
 	z-index: 9999;
 }

 .loaded {
 	opacity: 0;
 	visibility: hidden;
 }

 #load_id img {
 	max-width: 340px;
 }

 /* ローディングアニメーション */
 @keyframes sk-scaleout {
 	0% {
 		transform: scale(0);
 	}

 	100% {
 		transform: scale(1.0);
 		opacity: 0;
 	}
 }


 /*=====================

ヘッダー

=====================*/

 #header {
 	background: rgba(255, 255, 255, 0.7);
 	color: #004ea2;
 	font-weight: bold;
 	z-index: 900;
 	display: flex;
 	align-items: center;
 	position: relative;
 	width: 100%;
 	min-width: 100%;
 	height: 90px;
 	transition: all 0.6s ease 1.6s;
 }

 #header.fixed {
 	position: fixed;
 	background: rgba(255, 255, 255, 0.8);
 	z-index: 999;
 	height: 90px;
 }

 #header a {
 	color: #fff;
 }

 #header a:hover {
 	opacity: 0.7;
 }

 #site_id {
 	width: auto;
 	position: absolute;
 	top: 0px;
 }


 #site_id img {
 	max-width: 190px;
 	width: 100%;
 	margin: 30px 0 25px 20px;
 }

 body#recruit_top header #site_idbg {
 	display: block;
 	position: absolute;
 	top: 0;
 	left: 0;
 	transition: all 0.2s ease 0.2s;
 }

 body#recruit_top header.fixed #site_idbg {
 	display: none;
 }

 #site_idbg img {
 	width: 100px;
 }

 menu {
 	width: 100%;

 }

 ul.menulist {
 	display: flex;
 	flex-direction: column;
 	padding-top: 0px;
 	padding-right: 0px;
 	max-width: 360px;
 	margin: 0 auto;
 	text-align: center;
 }

 ul.menulist li {
 	padding: 10px 12px !important;
 	vertical-align: middle;
 }

 #header .header_inner {
 	width: 100%;
 	height: 90px;
 	position: relative;
 	top: 0;
 }

 #header .head_box {
 	width: 100%;
 	position: relative;
 	margin: 0px auto 0;
 	display: flex;
 	justify-content: space-between;

 }

 #header .menu {
 	width: 100%;
 	background-color: #004ea2;
 }

 #header .menu p {
 	text-align: center;
 	margin-top: 30px;
 	color: #fff;
 }

 #header .menu .menu-menu-container {
 	max-width: 100%;
 	margin: 50px 30px 0;
 	display: flex;
 	flex-direction: column;
 }

 #header .menu li {
 	display: inline;
 	padding: 2px 12px;
 	width: auto;
 	border-bottom: none;
 }

 #header .menu li a {
 	font-size: 1.4rem;
 	font-weight: normal;
 	text-decoration: none;
 }

 #header .menu_btn {
 	display: flex;
 	flex-direction: column;
 	text-align: center;
 	padding: 0;
 	margin: 10px 0 30px;

 }

 #header .menu_btn .contact_btn a {
 	background-color: #fff !important;
 	color: #004ea2;
 	border-radius: 26px;
 	min-width: 180px;
 	display: inline-block;
 	padding: 12px 18px;
 	margin-bottom: 8px;
 }

 #header .menu_btn .pt_btn a {
 	background-color: #fff !important;
 	color: #004ea2;
 	border-radius: 56px;
 	min-width: 180px;
 	display: inline-block;
 	padding: 12px 18px;
 }

 /*  headfix losefit control  */

 .fix_margin {
 	margin-top: 90px;
 }

 /* グローバルメニュー */
 .global-nav {
 	margin: 0;
 	display: none;
 	position: fixed;
 	width: 100%;
 	height: 100vh;
 	transition: all .6s;
 	z-index: 200;

 }

 .hamburger {
 	position: absolute;
 	right: 10px;
 	top: 20px;
 	width: 50px;
 	/* クリックしやすいようにちゃんと幅を指定する */
 	height: 50px;
 	/* クリックしやすいようにちゃんと高さを指定する */
 	cursor: pointer;
 	z-index: 300;
 }

 .hamburger__line {
 	position: absolute;
 	left: 11px;
 	width: 30px;
 	height: 2px;
 	background-color: #004ea2;
 	transition: all .6s;
 }

 .nav-open .hamburger__line {
 	background-color: #fff;
 }

 .hamburger__line--1 {
 	top: 14px;
 }

 .hamburger__line--2 {
 	top: 25px;
 	width: 20px;
 	left: 21px;
 }

 .hamburger__line--3 {
 	top: 36px;
 }



 .nav-open .global-nav {
 	display: block;
 }

 .nav-open .black-bg {
 	opacity: .8;
 	visibility: visible;
 }

 .nav-open .hamburger__line--1 {
 	transform: rotate(45deg);
 	top: 20px;
 }

 .nav-open .hamburger__line--2 {
 	width: 0;
 	left: 50%;
 }

 .nav-open .hamburger__line--3 {
 	transform: rotate(-45deg);
 	top: 20px;
 }


 /* サブナビゲーション */

 .global-nav-header {
 	display: none;
 }

 .head_entry_btn a {
 	position: absolute;
 	display: inline-block;
 	right: 70px;
 	top: 30px;
 	min-width: 66px;
 	padding: 6px;
 	background-color: #004ea2;
 	color: #fff !important;
 	text-align: center;
 	letter-spacing: 0.1rem;
 }



 /* =====================

  セクション　共通

===================== */


 #entry_box {
 	background-color: #004ea2;
 	text-align: center;
 	padding: 60px;
 }

 #entry_box h2 {
 	color: #fff !important;
 	letter-spacing: 0.4rem;
 	font-size: 2.2rem;
 	padding-bottom: 40px;
 }

 #entry_box a {
 	color: #004ea2;
 	padding: 16px 40px;
 	width: auto;
 	background-color: #fff;
 	border: 1px #fff solid;
 	border-radius: 30px;
 	font-size: 1rem;
 	display: inline-block;
 	margin-bottom: 15px;
 	min-width: 100px;
 }



 /* =====================

  コンテンツ

===================== */

 /* top */


 #top_main {
 	position: relative;
 	width: 100%;
 	background: url(/recruit/img/top/top_mainBG.png) repeat-x top;
 	min-height: 360px;
 }

 #top_main img {
 	margin: 0 auto;
 	position: absolute;
 	width: 100%;
 	top: 0;
 	left: 50%;
 	transform: translateX(-50%);
 	-webkit-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 }

 #top_main #top_read {
 	position: absolute;
 	top: 100px;
 	left: 50%;
 	transform: translateX(-50%);
 	-webkit-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 }

 #top_main #top_subread {
 	position: absolute;
 	bottom: 130px;
 	right: 28%;
 }




 #message {
 	position: relative;
 	height: 390px;
 	min-width: 350px;
 	width: 100%;
 	margin-top: 60px;
 }

 #message .leftline_a {
 	position: absolute;
 	top: -30px;
 	left: 0px;
 }

 #message .leftbox_a {
 	width: 70%;
 	min-width: 310px;
 	max-width: 280px;
 	padding: 30px 20px;
 	background-color: #eaf6fd;
 	position: absolute;
 	left: 0px;
 	top: 45px;
 	display: flex;
 	justify-content: center;
 	z-index: 10;
 }

 #message .leftbox_a .box_inner {
 	text-align: left;
 	max-width: 660px;
 }

 #message .leftbox_a h2 {
 	color: #004ea2;
 	font-size: 2.1rem;
 	letter-spacing: 0.2rem;
 }

 #message .leftbox_a p {
 	line-height: 1.5;
 	font-size: 0.84rem;
 	padding: 15px 0;
 }

 .more_btn a {
 	background-color: #004ea2;
 	color: #fff;
 	padding: 15px 40px;
 	position: relative;
 }

 .more_btn a::after {
 	content: "";
 	background: url(/recruit/img/top/btn_arrow_a.svg) no-repeat left;
 	width: 80px;
 	height: 15px;
 	position: absolute;
 	top: 15px;
 	right: -60px;
 }

 #message .rightline_a {
 	position: absolute;
 	bottom: 0px;
 	right: 0px;
 	text-align: right;
 }

 #message .rightline_a img {
 	width: 100%;
 }

 #message .rightbox_ab {
 	position: absolute;
 	top: 0;
 	right: 0;
 	text-align: right;
 }

 #message .rightbox_ab img {
 	width: 90%;
 }


 #message .rightbox_a {
 	position: absolute;
 	text-align: right;
 	right: 0px;
 	bottom: 0px;
 }

 #message .rightbox_a img {
 	width: 100%;
 }

 #about {
 	background-color: #e6f4fd;
 	text-align: center;
 	padding: 25px;
 	margin-top: 40px;
 }

 #about h2 {
 	color: #004ea2;
 	font-size: 2.1rem;
 	letter-spacing: 0.4rem;
 	padding: 0px 0 20px;
 }

 #about img {
 	width: 100%;
 }

 #about p {
 	font-size: 1rem;
 	line-height: 1.8;
 	padding: 30px 0;
 }

 #interview {
 	position: relative;
 	height: 565px;
 	width: 100%;
 	margin-top: 120px;
 	background: #e6f4fd;
 }

 #interview .leftbox_ba {
 	position: absolute;
 	left: -100px;
 	top: -45px;
 }

 #interview .leftbox_b {
 	position: absolute;
 	left: 0px;
 	top: -30px;
 	width: 300px;
 	height: 100px;
 	background: url(/recruit/img/top/top_blue_head_a.svg) no-repeat right;
 	background-size: cover;

 	display: flex;
 	justify-content: start;
 	align-items: center;
 	padding-left: 30px;
 	font-size: 1.5rem;
 	letter-spacing: 0.6rem;
 	color: #fff;
 }

 #interview .rightline_b {
 	position: absolute;
 	right: 0;
 	top: -55px;
 }

 #interview .int_box {
 	padding: 110px 10px;
 	text-align: center;
 	max-width: 360px;
 	margin: 0 auto;
 }

 #interview .int_box .slick-slide {
 	background-color: #fff;
 	text-align: left;
 	margin: 10px;
 	max-width: 320px;
 	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
 }


 #interview .int_box .slick-slide img {
 	width: 100%;
 }

 #interview .int_box .slick-slide p.int_ex {
 	font-size: 0.3rem;
 	padding: 15px 10px 0;
 }

 #interview .int_box .slick-slide p.int_name {
 	font-size: 1rem;
 	font-weight: bold;
 	padding: 6px 10px 15px;
 }

 #interview p.more_btn a {
 	margin-top: 80px;
 	display: inline-block;
 	z-index: 30;
 }




 .slick-prev::before {
 	content: "";
 	display: block;
 	width: 25px;
 	height: 50px;
 	background: url('/recruit/img/top/bx_arr_left.svg') no-repeat;
 	background-size: 50%;
 }

 .slick-next::before {
 	content: "";
 	display: block;
 	width: 30px;
 	height: 50px;
 	background: url('/recruit/img/top/bx_arr_right.svg') no-repeat;
 	background-size: 50%;
 }

 .slick-prev {
 	left: -15px;
	height: 50px;
	width: 25px;
 }

 .slick-next {
 	right: -15px;
	height: 50px;
	width: 25px;
 }



 #datacoll {
 	position: relative;
 	height: 700px;
 	width: 100%;
 	margin-top: 120px;
 	background: #e6f4fd;
 	padding: 0 20px;
 }

 #datacoll img {
 	width: 100%;
 }

 #datacoll .rightbox_c {
 	position: absolute;
 	right: 0px;
 	top: -260px;
 	text-align: right;
 }

 #datacoll .rightbox_c img {
 	width: 50%;
 }

 #datacoll .rightbox_ca {
 	position: absolute;
 	right: 0px;
 	top: -80px;
 	width: 330px;
 	height: 100px;
 	background: url(/recruit/img/top/top_blue_head_b.svg);
 	background-size: cover;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	padding-left: 30px;
 	font-size: 1.45rem;
 	letter-spacing: 0.1rem;
 	color: #fff;
 }

 #datacoll .leftline_c {
 	position: absolute;
 	left: -5px;
 	top: -80px;
 }

 #datacoll .coll_box {
 	padding: 70px 0;
 	text-align: center;
 	;
 }

 #datacoll .coll_box p {
 	padding: 0 0 55px;
 	line-height: 2rem;
 	font-size: 1rem;
 }


 /*-------------

下階層

----------------*/

 body#recruit_message #site_idbg, body#recruit_about #site_idbg, body#recruit_interview #site_idbg, body#recruit_datacollection #site_idbg, body#recruit_req #site_idbg, body#recruit_entry #site_idbg {
 	display: none;
 }

 .snd_content_920 {
 	width: 100%;
 	max-width: 100%;
 	margin: 0 auto;
 	padding: 40px 0 0;
 }

 .snd_content_1080 {
 	width: 100%;
 	max-width: 1080px;
 	margin: 0 auto;
 	padding: 40px 0 0;
 }

 .snd_content_1000 {
 	width: 100%;
 	max-width: 1000px;
 	margin: 0 auto;
 	padding: 70px 0 0;
 }

 .snd_content_1140 {
 	width: 100%;
 	max-width: 1140px;
 	margin: 0 auto 40px;
 	padding: 40px 0;
 	background-color: #fff;
 }

 .snd_content_pbule {
 	background: #eaf6fd;
 }

 #snd_headimg {
 	position: relative;
 }

 #snd_headimg img {
 	width: 100%;
 }

 #snd_headimg h1 {
 	position: absolute;
 	top: 30px;
 	left: 30px;
 	width: 120px;
 }

 #message_top #recruit_head {
 	font-family: 'Noto Serif JP';
 	font-weight: normal;
 	font-size: 2rem;
 	padding-bottom: 45px;
 	text-align: center;
 }

 #message_top img {
 	width: 100%;
 	margin-bottom: 30px;
 	padding: 0 15px;
 }

 #message_top h3 {
 	font-size: 1.2rem;
 	padding: 20px 0px 12px;
 	border-bottom: 1px #004ea2 solid;
 	color: #004ea2;
 	margin: 0 15px;
 }

 #message_top p {
 	font-size: 0.8rem;
 	line-height: 1.4;
 	padding: 15px 15px 30px;
 	text-align: justify;
 }

 #message_top p:last-child {
 	margin-bottom: 170px;
 }

 .message_topname {
 	font-family: 'Noto Serif JP';
 	font-weight: normal;
 	font-size: 1.65rem !important;
 	padding: 130px 15px 100px !important;
 }

 .message_topname span {
 	font-size: 1.2rem !important;
 	padding-right: 10px;
 }


 #about_top #recruit_head {
 	font-family: 'Noto Suns JP';
 	font-weight: normal;
 	font-size: 1.2rem;
 	color: #004ea2;
 	text-align: center;
 	padding-bottom: 10px;
 	padding-left: 15px;
 }


 #about_top img {
 	width: 100%;
 	margin: 20px 0 110px;
 	padding: 0 15px;
 	max-width: 920px;
 }

 #about_top h3 {
 	font-size: 1.2rem;
 	color: #004ea2;
 	text-align: center;
 }

 #about_top p.about_txt {
 	font-size: 0.8rem;
 	color: #000;
 	text-align: center;
 	line-height: 1.6;
 	padding: 15px 15px 30px;
 }

 .about_box {
 	border: 1px #000 dotted;
 	padding: 15px 10px;
 	margin: 0 15px 30px;
 }

 /* accoudion */
 .about_box .accordion {
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
 }

 .accordion p.acc_btn {
 	position: relative;
 	padding: 0 !important;
 	cursor: pointer;
 	display: flex;
 	flex-direction: row;
 	justify-content: start;
 	align-items: center;
 }

 .accordion p.acc_btn img {
 	width: 100%;
 	max-width: 105px !important;
 	margin: 0 !important;
 }

 .accordion p.acc_btn span {
 	color: #004ea2;
 	font-size: 1.2rem;
 	padding-left: 18px;
 	font-weight: bold;
 }

 .accordion p.acc_btn::after {
 	position: absolute;
 	content: "";
 	background: url(/recruit/img/about/about_acc_btn_plus.svg) no-repeat;
 	width: 40px;
 	height: 40px;
 	right: 20px;
 	top: 30%;
 }

 .accordion p.acc_btn.open::after {
 	position: absolute;
 	content: "";
 	background: url(/recruit/img/about/about_acc_btn_minus.svg) no-repeat;
 	width: 40px;
 	height: 40px;
 	right: 20px;
 	top: 30%;
 }

 .answer {
 	padding: 10px 6px;
 	max-width: 100%;
 	display: none;
 }

 .open .answer {
 	display: block;
 }

 .answer h4 {
 	color: #004ea2;
 }

 .answer p {
 	background: none;
 	padding: 8px 4px 12px !important;
 	text-align: justify;
 }

 .answer ul {
 	display: flex;
 	justify-content: space-between;
 	flex-wrap: wrap;
 	margin: 30px 0;
 }

 .answer ul li {
 	font-size: 1.0rem;
 	flex-basis: 100%;
 }

 #interv_top ul {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 	justify-content: space-between;
 	margin: 20px 22px;
 }

 #interv_top ul li {
 	background: #fff;
 	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
 	margin-bottom: 30px;
 	flex-basis: 47%;
 }

 #interv_top ul li img {
 	width: 100%;
 	max-width: 100%;
 }

 #interv_top ul li p.int_ex {
 	font-size: 0.6rem;
 	padding: 15px 10px 0;
 }

 #interv_top ul li p.int_name {
 	font-size: 1rem;
 	font-weight: bold;
 	padding: 6px 10px 15px;
 }

 #recruit_interview #snd_headimg {
 	z-index: 12;
 }

 #recruit_interview #snd_headimg .read {
 	position: absolute;
 	bottom: -60px;
 	left: 15px;
 	width: 200px;
 	background-color: #004ea2;
 	color: #fff;
 	min-height: 60px;
 	padding: 20px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	z-index: 8;
 }

 #recruit_interview #snd_headimg .read .int_ex {
 	font-size: 0.7rem;
 	padding-bottom: 5px;
 }

 #recruit_interview #snd_headimg .read .int_name {
 	font-size: 1.0rem;
 }

 #recruit_interview #snd_headimg .sub_read {
 	position: absolute;
 	top: 58%;
 	left: 15px;
 	width: auto;
 }

 #recruit_interview #snd_headimg .sub_read p {
 	display: block;
 	padding: 3px;
 	background-color: #004ea2;
 	color: #fff;
 	font-size: 1.1rem;
 	margin-bottom: 6px;
 }

 #interv_staff {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 }

 #interv_staff .int_box {
 	background-color: #eaf6fd;
 	max-width: 100%;
 	width: 100%;
 	margin: -10px auto 30px;
 	position: relative;
 	min-height: 1800px;
 	height: auto;
 }

 #interv_staff .int_box .l_img {
 	position: relative;
 	width: 100%;
 	left: 0;
 	top: -60px;
 	z-index: 6;
 }

 #interv_staff .int_box .int_lbox {
 	position: relative;
 	background-color: #fff;
 	padding: 0 15px 30px;
 	max-width: 700px;
 	z-index: 1;
 	margin-top: 200px;
 	float: none;
 }

 #interv_staff .int_box .r_img {
 	position: relative;
 	width: 100%;
 	right: 0;
 	top: -60px;
 	z-index: 6;
 }

 #interv_staff .int_box .int_rbox {
 	position: relative;
 	background-color: #fff;
 	padding: 0 15px 30px;
 	max-width: 700px;
 	z-index: 1;
 	margin-top: 200px;
 	float: none;
 }

 #interv_staff .int_box h3 {
 	font-size: 1.2rem;
 	padding: 0px 0 30px;
 	color: #004ea2;
 }

 #interv_staff .int_box p {
 	font-size: 0.9rem;
 	line-height: 1.5;
 	text-align: justify;
 }

 .int_timebox {
 	background-color: #bbd8f1;
 	max-width: 800px;
 	width: 100%;
 	padding: 60px 15px;
 	margin-bottom: 60px;
 }

 .int_timebox h2 {
 	text-align: center;
 	color: #004ea2;
 	font-size: 1.2rem;
 	padding: 0px 0 40px;
 }

 .int_timebox ul {
 	background: url(/recruit/img/interview/timeline_bg.png) repeat-y left 26px top 0;
 	display: flex;
 	flex-direction: column;
 }

 .int_timebox ul li {
 	display: flex;
 	flex-direction: row;
 	justify-content: flex-start;
 	padding: 5px 0 5px 40px;
 }

 .int_timebox ul li .tl_inbox {
 	flex-basis: 48%;
 	width: 100%;
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
 	align-items: center;
 }

 .int_timebox ul li .tl_inbox .time_ex {
 	border-radius: 6px;
 	padding: 20px;
 	background-color: #004ea2;
 	color: #FFF;
 	position: relative;
 	min-width: 220px;
 	font-size: 0.8rem;
 	order: 2;
 }

 .int_timebox ul li .tl_inbox .time_ex span {
 	color: #fff100;
 	font-size: 1.1rem;
 }

 .int_timebox ul li .tl_inbox .time_ex::after {
 	content: "";
 	background: url(/recruit/img/interview/int_arr_l.svg) no-repeat;
 	width: 12px;
 	height: 12px;
 	position: absolute;
 	left: -10px;
 	top: 45%;
 }

 .int_timebox ul li .tl_inbox .time_in {
 	font-size: 1rem;
 	color: #004ea2;
 	font-weight: bold;
 	position: relative;
 	padding: 0 15px 0 15px;
 	order: 1;
 }


 .int_timebox ul li .tl_inbox .time_in::after {
 	content: "";
 	background: url(/recruit/img/interview/timeline_dot.svg) no-repeat;
 	width: 30px;
 	height: 30px;
 	position: absolute;
 	left: -29px;
 	top: 0;
 }

 .int_timebox ul li:nth-child(2n) {
 	justify-content: flex-start;
 }

 .int_timebox ul li:nth-child(2n) .tl_inbox {
 	flex-basis: 48%;
 }

 .int_timebox ul li:nth-child(2n) .tl_inbox .time_ex {
 	order: 2;
 }

 .int_timebox ul li:nth-child(2n) .tl_inbox .time_ex::after {
 	background: url(/recruit/img/interview/int_arr_l.svg) no-repeat;
 	left: -10px;
 }

 .int_timebox ul li:nth-child(2n) .tl_inbox .time_in {
 	padding: 0 15px 0 15px;
 	order: 1;
 }

 .int_timebox ul li:nth-child(2n) .tl_inbox .time_in::after {
 	background: url(/recruit/img/interview/timeline_dot.svg) no-repeat;
 	left: -28px;
 }

 .int_ctl {
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
 	align-items: center;
 	width: 100%;
 	max-width: 340px;
 	padding: 30px 0 40px;
 }

 .int_ctl .prev, .int_ctl .next {
 	position: relative;
 	color: #000;
 }

 .int_ctl .prev img, .int_ctl .next img {
 	width: 100%;
 	max-width: 120px;
 }

 .int_ctl .prev .int_ex, .int_ctl .next .int_ex {
 	font-size: 0.7rem;
 }

 .int_ctl .prev .int_name, .int_ctl .next .int_name {
 	font-size: 0.9rem;
 	font-weight: bold;
 }

 .int_ctl .prev {
 	padding-left: 30px;
 }

 .int_ctl .next {
 	padding-right: 30px;
 }

 .int_ctl .prev::before {
 	position: absolute;
 	content: "";
 	background: url(/recruit/img/interview/int_ctl_prev.svg);
 	width: 80px;
 	height: 7px;
 	left: -8px;
 	top: 45%;
 }

 .int_ctl .next::after {
 	position: absolute;
 	content: "";
 	background: url(/recruit/img/interview/int_ctl_next.svg);
 	width: 80px;
 	height: 7px;
 	right: -8px;
 	top: 45%;
 }

 .int_pp {
 	background: #bbd8f1;
 	width: 100%;
 	max-width: 800px;
 	margin: -70px auto 0;
 	padding: 50px 22px;
 }

 .int_pp ul {
 	display: flex;
 	flex-wrap: wrap;
 	flex-direction: row;
 	justify-content: space-between;
 }

 .int_pp ul li img {
 	width: 100%;
 	max-width: 100%;
 }

 .int_pp ul li p {
 	padding: 5px 0 30px;
 }



 /*       data collectiom        */

 #recruit_datacollection #snd_headimg h1 img {
 	min-width: 200px;
 }


 #datac_top h2 {
 	color: #004ea2;
 	text-align: center;
 	font-size: 1.9rem;
 	padding: 40px 0;
 }

 #data_box {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 	justify-content: space-between;
 	margin-bottom: 40px;
 }

 #data_box:last-child {
 	margin-bottom: 120px;

 }

 #data_box .data_in {
 	flex-basis: 100%;
 	padding: 40px 12px;
 	background-color: #fff;
 	margin: 10px 15px;
 	text-align: center;
 	min-height: auto;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: space-between;
 }

 #data_box .data_in h3 {
 	font-size: 1.7rem;
 	font-weight: normal;
 	padding-bottom: 30px;
 }

 #data_box .data_in p.dis {
 	font-size: 0.7rem;
 	text-align: left;
 	padding-top: 20px;
 }

 #data_box .data_in p img {
 	width: 100%;
 	max-width: 300px;
 }

 #data_box .data_in div {
 	background-size: contain !important;
 }

 #data_box .data_in p span.count-up {
 	font-family: 'Urbanist', sans-serif;
 	font-weight: 600;
 }

 #data_box .data_in .gyoseki {
 	position: relative;
 	background: url(/recruit/img/datacollection/gyoseki.svg) no-repeat center center;
 	width: 270px;
 	height: 270px;
 }

 #data_box .data_in .shihon {
 	position: relative;
 	background: url(/recruit/img/datacollection/shihon.svg) no-repeat center bottom;
 	width: 200px;
 	height: 220px;
 }

 #data_box .data_in .kyoten img {
 	max-width: 200px;
 }

 #data_box .data_in .shain {
 	position: relative;
 	background: url(/recruit/img/datacollection/shain.svg) no-repeat center bottom;
 	width: 300px;
 	height: 220px;
 	background-size: 240px 220px !important;
 }

 #data_box .data_in .danjo {
 	position: relative;
 	background: url(/recruit/img/datacollection/danjo.svg) no-repeat center center;
 	width: 200px;
 	height: 200px;
 	background-size: 180px 180px !important;
 }

 #data_box .data_in .heikinn {
 	position: relative;
 	background: url(/recruit/img/datacollection/heikinn.svg) no-repeat center center;
 	width: 300px;
 	height: 220px;
 }

 #data_box .data_in .heikinkin {
 	position: relative;
 	background: url(/recruit/img/datacollection/heikinkin.svg) no-repeat center center;
 	width: 300px;
 	height: 220px;
 }

 #data_box .data_in .nyusha_bun {
 	position: relative;
 	background: url(/recruit/img/datacollection/nyuusha_bun.svg) no-repeat center center;
 	width: 300px;
 	height: 220px;

 }

 #data_box .data_in .kyujitu {
 	position: relative;
 	background: url(/recruit/img/datacollection/kyujitu.svg) no-repeat left center;
 	width: 300px;
 	height: 220px;
 	background-size: 160px 130px !important;
 }

 #data_box .data_in .zangyo {
 	position: relative;
 	background: url(/recruit/img/datacollection/zangyo.svg) no-repeat center center;
 	width: 300px;
 	height: 220px;
 	background-size: 160px 130px !important;
 }

 #data_box .data_in .yukyu {
 	position: relative;
 	background: url(/recruit/img/datacollection/yukyu.svg) no-repeat center center;
 	width: 300px;
 	height: 220px;
 	background-size: 160px 130px !important;
 }

 #data_box .data_in .ikukyu {
 	position: relative;
 	background: url(/recruit/img/datacollection/ikukyu.svg) no-repeat left 30% center;
 	width: 300px;
 	height: 220px;
 	background-size: 160px 130px !important;
 }

 #data_box .data_in .ikukyu p {
 	position: absolute;
 	top: 120px;
 	right: 30px;
 }

 #data_box .data_in .rishoku {
 	position: relative;
 	background: url(/recruit/img/datacollection/rishoku.svg) no-repeat center top;
 	width: 80px;
 	height: 220px;
 	background-size: 160px 130px !important;
 }


 #data_box .data_in .gyoseki p {
 	position: absolute;
 	top: 5px;
 	right: 6px;
 }

 #data_box .data_in .shihon p {
 	position: absolute;
 	top: -20px;
 	right: -5px;
 }

 #data_box .data_in .shain p {
 	position: absolute;
 	top: -10px;
 	right: 18px;
 }

 #data_box .data_in .danjo p.dan {
 	position: absolute;
 	top: 125px;
 	left: 30px;
 }

 #data_box .data_in .danjo p.jo {
 	position: absolute;
 	top: 125px;
 	right: 10px;
 }

 #data_box .data_in .heikinn p {
 	position: absolute;
 	top: 88px;
 	left: 40px;
 }

 #data_box .data_in .heikinkin p {
 	position: absolute;
 	top: 88px;
 	left: 62px;
 }

 #data_box .data_in .nyusha_bun p.shin {
 	position: absolute;
 	top: 38px;
 	right: 82px;
 }

 #data_box .data_in .nyusha_bun p.tyuto {
 	position: absolute;
 	top: 76px;
 	left: 88px;
 }

 #data_box .data_in .kyujitu p {
 	position: absolute;
 	top: 120px;
 	right: 40px;
 }

 #data_box .data_in .zangyo p {
 	position: absolute;
 	top: 82px;
 	left: 110px;
 }

 #data_box .data_in .yukyu p {
 	position: absolute;
 	top: 122px;
 	right: 42px;
 }

 #data_box .data_in .ikukyu p {
 	position: absolute;
 	top: 130px;
 	right: 32px;
 }

 #data_box .data_in .rishoku p {
 	position: absolute;
 	top: 132px;
 	left: 26px;
 }


 #data_box .data_in .count_size_a {
 	font-size: 6rem;
 	font-weight: bold;
 	color: #004ea2;
 }

 #data_box .data_in .year {
 	font-size: 1.2rem;
 	margin-left: -13px;
 	color: #004ea2;
 }

 #data_box .data_in .count_size_b {
 	font-size: 3.1rem;
 	font-weight: bold;
 	color: #004ea2;
 }

 #data_box .data_in .oku {
 	font-size: 1.0rem;
 	margin-left: 0px;
 	color: #004ea2;
 }

 #data_box .data_in .count_size_c {
 	font-size: 3.4rem;
 	font-weight: bold;
 	color: #004ea2;
 }

 #data_box .data_in .percent {
 	font-size: 1.0rem;
 	margin-left: 0px;
 	color: #004ea2;
 }

 #data_box .data_in .count_size_d {
 	font-size: 2.7rem;
 	font-weight: bold;
 	color: #004ea2;
 }

 #data_box .data_in .nin {
 	font-size: 1.0rem;
 	margin-left: 0px;
 	color: #004ea2;
 }

 #data_box .data_in .count_size_e {
 	font-size: 2.7rem;
 	font-weight: bold;
 	color: #004ea2;
 }

 #data_box .data_in .count_size_f {
 	font-size: 2.4rem;
 	font-weight: bold;
 	color: #004ea2;
 }

 #data_box .data_in .sai {
 	font-size: 1.0rem;
 	margin-left: 0px;
 	color: #004ea2;
 }

 #data_box .data_in .count_size_g {
 	font-size: 3.4rem;
 	font-weight: bold;
 	color: #fff;
 }

 #data_box .data_in .count_size_h {
 	font-size: 3.4rem;
 	font-weight: bold;
 	color: #004ea2;
 }

 #data_box .data_in .count_size_i {
 	font-size: 3.4rem;
 	font-weight: bold;
 	color: #004ea2;
 }

 #data_box .data_in .count_size_j {
 	font-size: 2.8rem;
 	font-weight: bold;
 	color: #004ea2;
 }

 #data_box .data_in .count_size_k {
 	font-size: 2.8rem;
 	font-weight: bold;
 	color: #004ea2;
 }


 /*　mac ff のみ　　

.mac.gecko #data_box .data_in .gyoseki p {position: absolute; top: 5px; right: 0px;}
.mac.gecko #data_box .data_in .shihon p {position: absolute; top: -20px; right: -5px;}
.mac.gecko #data_box .data_in .kyoten img {max-width: 200px;}
.mac.gecko #data_box .data_in .shain p {position: absolute; top: -10px; right: 10px;}
.mac.gecko #data_box .data_in .danjo p.dan {position: absolute; top: 115px; left: 20px;}
.mac.gecko #data_box .data_in .danjo p.jo {position: absolute; top: 115px; right: 5px;}
.mac.gecko #data_box .data_in .heikinn p {position: absolute; top: 80px; left: 28px;}
.mac.gecko #data_box .data_in .heikinkin p {position: absolute; top: 80px; left: 50px;}
.mac.gecko #data_box .data_in .nyusha_bun p.shin {position: absolute; top: 33px; right: 82px;}
.mac.gecko #data_box .data_in .nyusha_bun p.tyuto {position: absolute; top: 70px; left: 88px;}
.mac.gecko #data_box .data_in .kyujitu p {position: absolute; top: 110px; right: 20px;}
.mac.gecko #data_box .data_in .zangyo p {position: absolute; top: 72px; left: 90px;}
.mac.gecko #data_box .data_in .yukyu p {position: absolute; top: 117px; right: 32px;}
.mac.gecko #data_box .data_in .ikukyu p {position: absolute; top: 120px; right: 20px;}
.mac.gecko #data_box .data_in .rishoku p {position: absolute; top: 132px; left: 26px;}

*/

 h2#req_head {
 	text-align: center;
 	font-size: 2rem;
 	color: #004ea2;
 	padding: 20px 0 60px;
 }

 #req_box {
 	padding: 40px 10px;
 }

 .attention {
 	color: red;
 	padding: 20px 0;
 }

 #req_box a {
 	color: #004ea2;
 	text-decoration: underline;
 }

 #req_box h3 {
 	padding: 30px 0 10px;
 	text-align: left;
 	border-bottom: 1px solid #000;
 	font-size: 1.1rem;
 	margin-bottom: 30px;
 }

 #req_box ol {
 	counter-reset: my-counter;
 	list-style: none;
 	padding: 0;
 	margin: 0 0 0 20px;
 }

 #req_box ol li {
 	font-size: 16px;
 	line-height: 1.5;
 	position: relative;
 	margin: 10px 0;
 	font-size: 0.8rem;
 	padding-left: 0.8rem;
 	text-indent: -1.08rem;
 }

 /*
#req_box ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 22px;
  color: #000;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 1px;
  left: 0;
}*/


 #recruit_entry #snd_headimg {
 	background-color: #004ea2;
 	color: #fff;
 	text-align: center;
 	width: 100%;
 	padding: 15px;
 }

 #recruit_entry #snd_headimg h1 {
 	top: unset;
 	left: unset;
 	max-width: 100% !important;
 	position: relative !important;
 	font-size: 1.4rem;
 	line-height: 1;
 	text-align: center;
 	width: 100%;
 }

 #recruit_entry #snd_headimg h1 span {
 	font-size: 0.8rem;
 }

 #recruit_entry #snd_headimg p {
 	padding: 15px 0 0;
 	line-height: 1.7;
 	font-size: 0.7rem;
 }

 #entry_set {
 	padding: 20px 10px;
 	margin: 0 0px 60px;
 }

 #recruit_entry h3 {
 	padding: 30px 0 10px;
 	text-align: left;
 	border-bottom: 1px solid #000;
 	font-size: 1.1rem;
 	margin-bottom: 30px;
 }

 #entry_top .form_read {
 	text-align: left;
 	margin-bottom: 50px;
 }

 #entry_top dl {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 	text-align: left;
 }

 #entry_top dt, #entry_top dd {
 	padding: 10px;
 }

 #entry_top dt {
 	padding-top: 40px;
 }

 #entry_top dd {
 	padding-top: 5px;
 }

 #entry_top dt {
 	flex-basis: 100%;
 	color: #000;
 	font-size: 0.9rem;
 	display: flex;
 	align-items: center;
 	justify-content: start;
 }

 #entry_top dt.al_top {
 	flex-basis: 100%;
 	color: #000;
 	font-size: 0.9rem;
 	display: flex;
 	align-items: flex-start;
 }

 #entry_top dd {
 	flex-basis: 100%;
 }

 #entry_top dt span.must {
 	font-size: 0.7rem;
 	border: 1px #e60012 solid;
 	padding: 2px 5px;
 	color: #e60012;
 	margin-right: 20px;
 	margin-left: 20px;
 	white-space: nowrap;
 }

 #entry_top dt span.any {
 	font-size: 0.7rem;
 	border: 1px #727171 solid;
 	padding: 2px 5px;
 	color: #727171;
 	margin-right: 20px;
 	margin-left: 20px;
 	white-space: nowrap;
 }

 #entry_top input, #entry_top textarea {
 	background-color: #f7f8f8;
 	padding: 30px;
 	border-radius: 10px;
 	width: 100%;
 	max-width: 100%;
 	font-size: 1.0rem;
 }

 .seibetu_box {
 	display: flex;
 	flex-direction: row;
 }

 .sub_txt {
 	color: #898989;
 }

 input[type=radio] {
 	display: none;
 }

 .radio01 {
 	box-sizing: border-box;
 	cursor: pointer;
 	display: inline-block;
 	padding: 18px 50px;
 	position: relative;
 	width: auto;
 	font-size: 1.0rem;
 	color: #000;
 }

 .radio01::before {
 	background: #efefef;
 	border: none;
 	border-radius: 50%;
 	content: '';
 	display: block;
 	height: 30px;
 	left: 5px;
 	margin-top: -9px;
 	position: absolute;
 	top: 44%;
 	width: 30px;
 }

 .radio01::after {
 	background: #004ea2;
 	border-radius: 50%;
 	content: '';
 	display: block;
 	height: 16px;
 	left: 12px;
 	margin-top: -4px;
 	opacity: 0;
 	position: absolute;
 	top: 48%;
 	width: 16px;
 }

 input[type=radio]:checked+.radio01::after {
 	opacity: 1;
 }

 input[type=checkbox] {
 	display: none;
 }

 .checkbox01 {
 	box-sizing: border-box;
 	cursor: pointer;
 	display: inline-block;
 	padding: 30px 30px;
 	position: relative;
 	width: auto;
 	font-size: 1.0rem;
 	color: #e60012;
 }

 .checkbox01::before {
 	background: #fff;
 	border: 1px solid #231815;
 	content: '';
 	display: block;
 	height: 16px;
 	left: 5px;
 	margin-top: -8px;
 	position: absolute;
 	top: 50%;
 	width: 16px;
 }

 .checkbox01::after {
 	border-right: 3px solid #ed7a9c;
 	border-bottom: 3px solid #ed7a9c;
 	content: '';
 	display: block;
 	height: 9px;
 	left: 10px;
 	margin-top: -7px;
 	opacity: 0;
 	position: absolute;
 	top: 50%;
 	transform: rotate(45deg);
 	width: 5px;
 }

 input[type=checkbox]:checked+.checkbox01::after {
 	opacity: 1;
 }

 #days_box {
 	display: flex;
 	flex-direction: row;
 }

 .selectdiv label {
 	display: flex !important;
 	flex-direction: row;
 	justify-content: flex-start;
 	flex-wrap: wrap;
 	align-items: center;
 	min-width: 120px;
 }

 .selectdiv label p {
 	padding: 0 5px;
 }

 /*
.selectdiv:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  top: 18px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  position: absolute;
  pointer-events: none;
}
*/
 .selectdiv select {
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	appearance: none;

 	display: block;
 	height: 50px;
 	margin: 5px 0px;
 	padding: 0px 24px;
 	font-size: 16px;
 	line-height: 1.75;
 	color: #333;
 	background-color: #f7f8f8;
 	background-image: none;
 	border: 2px solid #b5b5b6;
 	border-radius: 6px;
 	-ms-word-break: normal;
 	word-break: normal;
 }




 .form_btn {
 	display: inline-block;
 	border-radius: 6px;
 	font-size: 1.0rem;
 	text-align: center;
 	cursor: pointer;
 	padding: 25px 100px;
 	background: #004ea2;
 	color: #ffffff;
 	transition: .3s;
 	border: 2px solid #004ea2;
 	margin: 60px auto 0;
 }

 .form_btn:hover {
 	color: #004ea2;
 	background: #ffffff;
 }

 .file_box {
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 }

 .file_box input[type='file'] {
 	padding: 20px 0 !important;
 }


 .file_box p {
 	padding-left: 15px;
 }

 .form_btn_file {
 	display: inline-block;
 	border-radius: 6px;
 	font-size: 0.7rem;
 	text-align: center;
 	cursor: pointer;
 	padding: 5px 10px;
 	background: #f7f8f8;
 	color: #000;
 	transition: .3s;
 	border: 2px solid #b5b5b6;
 }

 .form_btn_file:hover {
 	color: #004ea2;
 	background: #ffffff;
 }

 /* バー式ステップ表示 */
 #step_bar_box {
 	text-align: center;
 	overflow: hidden;
 	margin: 30px auto;
 	max-width: 1140px;
 }

 .step_bar {
 	list-style: none;
 }

 .step_bar li {
 	line-height: 46px;
 	color: #004ea2;
 	text-decoration: none;
 	padding: 0 15px 0 35px;
 	background: #fff;
 	display: inline-block;
 	width: 30%;
 }

 .step_bar li small {
 	font-size: 80%;
 }

 .step_bar li::after {
 	position: relative;
 	display: block;
 	margin-top: -25px;
 	margin-left: auto;
 	margin-right: -25px;
 	height: 22px;
 	width: 20px;
 	content: " ";
 	-webkit-transform: skew(-30deg);
 	-moz-transform: skew(-30deg);
 	-ms-transform: skew(-30deg);
 	-o-transform: skew(-30deg);
 	transform: skew(-30deg);
 	background: #e6f4fd;
 	/*border-right: 1px solid white;*/
 }

 .step_bar li::before {
 	float: right;
 	display: block;
 	margin-bottom: -25px;
 	margin-left: auto;
 	margin-right: -25px;
 	height: 21px;
 	width: 20px;
 	content: " ";
 	-webkit-transform: skew(30deg);
 	-moz-transform: skew(30deg);
 	-ms-transform: skew(30deg);
 	-o-transform: skew(30deg);
 	transform: skew(30deg);
 	background: #e6f4fd;
 	/*border-right: 1px solid white;*/
 }

 .step_bar li:first-child {
 	padding-left: 20px;
 	-webkit-border-radius: 5px 0 0 5px;
 	-moz-border-radius: 5px 0 0 5px;
 	-ms-border-radius: 5px 0 0 5px;
 	-o-border-radius: 5px 0 0 5px;
 	border-radius: 5px 0 0 5px;
 }

 .step_bar li:last-child {
 	padding-left: 35px;
 	padding-right: 40px;
 	-webkit-border-radius: 0 5px 5px 0;
 	-moz-border-radius: 0 5px 5px 0;
 	-ms-border-radius: 0 5px 5px 0;
 	-o-border-radius: 0 5px 5px 0;
 	border-radius: 0 5px 5px 0;
 }

 .step_bar li:last-child::before {
 	border: 0;
 	background: transparent !important;
 }

 .step_bar li:last-child::after {
 	border: 0;
 	background: transparent !important;
 }

 .step_bar li.current {
 	background: #004ea2;
 	color: #fff;
 }

 .step_bar li.current::before {
 	background: #e6f4fd;
 }

 .step_bar li.current::after {
 	background: #e6f4fd;
 }

 .step_bar li.current:last-child {
 	margin-right: -35px;
 }

 .step_bar li.current:last-child::before {
 	border: 0;
 	background: transparent !important;
 }

 .step_bar li.current:last-child::after {
 	border: 0;
 	background: transparent !important;
 }



 /* table */


 .snd_content_pbule table.tbl_a {
 	margin: 30px 0;
 	border-bottom: none;
 	border-right: none;
 }

 .snd_content_pbule table.tbl_a th, .snd_content_pbule table.tbl_a td {
 	border: none;
 	padding: 15px 20px;
 	text-align: left;
 	font-size: 0.8rem;
 	display: block;
 	border-left: none;
 	border-top: 1px solid #b5b5b5;
 	line-height: 1.7;
 }

 .snd_content_pbule table.tbl_a th {
 	font-weight: bold;
 	white-space: nowrap;
 	text-align: center;
 	background-color: #eaf6fd;
 	font-size: 0.8rem;
 	font-weight: bold;
 }

 .snd_content_pbule table.justify_head th {
 	text-align: left;
 	text-align-last: start;
 	text-justify: auto;
 }

 .snd_content_pbule table.tbl_a td {
 	font-weight: normal;
 	padding-left: 0px;
 	margin-bottom: 15px;
 }

 .snd_contents table.tbl_b {
 	margin: 30px 0;
 	width: 100%;
 }

 .snd_contents table.tbl_b tr {
 	width: 100%;
 	border-bottom: #004ea2 2px solid;
 }

 .snd_contents table.tbl_b th, .snd_contents table.tbl_b td {
 	border: none;
 	padding: 5px 0px 0px;
 	text-align: left;
 	font-size: 1.1rem;
 	display: block;
 }

 .snd_contents table.tbl_b th {
 	font-weight: bold;
 	white-space: nowrap;
 	text-align: left;
 	text-align-last: left;
 	text-justify: auto;
 	margin-top: 25px;
 }


 .snd_contents table.tbl_b td {
 	padding-left: 0px;
 	font-weight: normal;
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
 	align-items: left;
 	font-size: 0.8rem;
 	padding-bottom: 15px;
 }

 .snd_contents table.tbl_b td span a {
 	display: inline-block;
 	margin-top: 8px;
 	background: #eaeff9;
 	border-radius: 20px;
 	padding: 20px 20px 20px 60px;
 	position: relative;
 	color: #004ea2;
 }

 .snd_contents table.tbl_b td span a::before {
 	content: "";
 	background-image: url(/img/map_ico.svg);
 	background-repeat: no-repeat;
 	width: 24px;
 	height: 30px;
 	position: absolute;
 	color: #fff;
 	left: 21px;
 	top: 32%;
 }




 /*  DL  */

 .dl_a {
 	display: flex;
 	flex-direction: column;
 	flex-wrap: wrap;
 	text-align: left;
 	margin-top: 40px;
 }

 .dl_a dt, .dl_a dd {
 	padding: 8px 0 0px;
 	border-bottom: none;
 }

 .dl_a dt {
 	flex-basis: 100%;
 }

 .dl_a dd {
 	flex-basis: 100%;
 	padding-bottom: 20px;
 }





 /* フッタ */
 footer {
 	width: 100%;
 	background-color: #fff;
 	padding: 60px 20px;
 }

 footer>.foot_inner {
 	max-width: 1100px;
 	margin: 0 auto 0px;
 	text-align: left;
 }

 .foot_box {
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
 }

 .foot_id img {
 	max-width: 160px;
 }

 .foot_id p {
 	display: inline-block;
 	font-size: 0.81rem;
 	border-bottom: 1px #ccc solid;
 	padding: 15px;
 	color: #000 !important;
 }

 .foot_id p a {
 	color: #000 !important;
 }

 .foot_id {
 	order: 1;
 	padding-right: 40px;
 }

 .foot_lbox {
 	display: none;
 	order: 2;
 }

 .foot_rbox {
 	text-align: left;
 	order: 3;
 }

 .foot_rbox img {
 	max-width: 120px;
 }

 .foot_lbox ul {

 	display: flex;
 	max-width: 600px;
 	flex-direction: row;
 	flex-wrap: wrap;
 }

 .foot_lbox ul li {
 	border-bottom: 1px #ccc solid;
 	padding: 15px;
 	margin-right: 20px;
 	min-width: 146px;
 }

 .foot_lbox ul li a {
 	color: #000 !important;
 }

 .foot_id_txt {
 	text-align: left;
 	font-size: 0.7rem;
 	color: #727171;
 	padding: 40px 0 30px;
 }

 /* フッタ ここまで */


 /*==================  

マージンパディングセット 

==================  */
 /* margin

----------------------- */
 .mt_05 {
 	margin-top: 5px !important;
 }

 .mt_10 {
 	margin-top: 10px !important;
 }

 .mt_15 {
 	margin-top: 15px !important;
 }

 .mt_20 {
 	margin-top: 20px !important;
 }

 .mt_30 {
 	margin-top: 30px !important;
 }

 .mt_40 {
 	margin-top: 40px !important;
 }

 .mt_50 {
 	margin-top: 50px !important;
 }

 .mt_75 {
 	margin-top: 75px !important;
 }


 .mt_100 {
 	margin-top: 100px !important;
 }

 .mt_150 {
 	margin-top: 150px !important;
 }

 .mt_200 {
 	margin-top: 200px !important;
 }

 .mb_02 {
 	margin-bottom: 2px !important;
 }

 .mb_05 {
 	margin-bottom: 5px !important;
 }

 .mb_10 {
 	margin-bottom: 10px !important;
 }

 .mb_15 {
 	margin-bottom: 15px !important;
 }

 .mb_20 {
 	margin-bottom: 20px !important;
 }

 .mb_30 {
 	margin-bottom: 30px !important;
 }

 .mb_40 {
 	margin-bottom: 40px !important;
 }

 .mb_50 {
 	margin-bottom: 50px !important;
 }

 .mb_80 {
 	margin-bottom: 80px !important;
 }

 .mb_100 {
 	margin-bottom: 100px !important;
 }

 .mb_150 {
 	margin-bottom: 150px !important;
 }

 .mb_200 {
 	margin-bottom: 200px !important;
 }

 .ml_10 {
 	margin-left: 10px !important;
 }

 .ml_15 {
 	margin-left: 15px !important;
 }

 .ml_20 {
 	margin-left: 20px !important;
 }

 .ml_25 {
 	margin-left: 25px !important;
 }

 .ml_30 {
 	margin-left: 30px !important;
 }

 .ml_40 {
 	margin-left: 40px !important;
 }

 .ml_50 {
 	margin-left: 50px !important;
 }

 .mr_10 {
 	margin-right: 10px !important;
 }

 .mr_13 {
 	margin-right: 13px !important;
 }

 .mr_15 {
 	margin-right: 15px !important;
 }

 .mr_20 {
 	margin-right: 20px !important;
 }

 .mr_30 {
 	margin-right: 30px !important;
 }

 .mr_40 {
 	margin-right: 40px !important;
 }

 .mr_50 {
 	margin-right: 50px !important;
 }

 /* padding

----------------------- */
 .pt_10 {
 	padding-top: 10px !important;
 }

 .pt_15 {
 	padding-top: 15px !important;
 }

 .pt_20 {
 	padding-top: 20px !important;
 }

 .pt_30 {
 	padding-top: 30px !important;
 }

 .pt_40 {
 	padding-top: 40px !important;
 }

 .pt_50 {
 	padding-top: 50px !important;
 }

 .pt_90 {
 	padding-top: 90px !important;
 }

 .pb_03 {
 	padding-bottom: 3px !important;
 }

 .pb_10 {
 	padding-bottom: 10px !important;
 }

 .pb_15 {
 	padding-bottom: 15px !important;
 }

 .pb_20 {
 	padding-bottom: 20px !important;
 }

 .pb_30 {
 	padding-bottom: 30px !important;
 }

 .pb_40 {
 	padding-bottom: 40px !important;
 }

 .pb_50 {
 	padding-bottom: 50px !important;
 }

 .pb_120 {
 	padding-bottom: 120px !important;
 }

 .pl_10 {
 	padding-left: 10px !important;
 }

 .pl_15 {
 	padding-left: 15px !important;
 }

 .pl_20 {
 	padding-left: 20px !important;
 }

 .pl_30 {
 	padding-left: 30px !important;
 }

 .pl_40 {
 	padding-left: 40px !important;
 }

 .pl_50 {
 	padding-left: 50px !important;
 }

 .pr_10 {
 	padding-right: 10px !important;
 }

 .pr_15 {
 	padding-right: 15px !important;
 }

 .pr_20 {
 	padding-right: 20px !important;
 }

 .pr_30 {
 	padding-right: 30px !important;
 }

 .pr_40 {
 	padding-right: 40px !important;
 }

 .pr_50 {
 	padding-right: 50px !important;
 }