@charset "utf-8";
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/*--------------------------------------
	スライダー
---------------------------------------*/
	/* トップ画像 */
	.bxslider_2 img { display: block; width: 100%;height: 100vh;object-fit: cover;margin: 0 auto; }
		.zoom_01 { animation: animationZoom1 10s ease-in-out forwards; }
		.zoom { width: 100%;height: 100vh;overflow: hidden;margin-bottom: 30px }
		@keyframes animationZoom1 { 100% { transform:scale(1.1) } }
	/* トップ画像の表示 */
	.home_v { width: 100%;height: 100vh;margin: 0 auto;position: relative;z-index: -999; }
		.topimages_w { position: absolute;right: 0;bottom: 0;z-index: 9999; }
		.topimages_w img { width: 100%;height: auto; }


/*-------------------------------------
	お知らせ
---------------------------------------*/
	h2.newstitle { font-size: 5rem;color: #000;font-weight: bold;line-height: 1;letter-spacing: 0.5rem;text-align: left; }
	.newstitle span {display: inline-block;font-size: 2rem;font-weight: normal;color: #666;line-height: 1.8;letter-spacing: 0.3rem;margin-left: 15px;vertical-align: bottom; }

	.news_list { list-style: none;padding: 0;margin: 0;margin-top: 50px; }
	.news_list a { text-decoration: none;color: #0d0015; }
	.news_list_item { font-size: 1.8rem;padding: 25px 0; }
	.news_list_item a { position: relative;display: flex;padding-right: 30px;flex-wrap: nowrap; }
	.news_list_date { font-size: 1.8rem;display: flex;margin-right: 15px;align-items: center; }
	.news_item { font-size: 1.3rem;background: #006DA5;color: #fff;border-radius: 20px;width: 6em;text-align: center;margin-right: 20px; }
	.news_list_text { text-align: left;border-left: 1px #ccc solid; padding: 20px 0 20px 40px;line-height: 2;letter-spacing: 0.25rem; }
	.arrow { font-size: 2rem;position: absolute;top: 50%;right: 0;transform: translateY(-50%); }
		@media screen and (max-width: 1100px) {
			h2.newstitle { margin: 0 5%;font-size: 2.8rem; }.newstitle span { font-size: 1.4rem; }.news_list { margin: 0 5%;margin-top: 30px; }.news_list_item a { display: block; }.news_list_text { margin-top: 15px; }.news_list_date,.news_list_item { font-size: 1.6rem;}
		}
		@media screen and (max-width: 800px) {
			.news_list { margin: 0 2.5%;margin-top: 30px; }.news_list_date,.news_list_item { font-size: 1.4rem;}
		}

/*-------------------------------------
	各項目
---------------------------------------*/
	/* top-業務案内 */
		h2.biztitle { font-size: 5rem;line-height: 1;letter-spacing: 0.5rem;text-align: left;color: #000; }
		.biztitle span { display: block;font-size: 2rem;font-weight: normal;margin-top: 10px;color: #666; }
		div.biz_bg { width: 100%;display: flex;justify-content: flex-start; }
		div.topbiz_l { width: 30%;text-align: left; }
		div.topbiz_r { width: 70%;text-align: left; }
			.topbiz_r p { margin: 0;padding: 0;text-align: justify;color: #000;font-size: 1.8rem;line-height: 2;letter-spacing: 0.25rem; }
		div.topbiz { padding: 30px 0 15px 0;text-align: center; }
		div.topbiz02 { text-align: right; }
	/* top-会社案内・採用情報 */
		h2.cmptitle { font-size: 5rem;line-height: 1;letter-spacing: 0.5rem;text-align: left;color: #000; }
		.cmptitle span { display: block;font-size: 2rem;font-weight: normal;margin-top: 10px;color: #666; }
		div.cmp_bg { width: 100%;display: flex;justify-content: flex-start; }
		div.cmp_bg02 { width: 100%;display: flex;justify-content: flex-start; }
		div.topcmp_l { width: 45%;text-align: left;margin-right: 5%; }
		div.topcmp_r { width: 50%;text-align: left; }
			.topcmp_p { margin: 10px 0 0 0;padding: 10px 0 10px 0;border-top: 1px #000 dotted;text-align: justify;color: #000;font-size: 1.8rem;line-height: 2;letter-spacing: 0.25rem; }


/*-------------------------------------
	ボタン
---------------------------------------*/

	/* 右側にアイコン付ける 親にposition: relative; */
	.btn-icon { position: absolute;top: 50%;right: 10px;transform: translateY(-50%); }
	.msr_btn12 a{ width: 200px;margin: 0 0 0 auto;padding: 20px;color: #fff;font-size: 1.8rem;text-align: center;text-decoration: none;background: #006DA5;display: block;position: relative;
				-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out; }
	.msr_btn13 a{ width: 200px;margin: 0 auto 0 0;padding: 20px;color: #fff;font-size: 1.8rem;text-align: center;text-decoration: none;background: #006DA5;display: block;position: relative;
				-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out; }
	.msr_btn12 a:hover{ opacity: 0.7; }
	.msr_btn13 a:hover{ opacity: 0.7; }

		@media screen and (max-width: 1100px) {
			/*業務案内*/
			h2.biztitle { margin: 0 5%;font-size: 2.8rem; }.biztitle span { font-size: 1.4rem; }
			div.biz_bg { flex-wrap: wrap;margin: 0; }
			div.topbiz_l,div.topbiz_r { width: 100%; }
			.topbiz_r p { margin: 15px 5% 0 5%;font-size: 1.6rem; }
			div.topbiz { padding: 30px 5% 15px 5%; }
			div.topbiz02 { text-align: center; }
			/*会社案内*/
			h2.cmptitle { margin: 10px 5% 0 5%;font-size: 2.8rem; }.cmptitle span { font-size: 1.4rem; }
			div.cmp_bg { flex-wrap: wrap;margin: 0;flex-direction: column; }
			div.cmp_bg02 { flex-wrap: wrap;margin: 0;flex-direction: column-reverse; }
			div.topcmp_l  { width: 100%;margin-right: 0; }
			div.topcmp_r { width: 100%; }
			.topcmp_p { margin: 15px 5% 0 5%;font-size: 1.6rem; }
			/*ボタン*/
			.msr_btn12 a,.msr_btn13 a { margin: 0 auto; }
		}
		@media screen and (max-width: 800px) {
			/*業務案内*/
			div.biz_bg { margin: 0; }
			.topbiz_r p { font-size: 1.5rem; }
			/*会社案内*/
			div.cmp_bg,div.cmp_bg02 { margin: 0; }
			.topcmp_p { font-size: 1.5rem; }
			.msr_btn12 a,.msr_btn13 a { padding:10px 20px; }
		}
		@media screen and (max-width: 600px) {
			/*業務案内*/
			.topbiz_r p { font-size: 1.5rem; }
			/*会社案内*/
			.topcmp_l p,.topbcmp_r p { font-size: 1.5rem; }
		}
		@media screen and (max-width: 500px) {
			/*業務案内*/
			.topbiz_r p { font-size: 1.3rem; }
			/*会社案内*/
			.topcmp_p,.topcmp_l p,.topbcmp_r p { font-size: 1.3rem; }
		}
		@media screen and (max-width: 400px) {
			/*業務案内*/
			.topbiz_r p { font-size: 1.2rem; }
			/*会社案内*/
			.topcmp_p,.topcmp_l p,.topbcmp_r p { font-size: 1.2rem; }
		}