@charset "UTF-8";
/* ====================================================
Font
==================================================== */

/* ====================================================
Media Quary
==================================================== */
@media screen and (min-width: 769px) {
	.mbpc-0 {
		margin-bottom: 0px !important;
	}
}

@media screen and (max-width: 768px) {.box-table-service .table tr td
	.mbsp-0 {
		margin-bottom: 0px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-1 {
		margin-bottom: 1px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-1 {
		margin-bottom: 1px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-2 {
		margin-bottom: 2px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-2 {
		margin-bottom: 2px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-3 {
		margin-bottom: 3px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-3 {
		margin-bottom: 3px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-4 {
		margin-bottom: 4px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-4 {
		margin-bottom: 4px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-5 {
		margin-bottom: 5px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-5 {
		margin-bottom: 5px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-6 {
		margin-bottom: 6px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-6 {
		margin-bottom: 6px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-7 {
		margin-bottom: 7px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-7 {
		margin-bottom: 7px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-8 {
		margin-bottom: 8px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-8 {
		margin-bottom: 8px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-9 {
		margin-bottom: 9px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-9 {
		margin-bottom: 9px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-10 {
		margin-bottom: 10px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-10 {
		margin-bottom: 10px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-11 {
		margin-bottom: 11px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-11 {
		margin-bottom: 11px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-12 {
		margin-bottom: 12px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-12 {
		margin-bottom: 12px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-13 {
		margin-bottom: 13px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-13 {
		margin-bottom: 13px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-14 {
		margin-bottom: 14px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-14 {
		margin-bottom: 14px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-15 {
		margin-bottom: 15px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-15 {
		margin-bottom: 15px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-16 {
		margin-bottom: 16px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-16 {
		margin-bottom: 16px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-17 {
		margin-bottom: 17px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-17 {
		margin-bottom: 17px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-18 {
		margin-bottom: 18px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-18 {
		margin-bottom: 18px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-19 {
		margin-bottom: 19px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-19 {
		margin-bottom: 19px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-20 {
		margin-bottom: 20px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-20 {
		margin-bottom: 20px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-21 {
		margin-bottom: 21px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-21 {
		margin-bottom: 21px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-22 {
		margin-bottom: 22px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-22 {
		margin-bottom: 22px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-23 {
		margin-bottom: 23px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-23 {
		margin-bottom: 23px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-24 {
		margin-bottom: 24px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-24 {
		margin-bottom: 24px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-25 {
		margin-bottom: 25px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-25 {
		margin-bottom: 25px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-26 {
		margin-bottom: 26px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-26 {
		margin-bottom: 26px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-27 {
		margin-bottom: 27px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-27 {
		margin-bottom: 27px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-28 {
		margin-bottom: 28px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-28 {
		margin-bottom: 28px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-29 {
		margin-bottom: 29px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-29 {
		margin-bottom: 29px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-30 {
		margin-bottom: 30px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-30 {
		margin-bottom: 30px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-31 {
		margin-bottom: 31px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-31 {
		margin-bottom: 31px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-32 {
		margin-bottom: 32px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-32 {
		margin-bottom: 32px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-33 {
		margin-bottom: 33px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-33 {
		margin-bottom: 33px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-34 {
		margin-bottom: 34px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-34 {
		margin-bottom: 34px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-35 {
		margin-bottom: 35px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-35 {
		margin-bottom: 35px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-36 {
		margin-bottom: 36px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-36 {
		margin-bottom: 36px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-37 {
		margin-bottom: 37px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-37 {
		margin-bottom: 37px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-38 {
		margin-bottom: 38px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-38 {
		margin-bottom: 38px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-39 {
		margin-bottom: 39px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-39 {
		margin-bottom: 39px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-40 {
		margin-bottom: 40px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-40 {
		margin-bottom: 40px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-41 {
		margin-bottom: 41px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-41 {
		margin-bottom: 41px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-42 {
		margin-bottom: 42px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-42 {
		margin-bottom: 42px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-43 {
		margin-bottom: 43px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-43 {
		margin-bottom: 43px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-44 {
		margin-bottom: 44px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-44 {
		margin-bottom: 44px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-45 {
		margin-bottom: 45px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-45 {
		margin-bottom: 45px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-46 {
		margin-bottom: 46px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-46 {
		margin-bottom: 46px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-47 {
		margin-bottom: 47px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-47 {
		margin-bottom: 47px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-48 {
		margin-bottom: 48px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-48 {
		margin-bottom: 48px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-49 {
		margin-bottom: 49px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-49 {
		margin-bottom: 49px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-50 {
		margin-bottom: 50px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-50 {
		margin-bottom: 50px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-51 {
		margin-bottom: 51px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-51 {
		margin-bottom: 51px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-52 {
		margin-bottom: 52px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-52 {
		margin-bottom: 52px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-53 {
		margin-bottom: 53px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-53 {
		margin-bottom: 53px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-54 {
		margin-bottom: 54px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-54 {
		margin-bottom: 54px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-55 {
		margin-bottom: 55px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-55 {
		margin-bottom: 55px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-56 {
		margin-bottom: 56px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-56 {
		margin-bottom: 56px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-57 {
		margin-bottom: 57px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-57 {
		margin-bottom: 57px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-58 {
		margin-bottom: 58px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-58 {
		margin-bottom: 58px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-59 {
		margin-bottom: 59px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-59 {
		margin-bottom: 59px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-60 {
		margin-bottom: 60px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-60 {
		margin-bottom: 60px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-61 {
		margin-bottom: 61px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-61 {
		margin-bottom: 61px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-62 {
		margin-bottom: 62px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-62 {
		margin-bottom: 62px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-63 {
		margin-bottom: 63px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-63 {
		margin-bottom: 63px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-64 {
		margin-bottom: 64px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-64 {
		margin-bottom: 64px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-65 {
		margin-bottom: 65px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-65 {
		margin-bottom: 65px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-66 {
		margin-bottom: 66px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-66 {
		margin-bottom: 66px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-67 {
		margin-bottom: 67px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-67 {
		margin-bottom: 67px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-68 {
		margin-bottom: 68px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-68 {
		margin-bottom: 68px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-69 {
		margin-bottom: 69px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-69 {
		margin-bottom: 69px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-70 {
		margin-bottom: 70px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-70 {
		margin-bottom: 70px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-71 {
		margin-bottom: 71px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-71 {
		margin-bottom: 71px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-72 {
		margin-bottom: 72px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-72 {
		margin-bottom: 72px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-73 {
		margin-bottom: 73px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-73 {
		margin-bottom: 73px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-74 {
		margin-bottom: 74px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-74 {
		margin-bottom: 74px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-75 {
		margin-bottom: 75px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-75 {
		margin-bottom: 75px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-76 {
		margin-bottom: 76px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-76 {
		margin-bottom: 76px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-77 {
		margin-bottom: 77px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-77 {
		margin-bottom: 77px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-78 {
		margin-bottom: 78px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-78 {
		margin-bottom: 78px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-79 {
		margin-bottom: 79px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-79 {
		margin-bottom: 79px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-80 {
		margin-bottom: 80px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-80 {
		margin-bottom: 80px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-81 {
		margin-bottom: 81px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-81 {
		margin-bottom: 81px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-82 {
		margin-bottom: 82px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-82 {
		margin-bottom: 82px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-83 {
		margin-bottom: 83px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-83 {
		margin-bottom: 83px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-84 {
		margin-bottom: 84px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-84 {
		margin-bottom: 84px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-85 {
		margin-bottom: 85px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-85 {
		margin-bottom: 85px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-86 {
		margin-bottom: 86px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-86 {
		margin-bottom: 86px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-87 {
		margin-bottom: 87px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-87 {
		margin-bottom: 87px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-88 {
		margin-bottom: 88px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-88 {
		margin-bottom: 88px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-89 {
		margin-bottom: 89px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-89 {
		margin-bottom: 89px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-90 {
		margin-bottom: 90px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-90 {
		margin-bottom: 90px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-91 {
		margin-bottom: 91px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-91 {
		margin-bottom: 91px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-92 {
		margin-bottom: 92px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-92 {
		margin-bottom: 92px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-93 {
		margin-bottom: 93px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-93 {
		margin-bottom: 93px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-94 {
		margin-bottom: 94px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-94 {
		margin-bottom: 94px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-95 {
		margin-bottom: 95px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-95 {
		margin-bottom: 95px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-96 {
		margin-bottom: 96px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-96 {
		margin-bottom: 96px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-97 {
		margin-bottom: 97px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-97 {
		margin-bottom: 97px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-98 {
		margin-bottom: 98px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-98 {
		margin-bottom: 98px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-99 {
		margin-bottom: 99px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-99 {
		margin-bottom: 99px !important;
	}
}

@media screen and (min-width: 769px) {
	.mbpc-100 {
		margin-bottom: 100px !important;
	}
}

@media screen and (max-width: 768px) {
	.mbsp-100 {
		margin-bottom: 100px !important;
	}
}

body {
	line-height: 1.4;
	color: #333333;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

.side-cta {
	opacity: 1 !important;
}

.md-lay,
.md-lay .lay-bg {
	width: 100%;
}

.footer--contact {
	padding-bottom: 15px;
	background: #eef8fd !important;
}

.footer--contact .footer__frame {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.footer--contact .footerCopy {
	margin: 0;
}

.inner {
	padding: 0 10px;
}

@media screen and (max-width: 1024px) {
	.inner {
		padding: 0 22px;
	}
}

.clearfix {
	*zoom: 1;
}

.clearfix:before {
	display: table;
	content: "";
}

.clearfix:after {
	display: table;
	clear: both;
	content: "";
}

a {
	text-decoration: none;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:hover {
	opacity: 0.7;
}

@media screen and (max-width: 768px) {
	.pc {
		display: none !important;
	}
}

@media screen and (max-width: 1024px) {
	.pc-ipd {
		display: none !important;
	}
}

@media screen and (max-width: 990px) {
	.pc-lg {
		display: none !important;
	}
}

@media screen and (max-width: 640px) {
	.pc-sm {
		display: none !important;
	}
}

@media screen and (max-width: 374px) {
	.pc-xs {
		display: none !important;
	}
}

@media screen and (min-width: 769px) {
	.sp {
		display: none !important;
	}
}

@media screen and (min-width: 1025px) {
	.sp-ipd {
		display: none !important;
	}
}

@media screen and (min-width: 991px) {
	.sp-lg {
		display: none !important;
	}
}

@media screen and (min-width: 641px) {
	.sp-sm {
		display: none !important;
	}
}

.ttlcomp-01 {
	position: relative;
	margin-bottom: 48px;
	padding-bottom: 30px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	font-size: 30px;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.75;
	color: #192740;
	text-align: center;
	letter-spacing: 0.5px;
}

@media screen and (max-width: 1024px) {
	.ttlcomp-01 {
		font-size: 26px;
		font-size: 2.6rem;
		letter-spacing: 0;
	}
}

@media screen and (max-width: 768px) {
	.ttlcomp-01 {
		margin-bottom: 22px;
		padding-bottom: 26px;
		font-size: 22.5px;
		font-size: 2.25rem;
		line-height: 1.65;
		letter-spacing: 1px;
	}
}

@media screen and (max-width: 374px) {
	.ttlcomp-01 {
		font-size: 20px;
		font-size: 2rem;
	}
}

.ttlcomp-01:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: calc(50% - 31px);
	width: 62px;
	height: 3px;
	content: "";
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), to(#2b70e2));
	background: -o-linear-gradient(left, #00aef7 0%, #2b70e2 100%);
	background: linear-gradient(90deg, #00aef7 0%, #2b70e2 100%);
}

@media screen and (max-width: 768px) {
	.ttlcomp-01:after {
		left: calc(50% - 23px);
		width: 46px;
		height: 2px;
	}
}

.ttlcomp-01 span {
	color: #387ef0;
}

.ttlcomp-02 {
	display: inline-block;
	margin-bottom: 40px;
	padding: 2px 17px 4px;
	border-radius: 6px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #192740;
	background: #fff;
}

@media screen and (max-width: 768px) {
	.ttlcomp-02 {
		margin-bottom: 30px;
		padding: 2px 16px 3px 10px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.ttlcomp-02--style02 {
	display: block;
	position: relative;
	margin-bottom: 27px;
	text-align: center;
	background: transparent;
}

@media screen and (max-width: 768px) {
	.ttlcomp-02--style02 {
		margin-bottom: 12px;
	}
}

.ttlcomp-02--style02 span {
	display: inline-block;
	position: relative;
	padding: 0 60px;
}

@media screen and (max-width: 768px) {
	.ttlcomp-02--style02 span {
		padding: 0;
	}
}

.ttlcomp-02--style02 span:before,
.ttlcomp-02--style02 span:after {
	display: block;
	position: absolute;
	top: 5px;
	width: 34px;
	height: 61px;
	content: "";
}

@media screen and (max-width: 768px) {
	.ttlcomp-02--style02 span:before,
	.ttlcomp-02--style02 span:after {
		top: 1px;
		width: 26px;
		height: 49px;
	}
}

.ttlcomp-02--style02 span:before {
	left: 0;
	background: url("../img/system/icon-before.png") no-repeat center/cover;
}

@media screen and (max-width: 768px) {
	.ttlcomp-02--style02 span:before {
		left: -31px;
	}
}

.ttlcomp-02--style02 span:after {
	right: 0;
	background: url("../img/system/icon-after.png") no-repeat center/cover;
}

@media screen and (max-width: 768px) {
	.ttlcomp-02--style02 span:after {
		right: -37px;
	}
}

.ttlcomp-03 {
	display: block;
	margin-bottom: 10px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.ttlcomp-03 {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.ttlcomp-03 small {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 640px) {
	.ttlcomp-03 {
		margin-bottom: 15px;
	}
}

.ttlcomp-04 {
	display: block;
	position: relative;
	padding-bottom: 40px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.ttlcomp-04 {
		margin: 0 -10px;
		padding-bottom: 26px;
	}
}

.ttlcomp-04:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: calc(50% - 31px);
	width: 62px;
	height: 3px;
	content: "";
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#37d0ce), to(#0a9f85));
	background: -o-linear-gradient(left, #37d0ce 0%, #0a9f85 100%);
	background: linear-gradient(90deg, #37d0ce 0%, #0a9f85 100%);
}

@media screen and (max-width: 768px) {
	.ttlcomp-04:after {
		left: calc(50% - 23px);
		width: 46px;
		height: 2px;
	}
}

.ttlcomp-04 span {
	display: block;
}

.ttlcomp-04 span.en {
	margin-bottom: 20px;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	color: #28c3b2;
}

@media screen and (max-width: 768px) {
	.ttlcomp-04 span.en {
		margin-bottom: 8px;
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.ttlcomp-04 span.jp {
	font-size: 30px;
	font-size: 3rem;
	font-weight: bold;
	color: #192740;
	letter-spacing: 0.8px;
}

@media screen and (max-width: 768px) {
	.ttlcomp-04 span.jp {
		font-size: 22.5px;
		font-size: 2.25rem;
		line-height: 1.65;
		letter-spacing: 0;
	}
}

@media screen and (max-width: 374px) {
	.ttlcomp-04 span.jp {
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.ttlcomp-04--style02:after {
	display: none;
}

.ttlcomp-04--style02 span.en {
	margin-bottom: 12px;
	font-size: 24px;
	font-size: 2.4rem;
}

@media screen and (max-width: 768px) {
	.ttlcomp-04--style02 span.en {
		margin-bottom: 4px;
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.ttlcomp-04--style02 span.jp {
	display: inline-block;
	position: relative;
	padding: 0 60px;
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
	.ttlcomp-04--style02 span.jp {
		padding: 0 30px;
		line-height: 1.6;
	}
}

@media screen and (max-width: 374px) {
	.ttlcomp-04--style02 span.jp {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

.ttlcomp-04--style02 span.jp:before,
.ttlcomp-04--style02 span.jp:after {
	display: block;
	position: absolute;
	top: 14px;
	width: 38px;
	height: 71px;
	content: "";
}

@media screen and (max-width: 768px) {
	.ttlcomp-04--style02 span.jp:before,
	.ttlcomp-04--style02 span.jp:after {
		top: auto;
		bottom: 8px;
		width: 19px;
		height: 35px;
	}
}

.ttlcomp-04--style02 span.jp:before {
	left: 0;
	background: url("../img/moto/icon-before.png") no-repeat center/cover;
}

.ttlcomp-04--style02 span.jp:after {
	right: 0;
	background: url("../img/moto/icon-after.png") no-repeat center/cover;
}

.ttlcomp-04--style02.blue span.en {
	color: #387ef0;
}

.ttlcomp-04--style02.blue span:before {
	background: url("../img/moto/icon-before-blue.png") no-repeat center/cover;
}

.ttlcomp-04--style02.blue span:after {
	background: url("../img/moto/icon-after-blue.png") no-repeat center/cover;
}

.ttlcomp-04--blue span.en {
	color: #387ef0;
}

.ttlcomp-04--blue:after {
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), to(#2b70e2));
	background: -o-linear-gradient(left, #00aef7 0%, #2b70e2 100%);
	background: linear-gradient(90deg, #00aef7 0%, #2b70e2 100%);
}

.ttlcomp-04--white span {
	color: #fff !important;
}

.ttlcomp-04--white span.en {
	color: #fff;
}

@media screen and (max-width: 768px) {
	.ttlcomp-04--white span.en {
		margin-bottom: 19px;
	}
}

.ttlcomp-04--white:after {
	background: #fff;
}

.txt-basic {
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 2;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.txt-basic {
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: 500;
		line-height: 1.8;
	}
}

@media screen and (max-width: 374px) {
	.txt-basic {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.txt-center {
	text-align: center;
}

.txt-right {
	text-align: right;
}

.txt-left {
	text-align: left;
}

.btn-255 {
	display: block;
	margin: 0 auto;
	max-width: 255px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
	.btn-255 {
		padding: 14px 15px;
		max-width: 210px;
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.sec-mv-page {
	position: relative;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.sec-mv-page img {
	width: 100%;
	min-height: 300px;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

@media screen and (max-width: 768px) {
	.sec-mv-page img {
		height: 230px;
		min-height: auto;
	}
}

.mv-page__ttl {
	position: absolute;
	bottom: 34.5%;
	left: 0;
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 1200px) {
	.mv-page__ttl {
		bottom: 25%;
	}
}

@media screen and (max-width: 768px) {
	.mv-page__ttl {
		bottom: 28%;
	}
}

.mv-page__ttl span {
	display: block;
}

.mv-page__ttl span.en {
	margin-bottom: 5px;
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.5;
	color: #7ad8ff;
	letter-spacing: 1px;
}

@media screen and (max-width: 768px) {
	.mv-page__ttl span.en {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.mv-page__ttl span.en.green {
	color: #73e8d3;
}

.mv-page__ttl span.jp {
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	font-size: 42px;
	font-size: 4.2rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
}

@media screen and (max-width: 768px) {
	.mv-page__ttl span.jp {
		font-size: 26px;
		font-size: 2.6rem;
	}
}

@media screen and (max-width: 374px) {
	.mv-page__ttl span.jp {
		font-size: 24px;
		font-size: 2.4rem;
	}
}

.sec-breadcrumb {
	padding: 14px 0 15px;
	background: #fff;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 768px) {
	.sec-breadcrumb {
		padding: 6px 0;
	}
}

.sec-breadcrumb .breadcrumb {
	font-size: 8px;
	font-size: 0.8rem;
}

.sec-breadcrumb .breadcrumb a,
.sec-breadcrumb .breadcrumb span {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 2;
	color: #aaaaaa;
}

@media screen and (max-width: 768px) {
	.sec-breadcrumb .breadcrumb a,
	.sec-breadcrumb .breadcrumb span {
		font-size: 14px;
	}
}

.sec-breadcrumb .breadcrumb a {
	margin-right: 5px;
}

.sec-breadcrumb .breadcrumb a:first-of-type {
	/*padding-left: 25px;*/
	/*background: url("../img/service/icon-home.png") no-repeat left top;*/
}

.sec-breadcrumb .breadcrumb tt span {
	margin-left: 11px;
}

.sec-breadcrumb .breadcrumb tt span a {
	padding-left: 0 !important;
	background: none !important;
}

@media screen and (max-width: 768px) {
	.sec-breadcrumb .breadcrumb tt span {
		margin-left: 5px;
	}
}

.bg-gray {
	background: #eef8fd !important;
}

.md-btn.green {
	border: 1px solid #28c3b2;
	background-color: #28c3b2;
	-webkit-filter: drop-shadow(0 0 2rem rgba(11, 195, 206, 0.3));
	filter: drop-shadow(0 0 2rem rgba(11, 195, 206, 0.3));
}

@media screen and (min-width: 769px) {
	.main-news {
		padding-top:35px;
	}
}

.pure-input input {
	position: absolute;
	margin: -1px;
	padding: 0;
	border: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.pure-input input[type="checkbox"] + .mwform-checkbox-field-text:after {
	top: 16px;
	left: 6px;
	margin-top: -4px;
	border-width: 0 0 3px 3px;
	border-style: solid;
	border-color: #ffffff;
	-o-border-image: none;
	border-image: none;
	width: 8px;
	height: 3px;
	background-color: transparent;
	-webkit-transform: rotate(-45deg) scale(0);
	-ms-transform: rotate(-45deg) scale(0);
	transform: rotate(-45deg) scale(0);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.pure-input input[type="checkbox"] + .mwform-checkbox-field-text:after {
		margin-top: 10px;
	}
}

.pure-input input[type="checkbox"]:checked + .mwform-checkbox-field-text:after {
	content: "";
	-webkit-transition: -webkit-transform 200ms ease-out;
	-o-transition: transform 200ms ease-out;
	transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
	transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
	-webkit-transform: rotate(-45deg) scale(1);
	-ms-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
}

.pure-input input[type="checkbox"]:checked + .mwform-checkbox-field-text:before {
	background: #192740;
	-webkit-animation: borderscale 200ms ease-in;
	animation: borderscale 200ms ease-in;
}

.pure-input input[type="radio"] + .mwform-radio-field-text:after,
.pure-input input[type="radio"] + .mwform-radio-field-text:before {
	border-radius: 50%;
}

.pure-input input[type="radio"]:checked + .mwform-radio-field-text:before {
	background-color: white;
	-webkit-animation: borderscale 300ms ease-in;
	animation: borderscale 300ms ease-in;
}

.pure-input input[type="radio"]:checked + .mwform-radio-field-text:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.pure-input .mwform-radio-field-text,
.pure-input .mwform-checkbox-field-text {
	position: relative;
	top: -2px;
	padding: 2px 5px 0 2em;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.page-contact_index .pure-input .mwform-checkbox-field-text {
	font-size:0px
}
.page-contact_index .a-policy {
	margin-left:40px;
	position:relative
}
.page-contact_index  .box-policy {
	position:relative
}
.page-contact_index  .box-policy  .error {
	position:absolute !important;
	top: 50px !important;
    left: 8px !important;
}
.page-contact_index .pure-input .mwform-checkbox-field-text:before {
    top: 13px !important;
    left: 29px !important;
}
.page-contact_index .pure-input input[type="checkbox"] + .mwform-checkbox-field-text:after {
    top: 23px !important;
    left: 36px !important;
}

@media screen and (max-width: 768px) {
	.pure-input .mwform-radio-field-text,
	.pure-input .mwform-checkbox-field-text {
		top: 0;
		padding: 5px 5px 5px 31px;
	}
	.page-contact_index .pure-input .mwform-checkbox-field-text:before {
		top: 13px !important;
		left:44px !important;
     }
   .page-contact_index .pure-input input[type="checkbox"] + .mwform-checkbox-field-text:after {
		top: 23px !important;
		left: 51px !important;
    }
	.page-contact_index .box-policy .error {
		top: 0px !important;
		left: 0px !important;
    }
}

.pure-input .mwform-radio-field-text:before,
.pure-input .mwform-checkbox-field-text:before {
	position: absolute;
	top: 4px;
	left: 0;
	border: 1px solid #192740;
	width: 23px;
	height: 23px;
	color: #192740;
	text-align: center;
	content: "";
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.pure-input .mwform-radio-field-text:before,
	.pure-input .mwform-checkbox-field-text:before {
		top: 6px;
	}
}

.pure-input .mwform-radio-field-text:after,
.pure-input .mwform-checkbox-field-text:after {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: 9px;
	left: 5px;
	width: 13px;
	height: 13px;
	content: "";
	background-color: #192740;
	-webkit-transition: -webkit-transform 200ms ease-out;
	-o-transition: transform 200ms ease-out;
	transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
	transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.pure-input .mwform-radio-field-text:after,
	.pure-input .mwform-checkbox-field-text:after {
		top: 11px;
	}
}

.bg-border {
	background: url("../img/qa/bg-border.png") repeat-y center !important;
}

@media screen and (max-width: 768px) {
	.bg-border {
		background: url("../img/service/bg-01-sp.png") repeat-y center/77% !important;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.boxshadow {
		-webkit-box-shadow: 5px 8px 15px 0 rgba(11, 135, 206, 0.2);
		box-shadow: 5px 8px 15px 0 rgba(11, 135, 206, 0.2);
	}
}

.sec-service-top {
	padding-top: 133px;
	padding-bottom: 67px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: url("../img/service/bg-01.png") repeat-y center/100.5%;
}

@media screen and (max-width: 1024px) {
	.sec-service-top {
		padding: 63px 0 50px;
		background: url("../img/service/bg-01-sp.png") repeat-y center/77%;
	}
}

.sec-service-top .txt-basic {
	margin-bottom: 26px;
}

@media screen and (max-width: 768px) {
	.sec-service-top .txt-basic {
		margin-bottom: 47px;
	}
}

.sec-service-top .txt-basic > p {
	margin-bottom: 37px !important;
}

@media screen and (max-width: 768px) {
	.sec-service-top .txt-basic > p {
		margin-bottom: 28px !important;
	}
}

.sec-service-top .txt-basic > p:last-of-type {
	margin-bottom: 0 !important;
}

.sec-service-top .txt-basic > p a {
	color: #387ef0;
}

@media screen and (max-width: 768px) {
	.sec-service-top .img {
		margin-right: -10px;
		margin-left: -8px;
	}
}

.sec-service-second {
	padding-top: 68px;
	padding-bottom: 80px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: url("../img/service/bg-02.png") no-repeat center;
	background-size: cover;
}

@media screen and (max-width: 1024px) {
	.sec-service-second {
		padding: 32px 0 40px;
	}
}

@media screen and (max-width: 768px) {
	.sec-service-second .ttlcomp-01 {
		margin-bottom: 30px;
	}
}

.sec-service-different {
	padding: 68px 0 80px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 1024px) {
	.sec-service-different {
		padding: 32px 0 40px;
		background: url("../img/service/bg-01-sp.png") repeat-y center/77%;
	}
}

@media screen and (max-width: 768px) {
	.sec-service-different .ttlcomp-01 {
		margin-bottom: 33px;
	}
}

.sec-price {
	padding: 68px 0 74px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: #eef8fd;
}

@media screen and (max-width: 1024px) {
	.sec-price {
		padding: 30px 0 30px;
	}
}

@media screen and (max-width: 768px) {
	.sec-price .ttlcomp-01 {
		margin-bottom: 30px;
	}
}

.sec-good-job {
	padding: 80px 0;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: #e5f2f9;
}

@media screen and (max-width: 1024px) {
	.sec-good-job {
		padding: 55px 0;
	}
}

.list__func {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 60px;
	border: 1px solid #d7e3f4;
	border-bottom: none;
	border-radius: 6px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	background: #fff;
}

@media screen and (max-width: 768px) {
	.list__func {
		margin-bottom: 30px;
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 374px) {
	.list__func {
		font-size: 11px;
		font-size: 1.1rem;
	}
}

.list__func__item {
	padding: 16px 20px 22px;
	border-right: 1px solid #d7e3f4;
	border-bottom: 1px solid #d7e3f4;
	width: 25%;
}

@media screen and (max-width: 1024px) {
	.list__func__item {
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media screen and (max-width: 768px) {
	.list__func__item {
		padding: 10px 10px;
		width: 50%;
	}
}

.list__func__item:nth-child(4n) {
	border-right: none;
}

@media screen and (max-width: 768px) {
	.list__func__item:nth-child(4n) {
		border-right: 1px solid #d7e3f4;
	}
}

@media screen and (max-width: 768px) {
	.list__func__item:nth-child(2n) {
		border-right: none;
	}
}

.list__func__img {
	margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
	.list__func__img {
		margin-bottom: 8px;
		height: 40px;
	}
	.list__func__img img {
		width: auto;
		height: 36px;
	}
}

.box-table-service {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-box-shadow: 8px 8px 15px 0 rgba(11, 135, 206, 0.2);
	box-shadow: 8px 8px 15px 0 rgba(11, 135, 206, 0.2);
}

@media screen and (max-width: 768px) {
	.box-table-service {
		margin-right: -22px;
	}
}

@media screen and (max-width: 768px) {
	.box-table-service .scroll {
		width: 812px;
	}
}

.box-table-service .table {
	width: 100%;
	border-collapse: separate;
}

.box-table-service .table tr th {
	border-top: 1px solid #d7e3f4;
	border-right: 1px solid #d7e3f4;
	border-bottom: 1px solid #d7e3f4;
	width: 215px;
	height: 83px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #192740;
	text-align: center;
	background: #fff;
}

@media screen and (max-width: 1200px) {
	.box-table-service .table tr th {
		width: 200px;
	}
}

@media screen and (max-width: 1024px) {
	.box-table-service .table tr th {
		width: 160px;
		height: 60px;
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.box-table-service .table tr th:empty {
	border: none;
	background: transparent;
}

.box-table-service .table tr th:first-of-type {
	width: calc(100% - 215px * 4);
	background: none;
}
@media screen and (max-width: 1200px) {
	.box-table-service .table tr th:first-of-type {
		width: calc(100% - 200px * 4);
	}
}

@media screen and (max-width: 1024px) {
	.box-table-service .table tr th:first-of-type {
		width: 163px;
	}
}

.box-table-service .table tr th:nth-child(3) {
	border-width: 3px;
	border-color: #387ef0;
	border-top: none;
	border-radius: 5px 0 0 0;
	background: #387ef0;
	fill: #fff;
}

@media screen and (max-width: 768px) {
	.box-table-service .table tr th:nth-child(2) {
		border-width: 2px;
		border-radius: 3px 0 0 0;
	}
}

.box-table-service .table tr th:nth-child(3) svg {
	width: 144px;
}

@media screen and (max-width: 1024px) {
	.box-table-service .table tr th:nth-child(2) svg {
		width: 107px;
	}
}

.box-table-service .table tr th:last-of-type {
	border-radius: 0 5px 0 0;
}

.box-table-service .table tr td {
	border-right: 1px solid #d7e3f4;
	border-bottom: 1px solid #d7e3f4;
	height: 90px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	color: #192740;
	text-align: center;
	background: #fff;
}

@media screen and (max-width: 1024px) {
	.box-table-service .table tr td {

		font-size: 12px;
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 768px) {
	.box-table-service .table tr td {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.box-table-service .table tr td:first-of-type {
	padding-left: 30px;
	border-left: 1px solid #d7e3f4;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #192740;
	text-align: left;
}

@media screen and (max-width: 1200px) {
	.box-table-service .table tr td:first-of-type {
		padding: 0 10px;
		font-size: 16px;
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 768px) {
	.box-table-service .table tr td:first-of-type {
		padding-left: 8px;
		font-size: 13px;
		font-size: 1.3rem;
	}
}

.box-table-service .table tr td:nth-child(2) {
	position: relative;
	border-bottom: none;
	background: #f6fbfe;
	width:250px;
}

.box-table-service .table tr td:nth-child(2):before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: calc(100% + 1px);
	content: "";
	background: #387ef0;
}

@media screen and (max-width: 768px) {
	.box-table-service .table tr td:nth-child(2):before {
		width: 2px;
	}
}

.box-table-service .table tr td:nth-child(2):after {
	display: block;
	position: absolute;
	top: 0;
	right: -1px;
	width: 3px;
	height: calc(100% + 1px);
	content: "";
	background: #387ef0;
}

@media screen and (max-width: 768px) {
	.box-table-service .table tr td:nth-child(2):after {
		right: -1px;
		width: 2px;
	}
}

.box-table-service .table tr td:nth-child(2) .box {
	height: 100%;
	display:flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	border-bottom: 1px solid #d7e3f4;
}

.box-table-service .table tr:nth-child(13) td:nth-child(3),
.box-table-service .table tr:nth-child(2) td:nth-child(3){
	position: relative;
}
.box-table-service .table tr td.fixed{
	position: sticky !important;
}
.box-table-service .table tr td:first-of-type,
.box-table-service .table tr:nth-child(2) td:nth-child(2),
.box-table-service .table tr:nth-child(13) td:nth-child(2) {
	padding-left: 30px;
	border-left: 1px solid #d7e3f4;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #192740;
	text-align: left;
}

.box-table-service .table tr:nth-child(2) td:nth-child(2),
.box-table-service .table tr:nth-child(13) td:nth-child(2){
	background: #fff;
}
.box-table-service .table tr:nth-child(2) td:nth-child(2){
	border-top: 1px solid #d7e3f4;
	border-bottom: 1px solid #d7e3f4;
}

.box-table-service .table tr:last-child td:nth-child(2){
	border-right: 1px solid #d7e3f4 !important;
}

.box-table-service .table tr:nth-child(2) td:nth-child(2):after,
.box-table-service .table tr:nth-child(2) td:nth-child(2):before,
.box-table-service .table tr:nth-child(13) td:nth-child(2):after,
.box-table-service .table tr:nth-child(13) td:nth-child(2):before{
	display: none !important;
	border-right: 1px solid #d7e3f4 !important;
}
.box-table-service .table tr:nth-child(13) td:nth-child(2){
	border-right: 1px solid #d7e3f4;
}

.box-table-service .table tr:last-child td{
	border-bottom: 1px solid #d7e3f4;
}
.box-table-service .table tr:nth-child(2) td:nth-child(3),
.box-table-service .table tr:nth-child(13) td:nth-child(3){
	background: #f6fbfe;
}
.box-table-service .table tr:nth-child(13) td:nth-child(3){
	border-bottom: 3px solid #387ef0;
}
.box-table-service .table tr:nth-child(2) td:nth-child(3):after,
.box-table-service .table tr:nth-child(13) td:nth-child(3):after{
	display: block;
	position: absolute;
	top: 0;
	right: -1px;
	width: 3px;
	height: calc(100% + 1px);
	content: "";
	background: #387ef0;
}
.box-table-service .table tr:nth-child(2) td:nth-child(3):before,
.box-table-service .table tr:nth-child(13) td:nth-child(3):before{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: calc(100% + 1px);
	content: "";
	background: #387ef0;
}
.box-table-service .table tr th:nth-child(2){
	background: #fff;
}
.box-table-service .table tr .ttl{
	padding: 0px !important;
	text-align: center !important;
}

@media (max-width: 767px) {
	.box-table-service .table tr td:first-of-type,
	.box-table-service .table tr:nth-child(2) td:nth-child(2),
	.box-table-service .table tr:nth-child(13) td:nth-child(2) {
		padding-left: 8px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.box-table-service .table tr:nth-child(2) td:first-of-type {
		border-top: 1px solid #d7e3f4;
		border-radius: 5px 0 0 0;
		width: 60px;
	}
	.box-table-service .table tr:nth-child(2) td:nth-child(3):before, 
	.box-table-service .table tr:nth-child(13) td:nth-child(3):before,
	.box-table-service .table tr:nth-child(2) td:nth-child(3):after, 
	.box-table-service .table tr:nth-child(13) td:nth-child(3):after{
		width: 2px;
	}
}

@media screen and (max-width: 768px) {

	.box-table-service .table tr td:nth-child(2) .box {

	}
}

@media screen and (max-width: 768px) {
	.box-table-service .table tr td img {
		width: 25px;
	}
}

@media screen and (max-width: 768px) {
	.box-table-service .table tr td.fixed {
		position: -webkit-sticky;
		position: sticky;
		left: 0;
		z-index: 500;
		background: #fff;
	}
}

.box-table-service .table tr:nth-child(2) td:first-of-type {
	border-top: 1px solid #d7e3f4;
	border-radius: 5px 0 0 0;
	width: 100px;
}

.box-table-service .table tr:last-of-type td:first-of-type {
	border-radius: 0 0 0 5px;
}

.box-table-service .table tr:last-of-type td:last-of-type {
	border-radius: 0 0 5px 0;
}

.box-table-service .table tr:last-of-type td:nth-child(2) {
	position: relative;
	border-right: 3px solid #387ef0;
}

@media screen and (max-width: 768px) {
	.box-table-service .table tr:last-of-type td:nth-child(2) {
		border-width: 2px;
	}
	.box-table-service .table tr:nth-child(2) td:first-of-type {
		width:auto;
	}

}

.box-table-service .table tr:last-of-type td:nth-child(2):after {
	display: block;
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: calc(100% + 3px);
	height: 3px;
	content: "";
	background: #387ef0;
}

@media screen and (max-width: 768px) {
	.box-table-service .table tr:last-of-type td:nth-child(2):after {
		bottom: -1px;
		left: 0;
		width: calc(100% + 2px);
		height: 2px;
	}
}

.box-table-service .table tr:last-of-type td:nth-child(2) span:after {
	display: block;
	position: absolute;
	top: 0;
	right: -1px;
	width: 1px;
	height: 100%;
	content: "";
	background: #387ef0;
}

.price-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto 31px;
	border: 1px solid #d7e3f4;
	border-radius: 5px;
	width: 100%;
	max-width: 520px;
	background: #fff;
}

@media screen and (max-width: 768px) {
	.price-block {
		margin-bottom: 22px;
	}
}

.price-block .item {
	padding: 34px 15px 43px;
	border-right: 1px solid #d7e3f4;
	width: 50%;
}

@media screen and (max-width: 768px) {
	.price-block .item {
		padding: 18px 15px 12px;
	}
}

.price-block .item__ttl {
	position: relative;
	margin-bottom: 18px;
	padding-bottom: 15px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	color: #192740;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.price-block .item__ttl {
		margin-bottom: 5px;
		padding-bottom: 10px;
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.price-block .item__ttl:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: calc(50% - 20px);
	width: 40px;
	height: 3px;
	content: "";
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), to(#2b70e2));
	background: -o-linear-gradient(left, #00aef7 0%, #2b70e2 100%);
	background: linear-gradient(90deg, #00aef7 0%, #2b70e2 100%);
}

@media screen and (max-width: 768px) {
	.price-block .item__ttl:after {
		left: calc(50% - 15px);
		width: 30px;
		height: 2px;
	}
}

.price-block .item__content {
	text-align: center;
}

.price-block .item__content span {
	display: block;
}

.price-block .item__content span.price {
	margin-bottom: -2px;
	font-family: "Roboto", sans-serif;
	font-size: 50px;
	font-size: 5rem;
	font-weight: bold;
	color: #387ef0;
}

@media screen and (max-width: 768px) {
	.price-block .item__content span.price {
		margin-bottom: 0;
		font-size: 37.5px;
		font-size: 3.75rem;
	}
}

@media screen and (max-width: 374px) {
	.price-block .item__content span.price {
		font-size: 30px;
		font-size: 3rem;
	}
}

.price-block .item__content span.price small {
	position: relative;
	bottom: 2px;
	margin-left: 4px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.price-block .item__content span.price small {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

.price-block .item__content span.per-staff {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.price-block .item__content span.per-staff {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.price-block .item:last-of-type {
	border-right: none;
}

.price-block--green {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 780px;
}

.price-block--green .item {
	width: 33.33%;
}

@media screen and (max-width: 768px) {
	.price-block--green .item {
		padding-top: 21px;
		padding-bottom: 10px;
		border-bottom: 1px solid #d7e3f4;
		width: 100%;
	}
	.price-block--green .item:last-of-type {
		border-bottom: none;
	}
}

@media screen and (max-width: 768px) {
	.price-block--green .item__ttl {
		padding-bottom: 12px;
		font-size: 20px;
		font-size: 2rem;
	}
}

.price-block--green .item__ttl:after {
	background: -webkit-gradient(linear, left top, right top, from(#37d0ce), to(#0a9f85));
	background: -o-linear-gradient(left, #37d0ce 0%, #0a9f85 100%);
	background: linear-gradient(90deg, #37d0ce 0%, #0a9f85 100%);
}

@media screen and (max-width: 768px) {
	.price-block--green .item__ttl:after {
		left: calc(50% - 20px);
		width: 40px;
	}
}

.price-block--green .item__content span.price {
	color: #28c3b2;
}

@media screen and (max-width: 768px) {
	.price-block--green .item__content span.price {
		font-size: 50px;
		font-size: 5rem;
	}
}

@media screen and (max-width: 768px) {
	.price-block--green .item__content span.price small {
		font-size: 20px;
		font-size: 2rem;
	}
}

@media screen and (max-width: 768px) {
	.price-block--green .item__content span.per-staff {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.price-block--green.blue .item__ttl:after {
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), to(#2b70e2));
	background: -o-linear-gradient(left, #00aef7 0%, #2b70e2 100%);
	background: linear-gradient(90deg, #00aef7 0%, #2b70e2 100%);
}

.price-block--green.blue .item__content span.price {
	color: #387ef0;
}

.txt-price {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2;
	color: #192740;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.txt-price {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.txt-price--green {
	margin: 0 auto 70px;
	width: 100%;
	max-width: 800px;
}

@media screen and (max-width: 768px) {
	.txt-price--green {
		margin-bottom: 0;
	}
}

.txt-price dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: left;
}

.txt-price dl dt {
	width: 138px;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	.txt-price dl dt {
		width: 100%;
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.txt-price dl dd {
	width: calc(100% - 138px);
	font-size: 14px;
	font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
	.txt-price dl dd {
		width: 100%;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.5;
	}
}

.list-job {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-radius: 6px;
	overflow: hidden;
}

.list-job .item {
	padding: 34px 15px 36px;
	border-right: 1px solid #d7e3f4;
	width: 25%;
	background: #fff;
	-webkit-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
}

@media screen and (max-width: 1024px) {
	.list-job .item {
		padding: 20px 10px;
	}
}

@media screen and (max-width: 768px) {
	.list-job .item {
		padding: 15px 10px 22px;
		border-bottom: 1px solid #d7e3f4;
		width: 50%;
	}
}

.list-job .item:last-of-type {
	border-right: none;
}

@media screen and (max-width: 768px) {
	.list-job .item:nth-child(2n) {
		border-right: none;
	}
}

.list-job .item a {
	display: block;
	text-align: center;
}

.list-job .item__ttl {
	margin-bottom: 37px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	color: #192740;
	text-align: center;
}

@media screen and (max-width: 1024px) {
	.list-job .item__ttl {
		margin-bottom: 25px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

@media screen and (max-width: 768px) {
	.list-job .item__ttl {
		margin-bottom: 20px;
		font-size: 15px;
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 374px) {
	.list-job .item__ttl {
		font-size: 13px;
		font-size: 1.3rem;
	}
}

.list-job .item__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

@media screen and (max-width: 768px) {
	.list-job .item__icon {
		margin-bottom: 8px;
	}
}

.list-job .item .btn-readmore {
	display: inline-block;
	position: relative;
	margin-top: 3rem;
	padding-left: 2.5rem;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #4283ee;
}

@media screen and (max-width: 768px) {
	.list-job .item .btn-readmore {
		margin-top: 1rem;
		padding-left: 2rem;
		font-size: 15px;
		font-size: 1.5rem;
	}
}

.list-job .item .btn-readmore:before {
	display: block;
	position: absolute;
	top: calc(50% - 0.85rem);
	left: 0;
	border-radius: 100%;
	width: 1.7rem;
	height: 1.7rem;
	content: "";
	background: #4283ee;
}

@media screen and (max-width: 768px) {
	.list-job .item .btn-readmore:before {
		top: calc(50% - 7.5px);
		width: 15px;
		height: 15px;
	}
}

.list-job .item .btn-readmore:after {
	display: block;
	position: absolute;
	top: calc(50% - 0.4rem);
	left: 0.3rem;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 0.8rem;
	height: 0.8rem;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
	.list-job .item .btn-readmore:after {
		top: calc(50% - 3px);
		left: 3px;
		border-width: 1px;
		width: 6px;
		height: 6px;
	}
}

.list-job .item:hover {
	background: #eff7fc;
	-webkit-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
}

.list-job .item.active {
	background: #eff7fc;
}

.sec-manual-main {
	padding-top: 55px;
	padding-bottom: 120px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 768px) {
	.sec-manual-main {
		padding: 21px 0 44px;
	}
}

.sec-manual-main .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.sec-manual-main .flex .sidebar {
	padding-right: 60px;
	width: 31.48%;
}

@media screen and (max-width: 1200px) {
	.sec-manual-main .flex .sidebar {
		padding-right: 30px;
	}
}

@media screen and (max-width: 990px) {
	.sec-manual-main .flex .sidebar {
		padding-right: 20px;
		width: 32.5%;
	}
}

@media screen and (max-width: 768px) {
	.sec-manual-main .flex .sidebar {
		margin-bottom: 28px;
		padding-right: 0;
		width: 100%;
	}
}

.sec-manual-main .flex .main-content {
	width: calc(100% - 31.48%);
}

@media screen and (max-width: 990px) {
	.sec-manual-main .flex .main-content {
		width: 67.5%;
	}
}

@media screen and (max-width: 768px) {
	.sec-manual-main .flex .main-content {
		width: 100%;
	}
}

.box-search {
	position: relative;
	margin-bottom: 60px;
}

@media screen and (max-width: 990px) {
	.box-search {
		margin-bottom: 30px;
	}
}

.box-search input {
	padding: 0 20px;
	border: none;
	border-radius: 50px;
	width: 100%;
	height: 48px;
	font-size: 16px;
	font-size: 1.6rem;
	background: #fff;
	outline: 0;
}

@media screen and (max-width: 990px) {
	.box-search input {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 768px) {
	.box-search input {
		padding: 0 22px;
		height: 48px;
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.box-search input:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.box-search ::-webkit-input-placeholder {
	color: #999ea6;
	opacity: 1;
}

.box-search ::-moz-placeholder {
	color: #999ea6;
	opacity: 1;
}

.box-search :-ms-input-placeholder {
	color: #999ea6;
	opacity: 1;
}

.box-search ::-ms-input-placeholder {
	color: #999ea6;
	opacity: 1;
}

.box-search ::placeholder {
	color: #999ea6;
	opacity: 1;
}

.box-search :-ms-input-placeholder {
	color: #999ea6;
}

.box-search ::-ms-input-placeholder {
	color: #999ea6;
}

.box-search .btn-search {
	position: absolute;
	top: calc(50% - 12px);
	right: 25px;
	padding: 0;
	border: none;
	line-height: 1;
	outline: 0;
}

@media screen and (max-width: 768px) {
	.box-search .btn-search {
		top: calc(50% - 11px);
		right: 16px;
	}
}

.box-filter {
	margin-bottom: 56px;
}

@media screen and (max-width: 768px) {
	.box-filter {
		margin-bottom: 30px;
	}
}

.box-filter__content {
	border: 1px solid #d7e3f4;
	border-radius: 6px;
	background: #fff;
}

@media screen and (max-width: 768px) {
	.box-filter__content {
		position: relative;
		z-index: 100;
		border-radius: 3px;
		width: 100%;
		height: 70vh;
		overflow-y: scroll;
	}
}

@media screen and (min-width: 415px) and (max-width: 640px) {
	.box-filter__content {
		height: 50vh;
	}
}

.box-filter__content .item {
	position: relative;
	padding: 19px 20px;
	border-bottom: 1px solid #d7e3f4;
}

@media screen and (max-width: 990px) {
	.box-filter__content .item {
		padding: 15px 10px;
	}
}

@media screen and (max-width: 768px) {
	.box-filter__content .item {
		padding: 20px;
	}
}

.box-filter__content .item:last-of-type {
	padding: 20px 19px;
	border-bottom: none;
}

@media screen and (max-width: 768px) {
	.box-filter__content .item:last-of-type {
		padding: 20px;
	}
}

.box-filter__content .item a {
	color: #999ea6;
}

.box-filter__content .item input {
	display: none;
}

.box-filter__content .item label {
	display: block;
	position: absolute;
	top: calc(50% - 10px);
	right: 20px;
	width: 20px;
	height: 20px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #999ea6;
}

@media screen and (max-width: 990px) {
	.box-filter__content .item label {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 768px) {
	.box-filter__content .item label {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.box-filter__content .item label:before {
	display: block;
	position: absolute;
	top: calc(50% - 10px);
	right: 0;
	border: 1px solid #d7e3f4;
	border-radius: 2px;
	width: 20px;
	height: 20px;
	content: "";
	background: #eef8fd;
}

@media screen and (max-width: 990px) {
	.box-filter__content .item label:before {
		width: 18px;
		height: 18px;
	}
}

@media screen and (max-width: 768px) {
	.box-filter__content .item label:before {
		width: 20px;
		height: 20px;
	}
}

.box-filter__content .item input:checked + label {
	color: #387ef0;
}

.box-filter__content .item input:checked + label:after {
	display: block;
	position: absolute;
	top: 4px;
	right: 6px;
	border-right: 2px solid #387ef0;
	border-bottom: 2px solid #387ef0;
	width: 6px;
	height: 12px;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width: 990px) {
	.box-filter__content .item input:checked + label:after {
		top: 1px;
	}
}

@media screen and (max-width: 768px) {
	.box-filter__content .item input:checked + label:after {
		top: 3px;
	}
}

.box-filter__content .btn-submit {
	padding: 10px 15px;
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	.box-filter__content .btn-submit {
		display: block;
	}
	.box-filter__content .btn-submit:after {
		right: 21px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}
}

.box-filter .scroll {
	position: relative;
	width: 100%;
}

@media screen and (max-width: 768px) {
	.box-filter .bg-modal {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9999;
		align-items: center;
		justify-content: center;
		padding: 0 22.5px;
		visibility: hidden;
		background: rgba(25, 39, 64, 0.9);
		opacity: 0;
		-webkit-transition: 0.3s ease all;
		-o-transition: 0.3s ease all;
		transition: 0.3s ease all;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
	}
	.box-filter .bg-modal.show {
		visibility: visible;
		opacity: 1;
	}
	.box-filter .bg-modal #overlay-manual {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
}

.btn-close {
	display: block;
	position: absolute;
	top: -50px;
	right: 0;
	width: 30px;
	height: 30px;
}

@media screen and (min-width: 415px) and (max-width: 569px) {
	.btn-close {
		top: -30px;
		width: 20px;
		height: 20px;
	}
}

@media screen and (max-width: 374px) {
	.btn-close {
		top: -35px;
	}
}

.btn-submit {
	display: block;
	position: relative;
	z-index: 1;
	padding: 12px 15px;
	border: 1px solid #387ef0;
	border-radius: 2.5rem;
	width: 100%;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	background: #387ef0;
}

@media screen and (min-width: 769px) {
	.btn-submit {
		overflow: hidden;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}
}

.btn-submit span {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
}

@media screen and (min-width: 769px) {
	.btn-submit:before {
		display: inline-block;
		position: absolute;
		top: 0;
		left: -100%;
		z-index: -1;
		width: 100%;
		height: 100%;
		color: #387ef0;
		content: "";
		background-color: #fff;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}
}

.btn-submit:after {
	display: block;
	position: absolute;
	top: calc(50% - 0.4rem);
	right: 1.5rem;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 0.8rem;
	height: 0.8rem;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (min-width: 769px) {
	.btn-submit:hover {
		color: #387ef0;
		background: #fff;
	}
	.btn-submit:hover span {
		color: #387ef0;
	}
	.btn-submit:hover:before {
		left: 0;
	}
	.btn-submit:hover:after {
		border-top: 2px solid #387ef0;
		border-right: 2px solid #387ef0;
	}
}

.btn-all {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	align-items: center;
	padding: 0 20px;
	border: 1px solid #d7e3f4;
	border-radius: 6px;
	height: 50px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #192740;
	background: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

.btn-all:after {
	display: inline-block;
	position: absolute;
	top: calc(50% - 5px);
	right: 12px;
	padding: 2.5px;
	border: solid #387ef0;
	border-width: 0 2px 2px 0;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.box-news-popular__content .item {
	position: relative;
	margin-bottom: 10px;
	padding: 19px 20px 13px;
	border: 1px solid #d7e3f4;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}

@media screen and (max-width: 768px) {
	.box-news-popular__content .item {
		display: none;
		padding: 10px 15px 13px;
	}
}

.box-news-popular__content .item:after {
	display: inline-block;
	position: absolute;
	top: calc(50% - 3px);
	right: 20px;
	padding: 3px;
	border: solid #387ef0;
	border-width: 0 2px 2px 0;
	content: "";
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
	.box-news-popular__content .item:after {
		right: 17px;
		padding: 2.5px;
		border-width: 0 2px 2px 0;
	}
}

.box-news-popular__content .item:last-of-type {
	margin-bottom: 0;
}

.box-news-popular__content .item a {
	display: block;
}

.box-news-popular__content .item .function {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #999ea6;
}

@media screen and (max-width: 768px) {
	.box-news-popular__content .item .function {
		margin-bottom: 7px;
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.box-news-popular__content .item .ttl {
	padding-right: 25px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.6;
	color: #387ef0;
}

@media screen and (max-width: 1024px) {
	.box-news-popular__content .item .ttl {
		padding-right: 20px;
	}
}

@media screen and (max-width: 768px) {
	.box-news-popular__content .item .ttl {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.result-heading {
	margin-bottom: 22px;
	padding-bottom: 17px;
	border-bottom: 1px solid #d7e3f4;
}

@media screen and (max-width: 768px) {
	.result-heading {
		margin-bottom: 22px;
		padding-bottom: 8px;
	}
}

.result-heading span {
	margin-right: 8px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.result-heading span {
		margin-right: 2px;
		font-size: 15px;
		font-size: 1.5rem;
	}
}

.result-heading small {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.result-heading small {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.manual-block .list-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px 40px;
}

@media screen and (max-width: 990px) {
	.manual-block .list-item {
		margin: 0 -5px 40px;
	}
}

@media screen and (max-width: 768px) {
	.manual-block .list-item {
		margin: 0 -10px 20px;
	}
}

@media screen and (max-width: 640px) {
	.manual-block .list-item {
		margin: 0 auto 27px;
	}
}

.manual-block .list-item .item {
	margin-bottom: 20px;
	padding: 0 10px;
	width: 50%;
}

@media screen and (max-width: 990px) {
	.manual-block .list-item .item {
		padding: 0 5px;
	}
}

@media screen and (max-width: 768px) {
	.manual-block .list-item .item {
		padding: 0 10px;
	}
}

@media screen and (max-width: 640px) {
	.manual-block .list-item .item {
		padding: 0;
		width: 100%;
	}
}

.manual-block .list-item .item-wp {
	display: block;
	position: relative;
	padding: 25px 60px 22px 28px;
	border: 1px solid #d7e3f4;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}

@media screen and (max-width: 990px) {
	.manual-block .list-item .item-wp {
		padding-right: 40px;
	}
}

@media screen and (max-width: 768px) {
	.manual-block .list-item .item-wp {
		padding: 11px 40px 14px 15px;
		border-radius: 3px;
	}
}

.manual-block .list-item .item-wp:after {
	display: inline-block;
	position: absolute;
	top: calc(50% - 6px);
	right: 20px;
	padding: 4px;
	border: solid #387ef0;
	border-width: 0 2px 2px 0;
	content: "";
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
	.manual-block .list-item .item-wp:after {
		top: calc(50% - 3px);
		right: 15px;
		padding: 3px;
		border-width: 0 1px 1px 0;
	}
}

.manual-block .list-item .item-wp .category {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #999ea6;
}

@media screen and (max-width: 768px) {
	.manual-block .list-item .item-wp .category {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.manual-block .list-item .item-wp .ttl {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.manual-block .list-item .item-wp .ttl {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.7;
	}
}

.list-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.list-pagination .page {
	margin-right: 20px;
}

.list-pagination .page:last-child {
	margin-right: 0;
}

@media screen and (max-width: 768px) {
	.list-pagination .page {
		margin-right: 16px;
	}
}

@media screen and (max-width: 374px) {
	.list-pagination .page {
		margin-right: 10px;
	}
}

.list-pagination .page a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 56px;
	height: 56px;
	font-family: "Roboto", sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 500;
	color: #192740;
	background: #fff;
	-webkit-box-shadow: 6px 6px 20px rgba(23, 62, 127, 0.3);
	box-shadow: 6px 6px 20px rgba(23, 62, 127, 0.3);
	-webkit-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

@media screen and (max-width: 990px) {
	.list-pagination .page a {
		width: 40px;
		height: 40px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.list-pagination .page span {
	font-size: 24px;
	font-size: 2.4rem;
}

@media screen and (max-width: 990px) {
	.list-pagination .page span {
		font-size: 20px;
		font-size: 2rem;
	}
}

.list-pagination .page__current a {
	color: #fff;
	background: #192740;
}

.list-pagination .page:hover a {
	color: #fff;
	background: #192740;
	opacity: 1;
	-webkit-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
}

.list-pagination .page__next a {
	background: none !important;
}

.wp-pagenavi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 20px 0 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 50%;
	width: 56px;
	height: 56px;
	font-family: "Roboto", sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 500;
	color: #192740;
	background: #fff;
	-webkit-box-shadow: 6px 6px 20px rgba(23, 62, 127, 0.3);
	box-shadow: 6px 6px 20px rgba(23, 62, 127, 0.3);
	-webkit-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

@media screen and (max-width: 990px) {
	.wp-pagenavi a,
	.wp-pagenavi span {
		width: 40px;
		height: 40px;
		font-size: 20px;
		font-size: 2rem;
	}
}

.wp-pagenavi a.current,
.wp-pagenavi span.current {
	color: #fff;
	background: #192740;
}

.wp-pagenavi a.pages,
.wp-pagenavi a.last,
.wp-pagenavi a.first,
.wp-pagenavi span.pages,
.wp-pagenavi span.last,
.wp-pagenavi span.first {
	display: none;
}

.wp-pagenavi a.extend,
.wp-pagenavi span.extend {
	width: 20px;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi span.nextpostslink,
.wp-pagenavi span.previouspostslink {
	color: #3f7eee;
}

.wp-pagenavi a:hover {
	color: #fff;
	background: #192740;
}

.manual-single {
	margin-top: 6px;
	margin-bottom: 50px;
	padding: 55px 60px 59px;
	border-radius: 20px;
	background: #fff;
	position: relative;
}
.manual-single .title-post-img{
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
}
.manual-single .img-feature img{
	width: 100%;
}

@media screen and (max-width: 1024px) {
	.manual-single {
		padding: 30px;
	}
}

@media screen and (max-width: 768px) {
	.manual-single {
		margin: 0 -22px 47px;
		padding: 35px 17px;
		border-radius: 10px;
	}
}

.manual-single__ttl {
	margin-bottom: 50px;
	padding-bottom: 47px;
	border-bottom: 1px solid #d4e2f3;
}

@media screen and (max-width: 768px) {
	.manual-single__ttl {
		margin-bottom: 23px;
		padding-bottom: 19px;
	}
}

.manual-single__ttl small {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #aaaaaa;
}

@media screen and (max-width: 768px) {
	.manual-single__ttl small {
		margin-bottom: 12px;
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.manual-single__ttl span {
	font-size: 30px;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.5;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.manual-single__ttl span {
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.manual-single__detail {
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 2;
	color: #192740;
}

.manual-single__detail a{
	color: #387EF0;
	line-break: anywhere;
}

@media screen and (max-width: 768px) {
	.manual-single__detail {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.manual-single__detail p {
	margin-bottom: 52px !important;
}

@media screen and (max-width: 768px) {
	.manual-single__detail p {
		margin-bottom: 38px !important;
	}
}

.manual-single__detail p:last-of-type {
	margin-bottom: 0 !important;
	text-align: left !important;
}
.manual-single__detail p:last-of-type .toc_toggle,
.manual-single__detail p:last-of-type .toc_toggle a{
	color: #387EF0;
}

.manual-single__detail h2 {
	margin-bottom: 30px;
	padding: 10px 17px;
	border-radius: 6px;
	font-size: 30px;
	font-size: 3rem;
	font-weight: 500;
	line-height: 50px;
	color: #fff;
	background: #387EF0;
	/*background: -webkit-gradient(linear, left top, right top, from(#00aef7), to(#2b70e2));*/
	/*background: -o-linear-gradient(left, #00aef7 0%, #2b70e2 100%);*/
	/*background: linear-gradient(90deg, #00aef7 0%, #2b70e2 100%);*/
}

@media screen and (max-width: 768px) {
	.manual-single__detail h2 {
		margin-bottom: 15px;
		padding: 4px 9px 8px;
		border-radius: 3px;
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.manual-single__detail h3 {
	position: relative;
	margin-bottom: 34px;
	margin-left: 20px;
	/*border-bottom: 2px solid #d4e2f3;*/
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 50px;
	color: #387EF0;
}

@media screen and (max-width: 768px) {
	.manual-single__detail h3 {
		margin-bottom: 15px;
		margin-left: 15px;
		padding-bottom: 5px;
		/*border-bottom: 1px solid #d4e2f3;*/
		font-size: 16.5px;
		font-size: 1.65rem;
	}
}

#toc_container .toc_list *{
	color: #387EF0;
	font-weight: 400;
}
#toc_container .toc_list>li{
	padding-left: 30px;
}
#toc_container .toc_list>li>a{
	font-weight: 500;
}
#toc_container .toc_list>li:after{
	content: "";
	position: absolute;
	width: 19px;
	border-top: 3px solid #387EF0;
	left: 0;
	top: 14px;
}
#toc_container .toc_list li ul li{
	position: relative;
}
#toc_container .toc_list li ul li:after{
	content: "";
	position: absolute;
	width: 10px;
	border-top: 1px solid #387EF0;
	left: -21px;
	top: 15px;
}
#toc_container ul ul{
	margin-left: 0 !important;
}



.manual-single__detail h3:before {
	display: block;
	position: absolute;
	top: 52%;
	transform: translateY(-50%);
	bottom: 0;
	left: -20px;
	width: 5px;
	height: 80%;
	content: "";
	background: #387EF0;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#00aef7), to(#2b70e2));*/
	/*background: -o-linear-gradient(top, #00aef7 0%, #2b70e2 100%);*/
	/*background: linear-gradient(180deg, #00aef7 0%, #2b70e2 100%);*/
}

@media screen and (max-width: 768px) {
	.manual-single__detail h3:before {
		left: -15px;
	}
}

.manual-single__detail h4 {
	margin-bottom: 20px;
	font-size: 21px;
	font-size: 2.1rem;
	font-weight: bold;
	color: #2a71e2;
	display: none;
}

@media screen and (max-width: 768px) {
	.manual-single__detail h4 {
		margin-bottom: 7px;
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.manual-single__detail strong {
	font-weight: bold;
}

.manual-single__detail em {
	font-style: italic;
}

.manual-single__detail ul,
.manual-single__detail ol {
	margin-bottom: 35px;
}

.manual-single__detail ul li,
.manual-single__detail ol li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 10px;
	font-size: 16px;
	font-size: 1.6rem;
}

.manual-single__detail ul li::before,
.manual-single__detail ol li::before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -2px;
	border-radius: 5px;
	width: 4px;
	height: 4px;
	content: "";
	background: #434444;
}

.manual-single__detail .alignleft {
	float: left;
	margin: 0 25px 25px 0;
}

@media screen and (max-width: 768px) {
	.manual-single__detail .alignleft {
		display: block;
		float: none;
		margin: 0 auto 25px;
	}
}

.manual-single__detail .alignright {
	float: right;
	margin: 0 0 25px 25px;
}

@media screen and (max-width: 768px) {
	.manual-single__detail .alignright {
		display: block;
		float: none;
		margin: 0 auto 25px;
	}
}

.manual-single__detail .aligncenter {
	display: block;
	margin: 0 auto 25px;
}

.manual-single__detail .quote,
.manual-single__detail blockquote {
	position: relative;
	margin-bottom: 50px;
	padding: 22px 20px;
	border-radius: 6px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
	color: #192740;
	background: #eef8fd;
}

@media screen and (max-width: 768px) {
	.manual-single__detail .quote,
	.manual-single__detail blockquote {
		margin-bottom: 20px;
		padding: 20px;
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.manual-single__detail .quote:before,
.manual-single__detail blockquote:before {
	display: block;
	position: absolute;
	top: -14px;
	left: 22px;
	width: 31px;
	height: 27px;
	content: "";
	background: url("../img/manual/quote.png") no-repeat center/cover;
}

.manual-single .status {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 18px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

@media screen and (max-width: 768px) {
	.manual-single .status {
		margin-bottom: 11px;
	}
}

.manual-single .status span {
	display: inline-block;
}
.manual-single .status span.txt-new{
	font-size: 16px;
	line-height: 19px;
	background: #FF0000;
	color: #fff;
	border-radius: 3px;
	width: 46px;
	text-align: center;
	margin-right: 15px;
	padding-bottom: 2px;
}

.manual-single .status .note {
	margin-right: 19px;
	padding: 8px 12px;
	border-radius: 5px;
	font-size: 14px;
	font-size: 1.4rem;
	color: white;
	background: #192740;
}

@media screen and (max-width: 768px) {
	.manual-single .status .note {
		padding: 6px;
		font-size: 11px;
		font-size: 1.1rem;
	}
}

.manual-single .status .date {
	font-size: 20px;
	font-size: 2rem;
	color: #387EF0;
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	.manual-single .status .date {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.manual-single .heading-detail {
	font-size: 30px;
	font-weight: 500;
	line-height: 50px;
	color: #387EF0;
}

@media screen and (max-width: 768px) {
	.manual-single .heading-detail {
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.relative-block {
	margin-bottom: 55px;
}

@media screen and (max-width: 768px) {
	.relative-block {
		margin-bottom: 37px;
	}
}

.relative-block__ttl {
	margin-bottom: 23px;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.55;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.relative-block__ttl {
		margin-bottom: 27px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.relative-block .list .item {
	margin-bottom: 18px;
}

@media screen and (max-width: 768px) {
	.relative-block .list .item {
		margin-bottom: 20px;
	}
}

.relative-block .list .item:last-of-type {
	margin-bottom: 0;
}

.relative-block .list .item a {
	display: block;
	position: relative;
	padding-left: 15px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #387ef0;
}

@media screen and (max-width: 768px) {
	.relative-block .list .item a {
		padding-left: 14px;
		line-height: 1.25;
		letter-spacing: 1px;
	}
}

.relative-block .list .item a:before {
	display: inline-block;
	position: absolute;
	top: calc(50% - 3px);
	left: 0;
	padding: 3px;
	border: solid #387ef0;
	border-width: 0 2px 2px 0;
	content: "";
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
	.relative-block .list .item a:before {
		top: 6px;
		border-width: 0 1px 1px 0;
	}
}

.pre-page {
	display: block;
	position: relative;
	padding-left: 35px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #387ef0;
}

@media screen and (max-width: 768px) {
	.pre-page {
		padding-left: 35px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.pre-page:before {
	display: block;
	position: absolute;
	top: calc(50% - 13px);
	left: 0;
	width: 25px;
	height: 25px;
	content: "";
	background: url("../img/manual/prev-page.png") no-repeat center/cover;
}

@media screen and (max-width: 768px) {
	.pre-page:before {
		top: calc(50% - 12px);
		width: 24px;
		height: 24px;
	}
}

@media screen and (max-width: 768px) {
	.page-manualsingle_index .sec-manual-main {
		padding-top: 0;
		padding-bottom: 4px;
	}
	.page-manualsingle_index .flex .sidebar {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.page-manualsingle_index .flex .main-content {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		margin-bottom: 57px;
	}
}

.heading-mv {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	color: white;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

@media screen and (max-width: 768px) {
	.heading-mv {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.9;
	}
}

.heading-mv__logo {
	display: block;
	max-width: 235px;
}

@media screen and (max-width: 768px) {
	.heading-mv__logo {
		max-width: 320px;
	}
}

.heading-mv__note {
	display: block;
	padding: 0 0 0 25px;
	width: calc(100% - 305px);
}

@media screen and (max-width: 768px) {
	.heading-mv__note {
		padding: 15px 10px;
		width: 100%;
		text-align: center;
	}
}

@media screen and (min-width: 769px) {
	.heading-mv__img {
		display: block;
		position: absolute;
		top: -34px;
		right: 14px;
		width: 251px;
	}
}

.content-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 56px 0 120px;
}

@media screen and (max-width: 768px) {
	.content-block {
		padding: 10px 0 47px;
	}
}

.content-left {
	padding-right: 62px;
	width: 74.3%;
}

@media screen and (max-width: 1024px) {
	.content-left {
		padding-right: 30px;
	}
}

@media screen and (max-width: 768px) {
	.content-left {
		margin-bottom: 55px;
		padding-right: 0;
		width: 100%;
	}
}

.content-sidebar {
	width: 25.7%;
}

@media screen and (max-width: 768px) {
	.content-sidebar {
		width: 100%;
	}
	.content-sidebar .ttlcomp-03 {
		margin-bottom: 22px;
		font-size: 15px;
		font-size: 1.5rem;
	}
}

.menu-news {
	margin-bottom: 53px;
	border: 1px solid #d7e3f4;
	border-radius: 5px;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	.menu-news {
		display: none;
		margin-bottom: 0;
		padding-bottom: 14px;
		border-radius: 2px;
		background: white;
	}
}

@media screen and (min-width: 769px) {
	.menu-news .item {
		border-bottom: 1px solid #d7e3f4;
	}
}

.menu-news .item:last-child {
	border-bottom: none;
}

.menu-news .item a {
	display: block;
	position: relative;
	padding: 18px;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	color: #387ef0;
	background: white;
}

@media screen and (max-width: 768px) {
	.menu-news .item a {
		padding: 9px 15px;
		font-size: 14px;
		font-size: 1.4rem;
		color: #192740;
	}
}

@media screen and (min-width: 769px) {
	.menu-news .item a:after {
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 18px;
		padding: 3px;
		border: solid #387ef0;
		border-width: 0 1px 1px 0;
		content: "";
		-webkit-transform: translateY(-50%) rotate(-45deg);
		-ms-transform: translateY(-50%) rotate(-45deg);
		transform: translateY(-50%) rotate(-45deg);
	}
}

.news-list {
	margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
	.news-list {
		margin-bottom: 41px;
	}
}

.news-list .item {
	margin-bottom: 21px;
	height: 167px;
}

@media screen and (max-width: 768px) {
	.news-list .item {
		margin-bottom: 9px;
		height: 120px;
	}
}

.news-list .item:last-child {
	margin-bottom: 0;
}

.news-list .item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-radius: 5px;
	height: 100%;
	overflow: hidden;
	background: white;
}

@media screen and (max-width: 768px) {
	.news-list .item a {
		border-radius: 3px;
	}
}

.news-list .item a .img {
	display: block;
	width: 33.77%;
}

@media screen and (max-width: 768px) {
	.news-list .item a .img {
		width: 38%;
	}
}

.news-list .item a .img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover";
}

@media screen and (max-width: 768px) {
	.news-list .item a .img img {
		min-height: 120px;
	}
}

.news-list .item a .txt {
	display: block;
	padding: 27px 25px;
	width: 66.23%;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.65;
	color: #192740;
}

@media screen and (max-width: 1024px) {
	.news-list .item a .txt {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 768px) {
	.news-list .item a .txt {
		padding: 13px 10px 22px 13px;
		width: 62%;
		line-height: 1.5;
	}
}

.news-list .item a .txt .ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.4;
	color: #aaaaaa;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}

@media screen and (max-width: 768px) {
	.news-list .item a .txt .ttl {
		font-size: 11px;
		font-size: 1.1rem;
	}
}

.news-list .item a .txt .ttl span {
	display: block;
}

@media screen and (min-width: 769px) {
	.news-list .item a .txt .ttl .date {
		padding-right: 7px;
	}
}

.banner-bottom-all{
	padding: 60px 0;
}
.news-management {
/* 	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; */
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 35px 34px 46px 35px;
	border-radius: 5px;
	color: white;
	background: #192841;
	display: none;
}
.news-management.all-page{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media screen and (max-width: 1024px) {
	.news-management {
		align-items: center;
		padding: 15px;
		-webkit-box-align: center;
		-ms-flex-align: center;
	}
}

@media screen and (max-width: 640px) {
	.news-management {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 20px 24px 23px;
	}
}

.news-management .txt {
	width: 60%;
	font-size: 23px;
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1.73913;
}

@media screen and (max-width: 1024px) {
	.news-management .txt {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.666666;
	}
}

@media screen and (max-width: 640px) {
	.news-management .txt {
		margin-bottom: 19px;
		width: 100%;
		text-align: center;
	}
}

.news-management .link {
	padding-top: 6px;
	width: 40%;
}

@media screen and (max-width: 640px) {
	.news-management .link {
		padding: 0;
		width: 100%;
		max-width: 300px;
	}
	.news-management .link .md-btn {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

.news-management .link .merit__detail,
.news-management .link .merit__dispatc,
.news-management .link .voice__detail {
	margin: 0;
	width: 100%;
}

.news-management .link .merit__agency {
	margin-bottom: 13px;
}

@media screen and (max-width: 768px) {
	.news-management .link .merit__agency {
		margin-bottom: 6px;
	}
}

.news-blog {
	margin-bottom: 59px;
	counter-reset: section;
}

@media screen and (max-width: 768px) {
	.news-blog {
		margin-bottom: 44px;
	}
}

.news-blog .item {
	margin-bottom: 19px;
}

@media screen and (max-width: 768px) {
	.news-blog .item {
		margin-bottom: 11px;
		-webkit-filter: drop-shadow(0 0 2rem rgba(11, 135, 206, 0.2));
		filter: drop-shadow(0 0 2rem rgba(11, 135, 206, 0.2));
	}
}

.news-blog .item:last-child {
	margin-bottom: 0;
}

.news-blog .item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media screen and (min-width: 769px) {
	.news-blog .item a {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

@media screen and (max-width: 768px) {
	.news-blog .item a {
		border-radius: 3px;
		overflow: hidden;
	}
}

.news-blog .item .img {
	position: relative;
	border-radius: 5px 0 0 5px;
	width: 36%;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	.news-blog .item .img {
		border-radius: 0;
		width: 38%;
	}
}

.news-blog .item .img img {
	width: 100%;
	min-height: 100px;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

@media screen and (max-width: 768px) {
	.news-blog .item .img img {
		height: 100%;
		min-height: 120px;
	}
}

.news-blog .item .img:after {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	font-family: "Roboto", sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1;
	color: white;
	content: counters(section, ".");
	counter-increment: section;
	background: #192740;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

@media screen and (max-width: 768px) {
	.news-blog .item .img:after {
		width: 38px;
		height: 36px;
		font-size: 22.22px;
		font-size: 2.222rem;
	}
}

.news-blog .item .txt {
	padding-left: 21px;
	width: 64%;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.533333;
	color: #192740;
}

@media screen and (max-width: 1024px) {
	.news-blog .item .txt {
		padding-left: 10px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.5;
	}
}

@media screen and (max-width: 768px) {
	.news-blog .item .txt {
		padding: 10px 12px 19px;
		width: 62%;
		background: white;
	}
}

.news-blog .item .txt .ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.4;
	color: #aaaaaa;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}

@media screen and (max-width: 768px) {
	.news-blog .item .txt .ttl {
		margin-bottom: 11px;
		font-size: 11px;
		font-size: 1.1rem;
	}
}

.news-blog .item .txt .ttl span {
	display: block;
}

@media screen and (min-width: 769px) {
	.news-blog .item .txt .ttl .date {
		padding-right: 7px;
	}
}

@media screen and (min-width: 769px) {
	.news-blog .item:nth-child(1) {
		margin-bottom: 29px;
	}
}

@media screen and (min-width: 769px) {
	.news-blog .item:nth-child(1) a .img {
		margin-bottom: 18px;
		border-radius: 5px;
		width: 100%;
	}
}

.news-blog .item:nth-child(1) a .img:after {
	background: #f69203;
}

@media screen and (min-width: 769px) {
	.news-blog .item:nth-child(1) a .txt {
		padding: 0;
		width: 100%;
	}
}

@media screen and (min-width: 769px) {
	.news-blog .item:nth-child(2) {
		margin-bottom: 29px;
	}
}

@media screen and (min-width: 769px) {
	.news-blog .item:nth-child(2) a .img {
		margin-bottom: 18px;
		border-radius: 5px;
		width: 100%;
	}
}

.news-blog .item:nth-child(2) a .img:after {
	background: #4283ee;
}

@media screen and (min-width: 769px) {
	.news-blog .item:nth-child(2) a .txt {
		padding: 0;
		width: 100%;
	}
}

.news-blog .item:nth-child(3) a .img:after {
	background: #c86b2d;
}

.news-detail {
	padding: 41px 54px 39px 66px;
	font-weight: 500;
	line-height: 2.15;
	color: #192740;
	letter-spacing: 1px;
	background: white;
}

.news-detail .status {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 21px;
	line-height: 1;
	letter-spacing: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

.news-detail .status span {
	display: inline-block;
}

.news-detail .status .note {
	margin-right: 19px;
	padding: 8px 12px;
	border-radius: 5px;
	font-size: 14px;
	font-size: 1.4rem;
	color: white;
	background: #192740;
}

.news-detail .status .date {
	font-size: 16px;
	font-size: 1.6rem;
	color: #aaaaaa;
}

.news-detail p {
	margin-bottom: 54px !important;
}

.news-detail h1,
.news-detail h2,
.news-detail h3,
.news-detail h4,
.news-detail h5,
.news-detail h6 {
	display: block;
	position: relative;
	font-weight: bold;
	letter-spacing: 0;
}

.news-detail h1 {
	margin-bottom: 33px;
	font-size: 30px;
	font-size: 3rem;
	line-height: 1.5;
	color: #192740;
}

.news-detail h2 {
	margin-bottom: 29px;
	padding: 15px 17px;
	border-radius: 5px;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.5454;
	color: white;
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), to(#2a70e2));
	background: -o-linear-gradient(left, #00aef7 0%, #2a70e2 100%);
	background: linear-gradient(90deg, #00aef7 0%, #2a70e2 100%);
}

.news-detail h3 {
	margin-bottom: 35px;
	padding: 0 0 7px 18px;
	font-size: 22px;
	font-size: 2.2rem;
	color: #2a71e2;
}

.news-detail h3:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -3px;
	border-radius: 5px;
	width: 5px;
	content: "";
	background: #00aef7;
	background: -webkit-gradient(linear, left bottom, left top, from(#00aef7), to(#2a70e2));
	background: -o-linear-gradient(bottom, #00aef7 0%, #2a70e2 100%);
	background: linear-gradient(0deg, #00aef7 0%, #2a70e2 100%);
}

.news-detail h3:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 19px;
	height: 2px;
	content: "";
	background: #d7e3f4;
}

.news-detail h4 {
	margin-bottom: 25px;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1.619;
	color: #2a71e2;
}

.news-other {
	margin: 52px 0 58px;
}

@media screen and (max-width: 768px) {
	.news-other {
		margin: 30px 0;
	}
}

.news-other .ttl {
	display: block;
	margin-bottom: 28px;
	line-height: 1.4;
}

@media screen and (max-width: 768px) {
	.news-other .ttl {
		margin-bottom: 15px;
	}
}

.news-other .ttl span {
	display: block;
}

.news-other .ttl span.en {
	margin-bottom: 6px;
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	color: #4283ee;
}

@media screen and (max-width: 768px) {
	.news-other .ttl span.en {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.news-other .ttl span.jp {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.news-other .ttl span.jp {
		font-size: 18px;
		font-size: 1.8rem;
	}
}

@media screen and (min-width: 769px) {
	.news-other .blog__list {
		margin: 0 -12px;
	}
	.news-other .blog__list .blog__item {
		padding: 0 12px;
		width: 33.333%;
	}
}

@media screen and (max-width: 768px) {
	.news-other .blog__list {
		margin-top: 0 !important;
	}
}

.table-of-content {
	margin: 39px 0 57px;
	padding: 10px 31px 20px;
	border: 1px solid #d7e3f4;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: 0;
	background: #f6f6f6;
}

@media screen and (max-width: 768px) {
	.table-of-content {
		margin: 21px 0;
		padding: 11px 21px 14px;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 2;
	}
}

.table-of-content .ttl {
	display: block;
	margin-bottom: 9px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.table-of-content .ttl {
		margin-bottom: 5px;
	}
}

.table-of-content .ttl span {
	color: #4283ee;
}

@media screen and (max-width: 374px) {
	.table-of-content .anchor-link {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.table-of-content .anchor-link li a {
	display: block;
	color: #4283ee;
}

.table-of-content .anchor-link ul {
	padding-left: 15px;
}

@media screen and (max-width: 374px) {
	.table-of-content .anchor-link ul {
		padding-left: 15px;
	}
}

.support {
	display: block;
	padding: 34px 27px 34px 34px;
	border-radius: 5px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6666;
	color: white;
	background: url("../img/news/bg-item.png") no-repeat;
	background-size: cover;
}

@media screen and (max-width: 1024px) {
	.support {
		padding: 18px 16px 28px;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.875;
	}
	.support .box {
		position: relative;
		margin-bottom: 21px;
		padding: 0 123px 0 0;
	}
	.support .box img {
		position: absolute;
		top: 2px;
		right: 7px;
		width: 104px;
	}
}

@media screen and (max-width: 768px) {
	.support {
		margin: 0 auto;
		max-width: 400px;
	}
}

.support a {
	color: #fff;
}

.support .ttl {
	display: block;
	margin-bottom: 23px;
	padding: 14px 0 9px;
	border-top: 2px solid #35bcf8;
	border-bottom: 2px solid #35bcf8;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.2;
	text-align: center;
}

@media screen and (max-width: 1024px) {
	.support .ttl {
		font-size: 13px;
		font-size: 1.3rem;
	}
}

@media screen and (max-width: 768px) {
	.support .ttl {
		margin-bottom: 17px;
		padding: 8px 0 4px;
	}
	.support .ttl img {
		position: static;
		width: 117px;
	}
}

.support .ttl span {
	display: block;
	margin-bottom: 4px;
}

.support img {
	display: block;
	margin: 0 auto;
}

.support .txt {
	letter-spacing: 2px;
}

@media screen and (max-width: 768px) {
	.support .txt {
		letter-spacing: 0;
	}
}

.support .voice__detail {
	margin-top: -24px;
}

@media screen and (max-width: 768px) {
	.support .voice__detail {
		margin-top: -2px;
		max-width: 286px;
	}
}

.support .voice__detail .md-btn {
	font-size: 16px;
	font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
	.support .voice__detail .md-btn {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 768px) {
	.show-all {
		display: block;
		position: relative;
		padding: 15px;
		border: 1px solid #d7e3f4;
		border-radius: 2px;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.4;
		color: #192740;
		background: #e3eff5;
	}
	.show-all:after {
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 18px;
		padding: 3px;
		border: solid #4283ee;
		border-width: 0 1px 1px 0;
		content: "";
		-webkit-transform: translateY(-50%) rotate(45deg);
		-ms-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
	}
}

.sec-mv-news {
	position: relative;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.sec-mv-news .img img {
	width: 100%;
	min-height: 120px;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

@media screen and (max-width: 768px) {
	.sec-mv-news .img img {
		height: 230px;
	}
}

.sec-mv-news .wrap {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
	.sec-mv-news .wrap {
		top: 77px;
		padding: 0 10px;
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
}

.sec-news {
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (min-width: 769px) {
	.page-newssingle_index .content-block {
		padding: 56px 0 65px;
	}
}

@media screen and (max-width: 768px) {
	.page-newssingle_index .content-block {
		padding-top: 0;
	}
}

#toc_container {
	margin: 39px 0 57px !important;
	padding: 10px 31px 20px !important;
	font-size: 15px !important;
	font-weight: 500;
	color: #333333;
	background: #F5F4F4 !important;
	border: 0 !important;
	border-radius: 10px;
}

@media screen and (max-width: 768px) {
	#toc_container {
		font-size: 13px !important;
	}
}

.contact-content {
	margin: 0 auto;
	padding: 50px 0 20px;
	max-width: 960px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 768px) {
	.contact-content {
		padding-top: 33px;
	}
}

.contact-logo {
	margin-bottom: 33px;
	fill: #5791cd;
}

@media screen and (max-width: 768px) {
	.contact-logo {
		margin-bottom: 12px;
	}
}

.contact-logo svg {
	display: block;
	margin: 0 auto;
	width: 148px;
}

@media screen and (max-width: 640px) {
	.contact-logo svg {
		width: 123px;
	}
}

.contact-note {
	margin-bottom: 34px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.contact-note {
		margin-bottom: 20px;
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.contact-note .ttl {
	display: block;
	margin-bottom: 25px;
	font-size: 30px;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.4;
}

@media screen and (max-width: 768px) {
	.contact-note .ttl {
		margin-bottom: 11px;
		font-size: 21px;
		font-size: 2.1rem;
	}
}

.contact-form {
	padding: 65px 100px 60px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #192740;
	background: white;
}

.contact-form.-wide{
	padding:65px 0 60px;
}

@media screen and (max-width: 1024px) {
	.contact-form {
		padding: 30px 22px 45px;
	}
	.contact-form.-wide{
		padding:30px 0 45px;
	}
}

@media screen and (max-width: 768px) {
	.contact-form {
		padding: 17px 22px 45px;
		font-size: 15px;
		font-size: 1.5rem;
	}
}

.contact-form-thanks {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 2;
}

@media screen and (max-width: 768px) {
	.contact-form-thanks {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

.contact-form .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	padding: 29px 0;
	border-bottom: 1px solid #d7e3f4;
	min-height: 110px;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

@media screen and (max-width: 768px) {
	.contact-form .item {
		padding: 22px 0;
		min-height: 10px;
	}
}

.contact-form .item:nth-child(1) {
	padding-top: 0;
	min-height: 82px;
}

.application-form-box_saki .item .custom_new_bl {
    top: 62px;
}

.application-form-box_saki dl.application-form.lozad.anime.bottom-in.active {
    margin-bottom: 60px;
}
.application-form-box_saki .item .custom_new_bl  label small.note {
    right: 15px;
}
.application-form-box_saki dl.application-form {
    border-top: none;
}
.payment_destination_content #price-plan-item .price-input {
    padding-left: 0;
}
#payment_destination_2 .ttl-price {
    font-weight: 700;
}

@media screen and (max-width: 768px) {
	.contact-form .item:nth-child(1) {
		min-height: 10px;
	}
}

.contact-form .item.top {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.contact-form .item.top .ttl {
	margin-top: 13px;
}

.contact-form .item .ttl {
	position: relative;
	padding-right: 78px;
	width: 36%;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.contact-form .item .ttl {
		margin-bottom: 12px;
		width: 100%;
	}
    .application-form-box_saki .item .custom_new_bl {
	    top: 0;
	}
	.application-form-box_saki .item .custom_new_bl label small.note {
        right: 0px;
    }
    .application-form-box_saki .vertical-item {
        left: 0 !important;
        margin-left: 0 !important;
    }
}

.contact-form .item .ttl label {
	cursor: auto;
}

.contact-form .item .ttl .note {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 19px;
	padding: 2px 9px 4px;
	border-radius: 3px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	color: white;
	background: #dc5353;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.contact-form .item .ttl .note.other {
		right: 40px;
}
.contact-form .item .ttl .note-samll{
	display: inline-block;
	position: absolute;
	top: 35%;
	right: 19px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	color: black;

}
@media screen and (max-width: 768px) {
	.contact-form .item .ttl .note,.contact-form .item .ttl .note.other {
		right: 0;
	}
	
	.contact-form .item .ttl .note-samll {
		display: inline-block;
		position: absolute;
		top: unset;
		right: unset;
		font-size: 12px;
		font-weight: 500;
		line-height: 1;
		color: black;
		left: -17px;
		bottom: -35px;
	}
}

.contact-form .item .form {
	width: 64%;
}

@media screen and (max-width: 768px) {
	.contact-form .item .form {
		width: 100%;
	}
}

.contact-form .check-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 39px;
}

@media screen and (max-width: 768px) {
	.contact-form .check-item {
		margin-bottom: 22px;
	}
}

.contact-form .check-item label {
	padding-left: 35px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.contact-form .check-item label {
		display: block;
		padding-left: 10px;
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.contact-form .check-item label:before {
	top: 6px;
	left: 0;
	width: 19px;
	height: 19px;
}

@media screen and (max-width: 768px) {
	.contact-form .check-item .mwform-checkbox-field {
		display: inline-block;
		vertical-align: middle;
	}
}

.contact-form .check-item .note {
	display: inline-block;
	margin-left: 7px;
	padding: 2px 9px 4px;
	border-radius: 3px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	color: white;
	background: #dc5353;
}

@media screen and (max-width: 768px) {
	.contact-form .check-item .note {
		margin-left: 2px;
	}
}

@media screen and (max-width: 374px) {
	.contact-form .check-item .note {
		margin: 5px 0;
	}
}

.contact-form .check-item input[type="checkbox"] + label:after {
	margin-top: -2px;
}

.contact-form .contact__detail {
	margin: 0 auto;
	max-width: 520px;
}

.contact-form .md-btn {
	padding: 23px;
	border-radius: 50px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.contact-form .md-btn {
		padding: 18px 10px;
		font-size: 15px;
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 374px) {
	.contact-form .md-btn {
		display: block;
		text-align: center;
	}
}

.contact-policy {
	margin-bottom: 34px;
	padding: 25px 20px 5px 27px;
	border-radius: 5px;
	height: auto;
	overflow: hidden;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #192740;
	background: #eef8fd;
}

@media screen and (max-width: 640px) {
	.contact-policy {
		margin-bottom: 16px;
		padding: 11px 7px 5px 14px;
		border-radius: 3px;
		font-size: 11px;
		font-size: 1.1rem;
	}
}

.contact-policy-note {
	padding-right: 30px;
}

.contact-policy-note li {
	margin-bottom: 22px;
}

@media screen and (max-width: 640px) {
	.contact-policy-note li {
		margin-bottom: 19px;
	}
}

.contact-policy .policy-box,
.contact-policy .slimScrollDiv {
	height: 170px !important;
}

@media screen and (max-width: 640px) {
	.contact-policy .policy-box,
	.contact-policy .slimScrollDiv {
		height: 170px !important;
	}
}

.contact-policy .policy-box .slimScrollBar,
.contact-policy .slimScrollDiv .slimScrollBar {
	display: block !important;
	width: 10px !important;
	background: #192740 !important;
	opacity: 1 !important;
}

.contact-policy .policy-box .slimScrollRail,
.contact-policy .slimScrollDiv .slimScrollRail {
	display: block !important;
	width: 10px !important;
	background: #d9e6ec !important;
	opacity: 1 !important;
}

.list-input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
	.list-input {
		margin-bottom: -17px;
		padding: 10px 0 0;
		font-size: 15px;
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 374px) {
	.list-input {
		margin-bottom: 0;
	}
}

.list-input li {
	margin-right: 24px;
}

@media screen and (max-width: 768px) {
	.list-input li {
		margin-right: 14px;
		margin-bottom: 17px;
	}
}

@media screen and (max-width: 463px) {
	.list-input li:nth-child(2n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 374px) {
	.list-input li {
		width: 100%;
	}
	.list-input li:last-child {
		margin-bottom: 0;
	}
}

.list-input li:last-child {
	margin-right: 0;
}

.form-control {
	display: block;
	padding: 0 14px;
	border: 1px solid #999ea6;
	border-radius: 5px;
	width: 100%;
	height: 50px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #192740;
	background: white;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

@media screen and (max-width: 768px) {
	.form-control {
		padding: 0 8px;
		height: 40px;
		font-size: 13px;
		font-size: 1.3rem;
	}
}

.form-control:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 0 black !important;
	box-shadow: 0 0 0 0 black !important;
}

.form-control::-webkit-input-placeholder {
	color: #999ea6;
}

.form-control:-moz-placeholder {
	color: #999ea6;
}

.form-control::-moz-placeholder {
	color: #999ea6;
}

.form-control:-ms-input-placeholder {
	color: #999ea6;
}

textarea.form-control {
	padding: 9px 14px;
	height: 200px;
	resize: none;
}

@media screen and (max-width: 768px) {
	textarea.form-control {
		padding: 9px 8px;
		height: 160px;
	}
}

.mwform-radio-field label {
	display: inline-block;
	position: relative;
}

.mwform-radio-field label input {
	position: absolute;
	margin: -1px;
	padding: 0;
	border: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.mwform-radio-field label input[type="checkbox"] + span:after {
	top: 14px;
	left: 4px;
	margin-top: -4px;
	border-width: 0 0 3px 3px;
	border-style: solid;
	border-color: #ffffff;
	-o-border-image: none;
	border-image: none;
	width: 8px;
	height: 3px;
	background-color: transparent;
	-webkit-transform: rotate(-45deg) scale(0);
	-ms-transform: rotate(-45deg) scale(0);
	transform: rotate(-45deg) scale(0);
}

#payment_destination {
    display: none;
	position: relative;
/*     left: -50%;
    transform: translateX(18%); */
}

@media screen and (max-width: 768px) {
	#payment_destination {
/*     transform: translateX(50%); */
	}
}

#price-plan-item .title_option {
    max-width: 338px;
    width: 338px;
    margin: 0 auto;
    margin-bottom: 0;
    font-size: 2.0rem;
    text-align: left;
    position: relative;
    left: 88px;
}

#payment_destination.active {
    display: block;
    order: 1;
}
/* #price-plan-item {
    width: 100%;
} */

.application-form-box_saki .item {
    justify-content: flex-start !important; 
}
.application-form-box_saki .vertical-item {
    width: 300px;
    margin: 0 auto;
    position: relative;
    left: 150px;
}
.payment_destination_content .address-wrong .item .note {
    display: none !important;
}
.form.form_o {
    width: 62%;
}
.payment_destination_content .address-wrong > .form {
    width: 60% !important;
}

.payment_destination_content .address-wrong .custom_form {
    width: 37%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.mwform-radio-field label input[type="checkbox"] + span:after {
		margin-top: 10x;
	}
}

.mwform-radio-field label input[type="checkbox"]:checked + span:after {
	content: "";
	-webkit-transition: -webkit-transform 200ms ease-out;
	-o-transition: transform 200ms ease-out;
	transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
	transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
	-webkit-transform: rotate(-45deg) scale(1);
	-ms-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
}

.mwform-radio-field label input[type="checkbox"]:checked + span:before {
	background: #192740;
	-webkit-animation: borderscale 200ms ease-in;
	animation: borderscale 200ms ease-in;
}

.mwform-radio-field label input[type="radio"] + span:after,
.mwform-radio-field label input[type="radio"] + span:before {
	border-radius: 50%;
}

.mwform-radio-field label input[type="radio"]:checked + span:before {
	background-color: white;
	-webkit-animation: borderscale 300ms ease-in;
	animation: borderscale 300ms ease-in;
}

.mwform-radio-field label input[type="radio"]:checked + span:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.mwform-radio-field label span {
	display: block;
	position: relative;
	padding-left: 25px;
}

.mwform-radio-field label span:before {
	position: absolute;
	top: 3px;
	left: 0;
	border: 1px solid #192740;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	color: #192740;
	text-align: center;
	content: "";
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.mwform-radio-field label span:before {
		top: 6px;
	}
}

.mwform-radio-field label span:after {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: 7px;
	left: 4px;
	width: 10px;
	height: 10px;
	content: "";
	background-color: #192740;
	-webkit-transition: -webkit-transform 200ms ease-out;
	-o-transition: transform 200ms ease-out;
	transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
	transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.mwform-radio-field label span:after {
		top: 11px;
	}
}

.form .horizontal-item {
	display: inline-block;
	margin: 0 15px 0 0 !important;
}

@media screen and (max-width: 374px) {
	.form .horizontal-item {
		display: block;
	}
}

.form .horizontal-item:last-child {
	margin: 0 !important;
}

@media screen and (max-width: 430px) {
	.form .horizontal-item {
		margin-bottom: 10px !important;
	}
}

.mw_wp_form_input .txt02 {
	display: none;
}

.mw_wp_form_confirm .txt01 {
	display: none;
}

.mw_wp_form_confirm .contact-policy {
	display: none;
}

.mw_wp_form_confirm .contact-form .check-item {
	margin-top: 30px;
}

.mw_wp_form_confirm .contact-form .check-item .note {
	margin-right: 20px;
}

.sec-anchor-link {
	padding-top: 53px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: url("../img/qa/bg-border.png") repeat-y center;
}

@media screen and (max-width: 1024px) {
	.sec-anchor-link {
		padding: 44px 0 0;
		background: url("../img/service/bg-01-sp.png") repeat-y center/77%;
	}
}

.sec-qa {
	padding-top: 103px;
	padding-bottom: 120px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: #eef8fd;
}

@media screen and (max-width: 768px) {
	.sec-qa {
		padding-top: 114px;
		padding-bottom: 58px;
	}
}

.qa-anchor-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 58px;
}

@media screen and (max-width: 768px) {
	.qa-anchor-link {
		padding-bottom: 45px;
	}
}

.qa-anchor-link li {
	margin-right: 41px;
}

@media screen and (max-width: 768px) {
	.qa-anchor-link li {
		margin-right: 14px;
	}
}

@media screen and (max-width: 640px) {
	.qa-anchor-link li {
		margin-right: 0;
		margin-bottom: 19px;
		width: 100%;
	}
	.qa-anchor-link li:last-of-type {
		margin-bottom: 0;
	}
}

.qa-anchor-link li a {
	position: relative;
	padding-left: 18px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.65;
	color: #2a71e2;
}

@media screen and (max-width: 768px) {
	.qa-anchor-link li a {
		padding-left: 19px;
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.qa-anchor-link li a:before {
	display: inline-block;
	position: absolute;
	top: calc(50% - 5px);
	left: 0;
	padding: 3px;
	border: solid #387ef0;
	border-width: 0 2px 2px 0;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
	.qa-anchor-link li a:before {
		top: calc(50% - 4px);
		left: 7px;
		padding: 2.5px;
		border-width: 0 1px 1px 0;
	}
}

.qa-block {
	margin-bottom: 127px;
}

@media screen and (max-width: 768px) {
	.qa-block {
		margin-bottom: 113px;
	}
}

.qa-block:last-of-type {
	margin-bottom: 0;
}

.qa-block .ttlcomp-01 {
	margin-bottom: 50px;
	padding-bottom: 0;
	text-align: left;
}

@media screen and (max-width: 768px) {
	.qa-block .ttlcomp-01 {
		margin-bottom: 24px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.qa-block .ttlcomp-01:after {
	display: none;
}

.qa-block .qa__content {
	position: relative;
}

.qa-block .qa__content .img-avatar {
	position: absolute;
	top: 0;
	right: 46px;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

@media screen and (max-width: 768px) {
	.qa-block .qa__content .img-avatar {
		right: 9px;
	}
}

.qa-block .qa__content .item {
	border: 1px solid #d7e3f4;
	border-bottom: none;
	overflow: hidden;
}

.qa-block .qa__content .item:first-of-type {
	border-radius: 6px 6px 0 0;
}

.qa-block .qa__content .item:last-of-type {
	border-bottom: 1px solid #d7e3f4;
}

.qa-block .qa__content .item__q {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	align-items: center;
	padding: 24px 28px;
	background: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

@media screen and (max-width: 1024px) {
	.qa-block .qa__content .item__q {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		padding-right: 60px;
	}
}

@media screen and (max-width: 768px) {
	.qa-block .qa__content .item__q {
		padding: 15px 60px 15px 15px;
	}
}

.qa-block .qa__content .item__q:after {
	display: block;
	position: absolute;
	top: calc(50% - 1.2rem / 2);
	right: 30px;
	border-top: 3px solid #387ef0;
	border-right: 3px solid #387ef0;
	width: 1.2rem;
	height: 1.2rem;
	content: "";
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

@media screen and (max-width: 768px) {
	.qa-block .qa__content .item__q:after {
		top: calc(50% - 8px / 2);
		right: 22px;
		border-top: 2px solid #387ef0;
		border-right: 2px solid #387ef0;
		width: 8px;
		height: 8px;
	}
}

.qa-block .qa__content .item__q .icon {
	width: 45px;
	font-family: "Roboto", sans-serif;
	font-size: 30px;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1;
	color: #4283ee;
}

@media screen and (max-width: 768px) {
	.qa-block .qa__content .item__q .icon {
		position: relative;
		top: 2px;
		width: 30px;
		font-size: 22.5px;
		font-size: 2.25rem;
	}
}

.qa-block .qa__content .item__q .content {
	width: calc(100% - 45px);
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.qa-block .qa__content .item__q .content {
		width: calc(100% - 30px);
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.55;
	}
}

.qa-block .qa__content .item__q.open:after {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.qa-block .qa__content .item__a {
	display: none;
	padding: 18px 28px 23px;
	border-top: 1px solid #d7e3f4;
	background: #f4fbff;
}

@media screen and (max-width: 768px) {
	.qa-block .qa__content .item__a {
		padding: 5px 15px 8px;
	}
}

.qa-block .qa__content .item__a .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.qa-block .qa__content .item__a .icon {
	width: 45px;
	font-family: "Roboto", sans-serif;
	font-size: 30px;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1;
	color: #28c3b2;
}

@media screen and (max-width: 768px) {
	.qa-block .qa__content .item__a .icon {
		position: relative;
		top: 4px;
		width: 30px;
		font-size: 22.5px;
		font-size: 2.25rem;
	}
}

.qa-block .qa__content .item__a .content {
	width: calc(100% - 45px);
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.9;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.qa-block .qa__content .item__a .content {
		width: calc(100% - 30px);
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.5;
	}
}

.qa-block:nth-child(2) .qa__content .img-avatar {
	right: 43px;
}

@media screen and (max-width: 768px) {
	.qa-block:nth-child(2) .qa__content .img-avatar {
		right: 4px;
	}
}

.qa-block:nth-child(3) .qa__content .img-avatar {
	right: 18px;
}

@media screen and (max-width: 768px) {
	.qa-block:nth-child(3) .qa__content .img-avatar {
		right: -8px;
	}
}

.qa-block:nth-child(4) .qa__content .img-avatar {
	right: 33px;
}

@media screen and (max-width: 768px) {
	.qa-block:nth-child(4) .qa__content .img-avatar {
		right: 8px;
	}
}

.flow-block {
	counter-reset: section;
}

.flow-block .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 133px;
	padding: 38px 50px 38px 88px;
	border-radius: 5px;
	background: white;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

@media screen and (max-width: 1024px) {
	.flow-block .item {
		padding: 38px;
	}
}

@media screen and (max-width: 768px) {
	.flow-block .item {
		margin-bottom: 73px;
		padding: 27px 22px 16px;
		border-radius: 10px;
		background: #fff url("../img/service/bg-01-sp.png") repeat-y center/88% !important;
	}
}

.flow-block .item:before {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: -52px;
	right: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	border-radius: 50%;
	width: 81px;
	height: 81px;
	font-family: "Roboto", sans-serif;
	font-size: 48px;
	font-size: 4.8rem;
	font-weight: bold;
	line-height: 1;
	color: white;
	content: counters(section, ".");
	counter-increment: section;
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), to(#2a71e2));
	background: -o-linear-gradient(left, #00aef7 0%, #2a71e2 100%);
	background: linear-gradient(90deg, #00aef7 0%, #2a71e2 100%);
	-webkit-filter: none;
	filter: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

@media screen and (max-width: 768px) {
	.flow-block .item:before {
		top: -20px;
		width: 40px;
		height: 40px;
		font-size: 24px;
		font-size: 2.4rem;
	}
}

.flow-block .item:after {
	position: absolute;
	top: calc(100% + 33px);
	right: 0;
	left: 0;
	margin: 0 auto;
	border-width: 17px 17px 0 17px;
	border-style: solid;
	border-color: #2a70e2 transparent transparent transparent;
	width: 0;
	height: 0;
	content: "";
}

@media screen and (max-width: 768px) {
	.flow-block .item:after {
		top: calc(100% + 19px);
		border-width: 15px 15px 0 15px;
	}
}

.flow-block .item:last-child {
	margin-bottom: 0;
}

.flow-block .item:last-child:after {
	display: none;
}

.flow-block .item .img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	width: 50%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
}

@media screen and (max-width: 640px) {
	.flow-block .item .img {
		display: block;
		order: 1;
		margin-bottom: 22px;
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
	}
}

.flow-block .item .txt {
	padding-right: 43px;
	width: 50%;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2;
}

@media screen and (max-width: 1024px) {
	.flow-block .item .txt {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.8;
	}
}

@media screen and (max-width: 640px) {
	.flow-block .item .txt {
		order: 2;
		padding-right: 0;
		width: 100%;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
	}
}

@media screen and (max-width: 374px) {
	.flow-block .item .txt {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.flow-block .item .txt .ttl {
	display: block;
	position: relative;
	margin-bottom: 23px;
	padding-bottom: 29px;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.4;
	color: #2a70e2;
}

@media screen and (max-width: 1024px) {
	.flow-block .item .txt .ttl {
		margin-bottom: 13px;
		padding-bottom: 19px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.flow-block .item .txt .ttl:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 62px;
	height: 3px;
	content: "";
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), to(#2a71e2));
	background: -o-linear-gradient(left, #00aef7 0%, #2a71e2 100%);
	background: linear-gradient(90deg, #00aef7 0%, #2a71e2 100%);
}

@media screen and (max-width: 768px) {
	.flow-block .item .txt .ttl:after {
		width: 45px;
	}
}

@media screen and (max-width: 640px) {
	.flow-block .item:nth-child(1) .img {
		padding-left: 6px;
	}
	.flow-block .item:nth-child(2) .img {
		padding: 0 14px;
	}
	.flow-block .item:nth-child(3) .img {
		padding: 0 15px;
	}
	.flow-block .item:nth-child(4) .img {
		margin-bottom: 32px;
		padding: 0 16px;
	}
}

.sec-flow-heading {
	padding: 135px 0 12px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 768px) {
	.sec-flow-heading {
		padding: 60px 0 9px;
	}
}

.sec-flow {
	padding: 122px 0;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 768px) {
	.sec-flow {
		padding: 55px 0 57px;
	}
}

.sec-case-top {
	padding-top: 90px;
	padding-bottom: 97px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: url("../img/service/bg-01.png") repeat-y center/101%;
}

@media screen and (max-width: 768px) {
	.sec-case-top {
		padding: 62px 0 30px;
		background: none;
	}
}

.sec-case-top .img:first-of-type {
	width: 16.29%;
}

@media screen and (max-width: 1024px) {
	.sec-case-top .img:first-of-type {
		width: 17.04%;
	}
}

.sec-case-top .img:nth-child(3) {
	width: 17.04%;
}

.sec-case-top .ttlcomp-01 {
	margin-bottom: 0;
	padding-bottom: 0;
	width: calc(100% - 16.29% - 17.04%);
}

@media screen and (max-width: 1024px) {
	.sec-case-top .ttlcomp-01 {
		width: calc(100% - 17.04% - 17.04%);
		font-size: 22px;
		font-size: 2.2rem;
	}
}

@media screen and (max-width: 768px) {
	.sec-case-top .ttlcomp-01 {
		margin-bottom: 15px;
		padding-bottom: 26px;
		width: 100%;
		font-size: 22.5px;
		font-size: 2.25rem;
	}
}

.sec-case-top .ttlcomp-01:after {
	display: none;
}

@media screen and (max-width: 768px) {
	.sec-case-top .ttlcomp-01:after {
		display: block;
		height: 3px;
	}
}

@media screen and (max-width: 768px) {
	.sec-case-top .img {
		margin: 0 auto;
		padding: 0 15px;
		max-width: 450px;
	}
}

.bg-case-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sec-case-main {
	padding-top: 60px;
	padding-bottom: 20px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: url("../img/case/bg-02.png") no-repeat top center;
}

@media screen and (max-width: 768px) {
	.sec-case-main {
		padding-top: 20px;
		padding-bottom: 6px;
		background: url("../img/case/bg-02-sp.png") no-repeat top center;
		background-size: 100%;
	}
}

.case-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px;
}

@media screen and (max-width: 1200px) {
	.case-block {
		margin: 0 -10px;
	}
}

@media screen and (max-width: 768px) {
	.case-block {
		margin: 0 -5px;
	}
}

@media screen and (max-width: 640px) {
	.case-block {
		margin: 0;
	}
}

.case-block .item {
	margin-bottom: 40px;
	padding: 0 20px;
	width: 50%;
}

@media screen and (max-width: 1200px) {
	.case-block .item {
		padding: 0 10px;
	}
}

@media screen and (max-width: 768px) {
	.case-block .item {
		margin-bottom: 20px;
		padding: 0 5px;
	}
}

@media screen and (max-width: 640px) {
	.case-block .item {
		margin-bottom: 21px;
		padding: 0;
		width: 100%;
	}
}

.case-block .item-wp {
	padding: 60px 60px 53px;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}

@media screen and (max-width: 1200px) {
	.case-block .item-wp {
		padding: 40px 40px 30px;
	}
}

@media screen and (max-width: 1024px) {
	.case-block .item-wp {
		padding: 20px;
	}
}

@media screen and (max-width: 768px) {
	.case-block .item-wp {
		padding: 30px 20px 23px;
		border-radius: 10px;
	}
}

.case-block .item__ttl {
	position: relative;
	margin-bottom: 24px;
	padding-top: 34px;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.5;
	color: #192740;
}

@media screen and (max-width: 1200px) {
	.case-block .item__ttl {
		font-size: 22px;
		font-size: 2.2rem;
	}
}

@media screen and (max-width: 768px) {
	.case-block .item__ttl {
		margin-bottom: 15px;
		padding-top: 16px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.case-block .item__ttl:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 62px;
	height: 3px;
	content: "";
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), to(#2b70e2));
	background: -o-linear-gradient(left, #00aef7 0%, #2b70e2 100%);
	background: linear-gradient(90deg, #00aef7 0%, #2b70e2 100%);
}

@media screen and (max-width: 768px) {
	.case-block .item__ttl:before {
		width: 46px;
		height: 2px;
	}
}

.case-block .item__ttl span {
	color: #387ef0;
}

.case-block .item .list-tags {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 52px;
}

@media screen and (max-width: 768px) {
	.case-block .item .list-tags {
		margin-bottom: 22px;
	}
}

.case-block .item .list-tags li {
	display: inline-block;
	margin-right: 10px;
	padding: 5px 15px;
	border: 1px solid #4283ee;
	border-radius: 50px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #4283ee;
	text-align: center;
}

@media screen and (max-width: 1024px) {
	.case-block .item .list-tags li {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 768px) {
	.case-block .item .list-tags li {
		margin-right: 10px;
		padding: 1px 9px;
	}
}

@media screen and (max-width: 374px) {
	.case-block .item .list-tags li {
		padding: 2px 10px;
		font-size: 10px;
		font-size: 1rem;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.case-block .item .list-tags li {
		padding-top: 3px;
	}
}

.case-block .item .list-tags li:last-of-type {
	margin-right: 0;
}

.case-block .item__des {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.75;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.case-block .item__des {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.8;
		text-align: justify;
	}
}

.sec-system-link {
	margin-bottom: -140px;
	padding-top: 132px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: url("../img/qa/bg-border.png") repeat-y center;
}

@media screen and (max-width: 1024px) {
	.sec-system-link {
		margin-bottom: -100px;
		padding: 62px 0 0;
		background: url("../img/service/bg-01-sp.png") repeat-y center/77%;
	}
}

.sec-system-link .ttlcomp-01 {
	margin-bottom: 63px;
}

@media screen and (max-width: 768px) {
	.sec-system-link .ttlcomp-01 {
		margin-bottom: 30px;
	}
}

.sec-system-link .list-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto 62px;
	border: 1px solid #d7e3f4;
	border-bottom: none;
	border-radius: 6px;
	max-width: 960px;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	.sec-system-link .list-link {
		margin-bottom: 55px;
	}
}

.sec-system-link .list-link li {
	border-right: 1px solid #d7e3f4;
	border-bottom: 1px solid #d7e3f4;
	width: 25%;
}

@media screen and (max-width: 768px) {
	.sec-system-link .list-link li {
		width: 50%;
	}
}

.sec-system-link .list-link li:nth-child(4n) {
	border-right: 0;
}

@media screen and (max-width: 768px) {
	.sec-system-link .list-link li:nth-child(2n) {
		border-right: none;
	}
}

.sec-system-link .list-link li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	align-items: center;
	padding-left: 30px;
	height: 78px;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	color: #192740;
	background: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

@media screen and (max-width: 1024px) {
	.sec-system-link .list-link li a {
		padding-left: 10px;
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 768px) {
	.sec-system-link .list-link li a {
		justify-content: center;
		padding-top: 15px;
		padding-bottom: 39px;
		padding-left: 0;
		height: auto;
		font-size: 15px;
		font-size: 1.5rem;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
	}
}

.sec-system-link .list-link li a:after {
	display: inline-block;
	position: absolute;
	top: calc(50% - 8px);
	right: 20px;
	padding: 5px;
	border: solid #387ef0;
	border-width: 0 3px 3px 0;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width: 1024px) {
	.sec-system-link .list-link li a:after {
		right: 15px;
		padding: 4px;
	}
}

@media screen and (max-width: 768px) {
	.sec-system-link .list-link li a:after {
		top: auto;
		right: auto;
		bottom: 19px;
		left: calc(50% - 6px);
		padding: 3.5px;
		border-width: 0 2px 2px 0;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.sec-system-link .list-link li a:after {
		top: calc(50% - 10px);
	}
}

.sec-system-main {
	padding-top: 140px;
	padding-bottom: 172px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: url("../img/system/bg.png") no-repeat center top/cover;
}

@media screen and (max-width: 1024px) {
	.sec-system-main {
		padding: 100px 0;
	}
}

@media screen and (max-width: 768px) {
	.sec-system-main {
		padding-top: 100px;
		padding-bottom: 54px;
	}
}

.sec-system-main .system-block {
	margin: 0 auto;
	max-width: 960px;
}

.sec-system-main .item {
	margin-bottom: 30px;
	padding-bottom: 58px;
	border: 1px solid #d7e3f4;
	border-radius: 6px;
	background: #fff;
}

@media screen and (max-width: 768px) {
	.sec-system-main .item {
		margin-bottom: 19px;
		padding-bottom: 18px;
	}
}

.sec-system-main .item:last-of-type {
	margin-bottom: 0;
}

.sec-system-main .item-wp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 70px;
	padding: 58px 0 0 58px;
}

@media screen and (max-width: 1024px) {
	.sec-system-main .item-wp {
		margin-bottom: 35px;
		padding: 30px 0 0 30px;
	}
}

@media screen and (max-width: 768px) {
	.sec-system-main .item-wp {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		margin-bottom: 24px;
		padding: 20px 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
	}
}

.sec-system-main .item__img {
	position: relative;
	width: 480px;
}

@media screen and (max-width: 1024px) {
	.sec-system-main .item__img {
		width: 50%;
	}
}

@media screen and (max-width: 768px) {
	.sec-system-main .item__img {
		margin-bottom: 20px;
		padding: 0 10px;
		width: 100%;
		text-align: center;
	}
}

.sec-system-main .item__img .btn-zoom {
	position: absolute;
	right: 10px;
	bottom: 28px;
	z-index: 10;
	width: 45px;
}

.sec-system-main .item__info {
	padding-right: 20px;
	width: calc(100% - 480px);
}

@media screen and (max-width: 1024px) {
	.sec-system-main .item__info {
		padding-right: 0;
		width: 50%;
	}
}

@media screen and (max-width: 768px) {
	.sec-system-main .item__info {
		padding-right: 0;
		width: 100%;
	}
}

.sec-system-main .item__info--ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	align-items: center;
	margin-bottom: 40px;
	padding-top: 33px;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	color: #192740;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

@media screen and (max-width: 1024px) {
	.sec-system-main .item__info--ttl {
		margin-bottom: 25px;
		font-size: 25px;
		font-size: 2.5rem;
	}
}

@media screen and (max-width: 768px) {
	.sec-system-main .item__info--ttl {
		margin-bottom: 12px;
		padding-top: 0;
		padding-bottom: 16px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.sec-system-main .item__info--ttl:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 62px;
	height: 3px;
	content: "";
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), to(#2b70e2));
	background: -o-linear-gradient(left, #00aef7 0%, #2b70e2 100%);
	background: linear-gradient(90deg, #00aef7 0%, #2b70e2 100%);
}

@media screen and (max-width: 768px) {
	.sec-system-main .item__info--ttl:before {
		top: auto;
		bottom: 0;
		left: 0;
		width: 46px;
		height: 2px;
	}
}

.sec-system-main .item__info--ttl span {
	margin-right: 22px;
}

@media screen and (max-width: 768px) {
	.sec-system-main .item__info--ttl span {
		margin-right: 10px;
	}
}

.sec-system-main .item__info--ttl span:last-of-type {
	margin-right: 0;
}

.sec-system-main .item__info--des {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 2;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.sec-system-main .item__info--des {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.8;
	}
}

.sec-system-main .item .commitment-box {
	position: relative;
	margin: 0 auto;
	padding: 22px 27px 26px 60px;
	border-radius: 0 0 6px 6px;
	max-width: 840px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.75;
	color: #000;
	background: #eff7fc;
}

@media screen and (max-width: 1024px) {
	.sec-system-main .item .commitment-box {
		margin: 0 20px;
		padding-left: 40px;
	}
}

@media screen and (max-width: 768px) {
	.sec-system-main .item .commitment-box {
		padding: 18px;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.85;
	}
}

.sec-system-main .item .commitment-box:before {
	display: block;
	position: absolute;
	top: -44px;
	left: -38px;
	width: 88px;
	height: 88px;
	content: "";
	background: url("../img/system/balloons.png") no-repeat center/cover;
}

@media screen and (max-width: 1024px) {
	.sec-system-main .item .commitment-box:before {
		top: -30px;
		left: -20px;
		width: 60px;
		height: 60px;
	}
}

@media screen and (max-width: 768px) {
	.sec-system-main .item .commitment-box:before {
		top: -35px;
		left: -6px;
		width: 55px;
		height: 55px;
	}
}

.sec-use {
	padding-top: 54px;
	padding-bottom: 80px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: url("../img/qa/bg-border.png") repeat-y center;
}

@media screen and (max-width: 768px) {
	.sec-use {
		padding-top: 49px;
		padding-bottom: 56px;
	}
}

.list-use {
	margin: 0 auto;
	width: 100%;
	max-width: 840px;
}

.list-use .item {
	margin-bottom: 30px;
	padding: 29px 51px 27px;
	border-radius: 6px;
}

.list-use .item a {
	display: block;
	-webkit-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
}

.list-use .item a:hover {
	opacity: 0.7;
	-webkit-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
}

@media screen and (max-width: 768px) {
	.list-use .item {
		margin-bottom: 19px;
		padding: 19px 22px 22px;
		border-radius: 3px;
	}
}

.list-use .item:last-of-type {
	margin-bottom: 0;
}

.list-use .item__ttl {
	margin-bottom: 9px;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #fff;
}

@media screen and (max-width: 768px) {
	.list-use .item__ttl {
		margin-bottom: 16px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.list-use .item__des {
	margin-bottom: 18px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.625;
	color: #fff;
}

@media screen and (max-width: 768px) {
	.list-use .item__des {
		margin-bottom: 25px;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.5;
	}
}

.list-use .item__btn {
	display: block;
	position: relative;
	padding-left: 28px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
}

@media screen and (max-width: 768px) {
	.list-use .item__btn {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.list-use .item__btn:before {
	display: block;
	position: absolute;
	top: calc(50% - 0.85rem);
	left: 0;
	border-radius: 100%;
	width: 1.7rem;
	height: 1.7rem;
	content: "";
	background: #fff;
}

@media screen and (max-width: 768px) {
	.list-use .item__btn:before {
		top: calc(50% - 7.5px);
		width: 15px;
		height: 15px;
	}
}

.list-use .item__btn:after {
	display: block;
	position: absolute;
	top: calc(50% - 0.4rem);
	left: 0.3rem;
	border-top: 2px solid #6098f3;
	border-right: 2px solid #6098f3;
	width: 0.8rem;
	height: 0.8rem;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
	.list-use .item__btn:after {
		top: calc(50% - 3px);
		left: 3px;
		border-width: 1px;
		width: 6px;
		height: 6px;
	}
}

.list-use .item:nth-child(1) {
	background: url("../img/system/bg-01.png") no-repeat center/cover;
}

@media screen and (max-width: 768px) {
	.list-use .item:nth-child(1) {
		background: url("../img/system/bg-01-sp.png") no-repeat center/cover;
	}
}

.list-use .item:nth-child(2) {
	background: url("../img/system/bg-02.png") no-repeat center/cover;
}

@media screen and (max-width: 768px) {
	.list-use .item:nth-child(2) {
		background: url("../img/system/bg-02-sp.png") no-repeat center/cover;
	}
}

.box-modal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	align-items: center;
	justify-content: center;
	padding: 0 22.5px;
	visibility: hidden;
	background: rgba(25, 39, 64, 0.9);
	opacity: 0;
	-webkit-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

.box-modal.show {
	visibility: visible;
	opacity: 1;
}

.box-modal #overlay-system {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.box-modal .scroll {
	position: relative;
}

.sec-concept-top {
	padding-top: 134px;
	padding-bottom: 236px;
	overflow-x: hidden;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: url("../img/qa/bg-border.png") repeat-y center;
}

@media screen and (max-width: 1024px) {
	.sec-concept-top {
		padding: 62px 0 130px;
		background: url("../img/service/bg-01-sp.png") repeat-y center/77%;
	}
}

.sec-concept-top .ttlcomp-01 {
	margin-bottom: 61px;
}

@media screen and (max-width: 768px) {
	.sec-concept-top .ttlcomp-01 {
		margin-bottom: 30px;
	}
}

.sec-concept-main {
	padding-bottom: 120px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 1024px) {
	.sec-concept-main {
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 768px) {
	.sec-concept-main {
		padding-bottom: 56px;
	}
}

.sales-engineers-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -50px;
	padding: 0 20px;
}

@media screen and (max-width: 1024px) {
	.sales-engineers-block {
		margin: 0 -15px;
		padding: 0;
	}
}

@media screen and (max-width: 768px) {
	.sales-engineers-block {
		margin: 0;
		padding: 0 70px;
	}
}

@media screen and (max-width: 640px) {
	.sales-engineers-block {
		padding: 0 30px;
	}
}

@media screen and (max-width: 374px) {
	.sales-engineers-block {
		padding: 0;
	}
}

.sales-engineers-block .item {
	position: relative;
	padding: 0 50px;
	width: 33.33%;
}

@media screen and (max-width: 1024px) {
	.sales-engineers-block .item {
		padding: 0 15px;
	}
}

@media screen and (max-width: 768px) {
	.sales-engineers-block .item {
		margin-bottom: 96px;
		padding: 0;
		width: 100%;
	}
}

.sales-engineers-block .item:after {
	display: block;
	position: absolute;
	top: calc(50% - 11px);
	right: -25px;
	width: 48px;
	height: 48px;
	content: "";
	background: url("../img/concept/icon-x.png") no-repeat center/cover;
}

@media screen and (max-width: 1024px) {
	.sales-engineers-block .item:after {
		width: 35px;
		height: 35px;
	}
}

@media screen and (max-width: 768px) {
	.sales-engineers-block .item:after {
		top: auto;
		right: auto;
		bottom: -65px;
		left: calc(50% - 18px);
	}
}

.sales-engineers-block .item__tooltips {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
	border-radius: 6px;
	height: 70px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.6;
	color: #fff;
	text-align: center;
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), color-stop(42%, #2578e5), to(#2a70e2));
	background: -o-linear-gradient(left, #00aef7 0%, #2578e5 42%, #2a70e2 100%);
	background: linear-gradient(90deg, #00aef7 0%, #2578e5 42%, #2a70e2 100%);
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

@media screen and (max-width: 1024px) {
	.sales-engineers-block .item__tooltips {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 768px) {
	.sales-engineers-block .item__tooltips {
		margin-bottom: 25px;
		border-radius: 3px;
		height: 58px;
		font-size: 15px;
		font-size: 1.5rem;
	}
}

.sales-engineers-block .item__tooltips:after {
	display: block;
	position: absolute;
	bottom: -13px;
	left: calc(50% - 11px);
	border-width: 13px 11px 0 11px;
	border-style: solid;
	border-color: #2777e5 transparent transparent transparent;
	width: 0;
	height: 0;
	content: "";
}

.sales-engineers-block .item__img {
	margin-bottom: -3px;
	padding-left: 5px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.sales-engineers-block .item__img {
		margin-bottom: -7px;
	}
}

@media screen and (max-width: 768px) {
	.sales-engineers-block .item__img img {
		width: 40%;
	}
}

.sales-engineers-block .item__info {
	text-align: center;
}

.sales-engineers-block .item__info .works {
	margin-bottom: 8px;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
}

@media screen and (max-width: 1024px) {
	.sales-engineers-block .item__info .works {
		font-size: 20px;
		font-size: 2rem;
	}
}

@media screen and (max-width: 768px) {
	.sales-engineers-block .item__info .works {
		margin-bottom: 2px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.sales-engineers-block .item__info .works.blue {
	color: #387ef0;
}

.sales-engineers-block .item__info .works.green {
	color: #28c3b2;
}

.sales-engineers-block .item__info .works.pink {
	color: #ff8ebb;
}

.sales-engineers-block .item__info .position {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #192740;
}

@media screen and (max-width: 1024px) {
	.sales-engineers-block .item__info .position {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 768px) {
	.sales-engineers-block .item__info .position {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 768px) {
	.sales-engineers-block .item:last-of-type {
		margin-bottom: 0;
	}
}

.sales-engineers-block .item:last-of-type:after {
	display: none;
}

.concept-block {
	position: relative;
	top: -120px;
	margin-bottom: -120px;
	padding: 32px 60px 42px;
	border: 1px solid #d7e3f4;
	border-radius: 6px;
	background: #fff;
}

@media screen and (max-width: 1024px) {
	.concept-block {
		top: -70px;
		margin-bottom: -70px;
		padding: 30px 30px;
	}
}

@media screen and (max-width: 768px) {
	.concept-block {
		top: -75px;
		margin-bottom: -75px;
		padding: 30px 20px 8px;
		border-radius: 10px;
	}
}

.concept-block .item {
	margin-bottom: 85px;
}

@media screen and (max-width: 768px) {
	.concept-block .item {
		margin-bottom: 28px;
	}
}

.concept-block .item:last-of-type {
	margin-bottom: 0;
}

.concept-block .item__ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin-bottom: 37px;
	padding-left: 46px;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.concept-block .item__ttl {
		margin-bottom: 16px;
		padding-left: 27px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.concept-block .item__ttl:before {
	display: block;
	position: absolute;
	top: 58%;
	left: 0;
	width: 30px;
	height: 3px;
	content: "";
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), color-stop(42%, #2578e5), to(#2a70e2));
	background: -o-linear-gradient(left, #00aef7 0%, #2578e5 42%, #2a70e2 100%);
	background: linear-gradient(90deg, #00aef7 0%, #2578e5 42%, #2a70e2 100%);
}

@media screen and (max-width: 768px) {
	.concept-block .item__ttl:before {
		top: 12px;
		width: 19px;
		height: 2px;
	}
}

.concept-block .item__content dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 25px 0 25px;
	border-bottom: 1px solid #d7e3f4;
}

@media screen and (max-width: 768px) {
	.concept-block .item__content dl {
		padding: 15px 0 15px;
	}
}

.concept-block .item__content dl:first-of-type {
	border-top: 1px solid #d7e3f4;
}

@media screen and (max-width: 768px) {
	.concept-block .item__content dl:first-of-type {
		padding-top: 0;
		border-top: none;
	}
}

.concept-block .item__content dl dt {
	padding-top: 3px;
	width: 140px;
}

@media screen and (max-width: 768px) {
	.concept-block .item__content dl dt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 7px;
		padding-top: 0;
		width: 100%;
	}
}

.concept-block .item__content dl dt span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	border-radius: 50px;
	width: 78px;
	height: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

@media screen and (max-width: 768px) {
	.concept-block .item__content dl dt span {
		margin-right: 15px;
		margin-bottom: 0;
		width: 75px;
		height: 25px;
		font-size: 15px;
		font-size: 1.5rem;
	}
}

.concept-block .item__content dl dt span:last-of-type {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	.concept-block .item__content dl dt span:last-of-type {
		margin-right: 0;
	}
}

.concept-block .item__content dl dt span.blue {
	background: #387ef0;
}

.concept-block .item__content dl dt span.green {
	background: #28c3b2;
}

.concept-block .item__content dl dt span.pink {
	background: #ff8ebb;
}

.concept-block .item__content dl dd {
	width: calc(100% - 140px);
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.concept-block .item__content dl dd {
		width: 100%;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.8;
	}
}

.concept-block .item__content .border-top-none {
	border-top: none !important;
}

.concept-block .item__content .border-bottom-none {
	border-bottom: none !important;
}

.sec-moto-link {
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: #eef9f5;
}

.sec-moto-link .list-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.sec-moto-link .list-link li {
	margin-right: 40px;
}

.sec-moto-link .list-link li:last-of-type {
	margin-right: 0;
}

.sec-moto-link .list-link li a {
	display: block;
	padding: 24px 18px 19px 18px;
	border-bottom: 1px solid transparent;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #192740;
	text-align: center;
	-webkit-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
}

@media screen and (max-width: 1024px) {
	.sec-moto-link .list-link li a {
		padding: 20px 10px;
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.sec-moto-link .list-link li.active a {
	border-color: #28c3b2;
}

.sec-moto-link .list-link li:hover a {
	border-color: #28c3b2;
	-webkit-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
}

.sec-moto-link.blue {
	background: #eef8fd;
}

.sec-moto-link.blue .list-link li.active a {
	border-color: #4283ee;
}

.sec-moto-link.blue .list-link li:hover a {
	border-color: #4283ee;
	-webkit-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
}

.sec-reasons {
	padding-top: 75px;
	padding-bottom: 100px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: #eef9f5;
}

@media screen and (max-width: 768px) {
	.sec-reasons {
		padding-top: 55px;
		padding-bottom: 60px;
	}
}

.sec-reasons .ttlcomp-04 {
	margin-bottom: 112px;
}

@media screen and (max-width: 768px) {
	.sec-reasons .ttlcomp-04 {
		margin-bottom: 93px;
	}
}

.sec-introduce {
	padding: 76px 0 100px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: url("../img/moto/bg-heart.png") no-repeat top -5.5rem right 15rem,
		url("../img/qa/bg-border.png") repeat-y center;
}

.sec-introduce .ttlcomp-04 {
	margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
	.sec-introduce .ttlcomp-04 {
		margin-bottom: 7px;
	}
}

@media screen and (max-width: 768px) {
	.sec-introduce {
		padding: 60px 0;
		overflow-x: hidden;
		background: url("../img/service/bg-01-sp.png") repeat-y center/77% !important;
	}
}

.sec-introduce .btn-detail {
	margin: 0 auto;
	max-width: 255px;
}

@media screen and (max-width: 768px) {
	.sec-introduce .btn-detail {
		max-width: 210px;
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.sec-introduce.blue {
	background: url("../img/moto/bg-heart-blue.png") no-repeat top -5.5rem right 15rem,
		url("../img/qa/bg-border.png") repeat-y center;
}

.sec-expenses {
	padding: 74px 0 70px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: #eef9f5;
}

@media screen and (max-width: 768px) {
	.sec-expenses {
		padding: 55px 0 0;
	}
}

.sec-expenses .ttlcomp-04 {
	margin-bottom: 66px;
}

@media screen and (max-width: 768px) {
	.sec-expenses .ttlcomp-04 {
		margin-bottom: 30px;
	}
}

.sec-expenses .inner {
	position: relative;
	padding-bottom: 63px;
}

@media screen and (max-width: 768px) {
	.sec-expenses .inner {
		padding-bottom: 44px;
	}
}

.sec-expenses .img-corner {
	position: absolute;
}

.sec-expenses .img-corner.right {
	top: -15px;
	right: 10px;
}

@media screen and (max-width: 768px) {
	.sec-expenses .img-corner.right {
		top: -42px;
		right: 0;
		width: 69px;
	}
}

.sec-expenses .img-corner.left {
	bottom: 0;
	left: 10px;
}

@media screen and (max-width: 768px) {
	.sec-expenses .img-corner.left {
		top: 11%;
		bottom: auto;
		left: 0;
		width: 35px;
	}
}

.sec-introduction {
	padding: 74px 0 100px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ",
		"MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	background: #387ef0;
}

@media screen and (max-width: 768px) {
	.sec-introduction {
		padding: 45px 0 50px;
	}
}

.sec-introduction .ttlcomp-04 {
	margin-bottom: 70px;
	color: #fff;
}

@media screen and (max-width: 768px) {
	.sec-introduction .ttlcomp-04 {
		margin-bottom: 18px;
	}
}

.problems-top {
	padding-top: 150px;
	padding-bottom: 153px;
	border-top: 1px solid #d6e3f4;
	border-bottom: 1px solid #d6e3f4;
}

@media screen and (max-width: 1024px) {
	.problems-top {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 768px) {
	.problems-top {
		padding-top: 66px;
		padding-bottom: 94px;
		background: none !important;
	}
}

.problems-main .item {
	margin-top: -35px;
	padding-bottom: 180px;
	border-bottom: 1px solid #d6e3f4;
}

@media screen and (max-width: 1024px) {
	.problems-main .item {
		padding-bottom: 100px;
	}
}

@media screen and (max-width: 768px) {
	.problems-main .item {
		margin-top: -23px;
		padding-bottom: 95px;
	}
}

@media screen and (max-width: 640px) {
	.problems-main .item {
		margin-top: -35px;
	}
}

.problems-main .item__ttl {
	display: inline-block;
	position: relative;
	margin-bottom: 60px;
	padding: 20px 47px 20px 108px;
	border-radius: 6px;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.5px;
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#37d0ce), to(#0a9f85));
	background: -o-linear-gradient(left, #37d0ce 0%, #0a9f85 100%);
	background: linear-gradient(90deg, #37d0ce 0%, #0a9f85 100%);
}

@media screen and (max-width: 1024px) {
	.problems-main .item__ttl {
		padding-right: 15px;
		font-size: 20px;
		font-size: 2rem;
	}
}

@media screen and (max-width: 768px) {
	.problems-main .item__ttl {
		margin-bottom: 23px;
		padding: 9px 12px 11px;
		border-radius: 3px;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.55;
	}
}

.problems-main .item__ttl:after {
	display: block;
	position: absolute;
	bottom: -30px;
	left: 182px;
	border-width: 0 25px 30px 0;
	border-style: solid;
	border-color: transparent #2bc3bb transparent transparent;
	width: 0;
	height: 0;
	content: "";
}

@media screen and (max-width: 768px) {
	.problems-main .item__ttl:after {
		bottom: -15px;
		left: 91px;
		border-width: 0 12.5px 15px 0;
	}
}

.problems-main .item__ttl .img {
	position: absolute;
	bottom: 0;
	left: 9px;
}

@media screen and (max-width: 768px) {
	.problems-main .item__ttl .img {
		display: none;
	}
}

.problems-main .item__img {
	position: relative;
}

.problems-main .item__img .txt {
	position: absolute;
	top: 9%;
	width: 50%;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.problems-main .item__img .txt {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.3;
	}
}

.problems-main .item__img .txt--01 {
	left: 0;
}

.problems-main .item__img .txt--02 {
	right: 0;
}

.problems-main .item__img .txt--02 span {
	color: #fff;
}

.problems-main .item__img .txt span {
	display: block;
	margin: 0 auto 20px;
	padding: 5px 0;
	border-radius: 7px;
	width: 190px;
	font-size: 19px;
	font-size: 1.9rem;
	background: #fff;
}

@media screen and (max-width: 768px) {
	.problems-main .item__img .txt span {
		margin-bottom: 15px;
		padding: 2px 0;
		width: 130px;
		font-size: 13px;
		font-size: 1.3rem;
	}
}

.problems-main .item__img .txt--green.txt--01 span {
	-webkit-box-shadow: 7px 7px 23px 7px #c3e8e7;
	box-shadow: 7px 7px 23px 7px #c3e8e7;
}

.problems-main .item__img .txt--green.txt--02 {
	color: #28c3b2;
}

.problems-main .item__img .txt--green.txt--02 span {
	background: #00aef7;
	background: -o-linear-gradient(left, #37d0ce 0%, #0a9f85 100%);
	background: -webkit-gradient(linear, left top, right top, from(#37d0ce), to(#0a9f85));
	background: linear-gradient(90deg, #37d0ce 0%, #0a9f85 100%);
	-webkit-box-shadow: 7px 7px 23px 7px #c3e8e7;
	box-shadow: 7px 7px 23px 7px #c3e8e7;
}

.problems-main .item__img .txt--blue.txt--01 span {
	-webkit-box-shadow: 7px 7px 23px 7px #c5e2f3;
	box-shadow: 7px 7px 23px 7px #c5e2f3;
}

.problems-main .item__img .txt--blue.txt--02 {
	color: #387ef0;
}

.problems-main .item__img .txt--blue.txt--02 span {
	background: #00aef7;
	background: -o-linear-gradient(left, #16bee8 0%, #4283ee 100%);
	background: -webkit-gradient(linear, left top, right top, from(#16bee8), to(#4283ee));
	background: linear-gradient(90deg, #16bee8 0%, #4283ee 100%);
	-webkit-box-shadow: 7px 7px 23px 7px #c5e2f3;
	box-shadow: 7px 7px 23px 7px #c5e2f3;
}

.problems-main .item__content--ttl {
	margin-bottom: 26px;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.7;
	color: #192740;
}

@media screen and (max-width: 1024px) {
	.problems-main .item__content--ttl {
		margin-bottom: 20px;
		font-size: 24px;
		font-size: 2.4rem;
	}
}

@media screen and (max-width: 768px) {
	.problems-main .item__content--ttl {
		margin-right: -12px;
		margin-bottom: 24px;
		margin-left: -12px;
		font-size: 18px;
		font-size: 1.8rem;
		text-align: center;
	}
}

@media screen and (max-width: 374px) {
	.problems-main .item__content--ttl {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

.problems-main .item__content--ttl span {
	color: #28c3b2;
}

.problems-main .item__content--txt {
	margin-bottom: 52px;
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	.problems-main .item__content--txt {
		margin-bottom: 18px;
		margin-left: -3px;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.6;
		text-align: center;
	}
}

.problems-main .item__content img {
	width: 100%;
}

.problems-main .item:last-of-type {
	padding-bottom: 57px;
}

.problems-main .item--blue .item__ttl {
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#16bee8), to(#4283ee));
	background: -o-linear-gradient(left, #16bee8 0%, #4283ee 100%);
	background: linear-gradient(90deg, #16bee8 0%, #4283ee 100%);
}

.problems-main .item--blue .item__ttl:after {
	border-width: 0 25px 30px 0;
	border-color: transparent #22aeea transparent transparent;
}

.problems-main .item--blue .item__content--ttl span {
	color: #387ef0;
}

.wp-712 {
	margin: 0 auto;
	max-width: 712px;
}

.list-reasons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px;
}

@media screen and (max-width: 768px) {
	.list-reasons {
		margin: 0;
	}
}

.list-reasons .item {
	padding: 0 10px;
	width: 50%;
}

@media screen and (max-width: 768px) {
	.list-reasons .item {
		margin-bottom: 72px;
		padding: 0;
		width: 100%;
	}
	.list-reasons .item:last-of-type {
		margin-bottom: 0;
	}
}

.list-reasons .item-wp {
	position: relative;
	border-radius: 6px;
	background: #fff;
	-webkit-box-shadow: 4px 8px 24px rgba(11, 206, 140, 0.2);
	box-shadow: 4px 8px 24px rgba(11, 206, 140, 0.2);
}

@media screen and (max-width: 768px) {
	.list-reasons .item-wp {
		border-radius: 3px;
	}
}

.list-reasons .item__number {
	position: absolute;
	top: -86px;
	left: calc(50% - 57px);
	z-index: 10;
	padding-top: 27px;
	padding-right: 10px;
	width: 123px;
	height: 148px;
	background: url("../img/moto/icon-ribbons.png") no-repeat center/cover;
}

@media screen and (max-width: 768px) {
	.list-reasons .item__number {
		top: -68px;
		left: calc(50% - 49px);
		padding-top: 18px;
		padding-right: 4px;
		width: 99px;
		height: 108px;
		background: url("../img/moto/icon-ribbons-sp.png") no-repeat center/cover;
	}
}

.list-reasons .item__number span {
	display: block;
	color: #fff;
	text-align: center;
}

.list-reasons .item__number span:first-of-type {
	margin-bottom: 6px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
}

@media screen and (max-width: 768px) {
	.list-reasons .item__number span:first-of-type {
		font-size: 12.8px;
		font-size: 1.28rem;
	}
}

.list-reasons .item__number span:last-of-type {
	font-family: "Roboto", sans-serif;
	font-size: 50px;
	font-size: 5rem;
	font-weight: bold;
	line-height: 1;
}

@media screen and (max-width: 768px) {
	.list-reasons .item__number span:last-of-type {
		font-size: 40px;
		font-size: 4rem;
	}
}

.list-reasons .item__info {
	padding: 30px 20px 50px 30px;
}

@media screen and (max-width: 768px) {
	.list-reasons .item__info {
		padding: 16px 20px 28px;
	}
}

.list-reasons .item__info--ttl {
	margin-bottom: 20px;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.75;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.list-reasons .item__info--ttl {
		margin-bottom: 10px;
		font-size: 21px;
		font-size: 2.1rem;
	}
}

@media screen and (max-width: 374px) {
	.list-reasons .item__info--ttl {
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.list-reasons .item__info--des {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 2;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.list-reasons .item__info--des {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.6;
	}
}

.list-reasons--blue .item {
	width: 33.33%;
}

@media screen and (max-width: 768px) {
	.list-reasons--blue .item {
		width: 100%;
	}
}

.list-reasons--blue .item-wp {
	-webkit-box-shadow: 4px 8px 24px rgba(11, 135, 206, 0.23);
	box-shadow: 4px 8px 24px rgba(11, 135, 206, 0.23);
}

.list-reasons--blue .item__number {
	background: url("../img/moto/icon-ribbons-blue.png") no-repeat center/cover;
}

@media screen and (max-width: 768px) {
	.list-reasons--blue .item__number {
		background: url("../img/moto/icon-ribbons-blue-sp.png") no-repeat center/cover;
	}
}

.list-introduce {
	margin-bottom: 40px;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	.list-introduce {
		margin-bottom: 20px;
	}
}

.list-introduce .item {
	padding: 0 20px 20px 20px;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	outline: 0;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

@media screen and (max-width: 1024px) {
	.list-introduce .item {
		padding: 0 10px 20px 10px;
	}
}

@media screen and (max-width: 768px) {
	.list-introduce .item {
		padding: 0 7.5px 20px 7.5px;
	}
}

.list-introduce .item a {
	display: block;
	padding-bottom: 12px;
	border-radius: 0 0 6px 6px;
	outline: 0;
	-webkit-box-shadow: 0 8px 15px 0 rgba(11, 135, 206, 0.2);
	box-shadow: 0 8px 15px 0 rgba(11, 135, 206, 0.2);
}

@media screen and (max-width: 768px) {
	.list-introduce .item a {
		padding-bottom: 20px;
	}
}

.list-introduce .item__img {
	border-radius: 6px 6px 0 0;
}

.list-introduce .item__text {
	padding: 2rem;
}

@media screen and (max-width: 768px) {
	.list-introduce .item__text {
		padding: 2rem 2rem 0;
	}
}

.list-introduce .item__head {
	margin-bottom: 15px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.list-introduce .item__head {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 374px) {
	.list-introduce .item__head {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 768px) {
	.list-introduce .item__list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.list-introduce .item__list > .item {
	margin-left: 10px;
	padding: 2px 13px;
	border: 1px solid #4283ee;
	border-radius: 1.2rem;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.4;
	color: #4283ee;
}

@media screen and (max-width: 768px) {
	.list-introduce .item__list > .item {
		padding: 2px 10px;
	}
}

@media screen and (max-width: 374px) {
	.list-introduce .item__list > .item {
		margin-right: 5px;
		margin-bottom: 5px;
		margin-left: 0;
		font-size: 10px;
		font-size: 1rem;
	}
}

.list-introduce .item__list > .item:first-of-type {
	margin-left: 0;
}

.list-introduce .item__more {
	position: relative;
	margin-top: 3.2rem;
	padding-left: 2.5rem;
	font-family: "Roboto", sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	color: #4283ee;
}

@media screen and (max-width: 768px) {
	.list-introduce .item__more {
		margin-top: 22px;
		padding-left: 2.2rem;
	}
}

.list-introduce .item__more:before {
	display: block;
	position: absolute;
	top: calc(50% - 0.85rem);
	left: 0;
	border-radius: 100%;
	width: 1.7rem;
	height: 1.7rem;
	content: "";
	background: #4283ee;
}

.list-introduce .item__more:after {
	display: block;
	position: absolute;
	top: calc(50% - 0.4rem);
	left: 0.3rem;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 0.8rem;
	height: 0.8rem;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.contents--top .qa-page {
	padding: 7.4rem 0 12.5rem;
	background-color: #fff;
	background-image: -o-linear-gradient(
		left,
		rgba(255, 255, 255, 0) calc(50% - 60rem),
		#eff4fb calc(50% - 60rem),
		#eff4fb calc(50% - 60rem + 1px),
		rgba(255, 255, 255, 0) calc(50% - 60rem + 1px),
		rgba(255, 255, 255, 0) calc(50% - 30rem),
		#eff4fb calc(50% - 30rem),
		#eff4fb calc(50% - 30rem + 1px),
		rgba(255, 255, 255, 0) calc(50% - 30rem + 1px)
	),
		-o-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #eff4fb 0, #eff4fb calc(50% + 1px), rgba(255, 255, 255, 0)
			calc(50% + 1px), rgba(255, 255, 255, 0) calc(50% + 30rem), #eff4fb calc(50% + 30rem), #eff4fb
			calc(50% + 30rem + 1px), rgba(255, 255, 255, 0) calc(50% + 30rem + 1px), rgba(255, 255, 255, 0)
			calc(50% + 60rem), #eff4fb calc(50% + 60rem), #eff4fb calc(50% + 60rem + 1px), rgba(255, 255, 255, 0)
			calc(50% + 60rem + 1px)),
		url(../img/moto/qa_bg.png);
	background-image: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0) calc(50% - 60rem),
		#eff4fb calc(50% - 60rem),
		#eff4fb calc(50% - 60rem + 1px),
		rgba(255, 255, 255, 0) calc(50% - 60rem + 1px),
		rgba(255, 255, 255, 0) calc(50% - 30rem),
		#eff4fb calc(50% - 30rem),
		#eff4fb calc(50% - 30rem + 1px),
		rgba(255, 255, 255, 0) calc(50% - 30rem + 1px)
	),
		linear-gradient(
			90deg,
			rgba(255, 255, 255, 0) 50%,
			#eff4fb 0,
			#eff4fb calc(50% + 1px),
			rgba(255, 255, 255, 0) calc(50% + 1px),
			rgba(255, 255, 255, 0) calc(50% + 30rem),
			#eff4fb calc(50% + 30rem),
			#eff4fb calc(50% + 30rem + 1px),
			rgba(255, 255, 255, 0) calc(50% + 30rem + 1px),
			rgba(255, 255, 255, 0) calc(50% + 60rem),
			#eff4fb calc(50% + 60rem),
			#eff4fb calc(50% + 60rem + 1px),
			rgba(255, 255, 255, 0) calc(50% + 60rem + 1px)
		),
		url(../img/moto/qa_bg.png);
	background-repeat: no-repeat;
	background-position: 50%, 50%, top 8rem right 15rem;
	background-size: auto;
}

@media screen and (max-width: 768px) {
	.contents--top .qa-page {
		padding: 4.4rem 0 5rem;
		background: url("../img/service/bg-01-sp.png") repeat-y center/77%,
			url("../img/moto/qa_bg_sp.png") no-repeat top -40px right -8px/44%;
	}
}

.contents--top .qa-page--blue {
	background-image: -o-linear-gradient(
		left,
		rgba(255, 255, 255, 0) calc(50% - 60rem),
		#eff4fb calc(50% - 60rem),
		#eff4fb calc(50% - 60rem + 1px),
		rgba(255, 255, 255, 0) calc(50% - 60rem + 1px),
		rgba(255, 255, 255, 0) calc(50% - 30rem),
		#eff4fb calc(50% - 30rem),
		#eff4fb calc(50% - 30rem + 1px),
		rgba(255, 255, 255, 0) calc(50% - 30rem + 1px)
	),
		-o-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #eff4fb 0, #eff4fb calc(50% + 1px), rgba(255, 255, 255, 0)
			calc(50% + 1px), rgba(255, 255, 255, 0) calc(50% + 30rem), #eff4fb calc(50% + 30rem), #eff4fb
			calc(50% + 30rem + 1px), rgba(255, 255, 255, 0) calc(50% + 30rem + 1px), rgba(255, 255, 255, 0)
			calc(50% + 60rem), #eff4fb calc(50% + 60rem), #eff4fb calc(50% + 60rem + 1px), rgba(255, 255, 255, 0)
			calc(50% + 60rem + 1px)),
		url(../img/moto/qa_bg_blue.png);
	background-image: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0) calc(50% - 60rem),
		#eff4fb calc(50% - 60rem),
		#eff4fb calc(50% - 60rem + 1px),
		rgba(255, 255, 255, 0) calc(50% - 60rem + 1px),
		rgba(255, 255, 255, 0) calc(50% - 30rem),
		#eff4fb calc(50% - 30rem),
		#eff4fb calc(50% - 30rem + 1px),
		rgba(255, 255, 255, 0) calc(50% - 30rem + 1px)
	),
		linear-gradient(
			90deg,
			rgba(255, 255, 255, 0) 50%,
			#eff4fb 0,
			#eff4fb calc(50% + 1px),
			rgba(255, 255, 255, 0) calc(50% + 1px),
			rgba(255, 255, 255, 0) calc(50% + 30rem),
			#eff4fb calc(50% + 30rem),
			#eff4fb calc(50% + 30rem + 1px),
			rgba(255, 255, 255, 0) calc(50% + 30rem + 1px),
			rgba(255, 255, 255, 0) calc(50% + 60rem),
			#eff4fb calc(50% + 60rem),
			#eff4fb calc(50% + 60rem + 1px),
			rgba(255, 255, 255, 0) calc(50% + 60rem + 1px)
		),
		url(../img/moto/qa_bg_blue.png);
}

@media screen and (max-width: 768px) {
	.contents--top .qa-page--blue {
		background: url("../img/service/bg-01-sp.png") repeat-y center/77%,
			url("../img/moto/qa_bg_blue_sp.png") no-repeat top -40px right -8px/44%;
	}
}

.contents--top .qa-page .ttlcomp-04 {
	margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
	.contents--top .qa-page .ttlcomp-04 {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 768px) {
	.contents--top .qa-page .md-btn.black {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 768px) {
	.contents--top .qa-page .qa__list {
		margin-top: 30px;
	}
}

.list-introduction {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -15px;
}

@media screen and (max-width: 1024px) {
	.list-introduction {
		margin: 0 auto;
		max-width: 850px;
	}
}

@media screen and (max-width: 768px) {
	.list-introduction {
		margin: 0 -10px;
	}
}

@media screen and (max-width: 640px) {
	.list-introduction {
		margin: 0;
	}
}

.list-introduction .item {
	padding: 0 15px;
	width: 50%;
}

@media screen and (max-width: 1024px) {
	.list-introduction .item {
		margin-bottom: 10px;
		padding: 0;
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.list-introduction .item {
		padding: 0 10px;
	}
}

@media screen and (max-width: 640px) {
	.list-introduction .item {
		margin-bottom: 10px;
		padding: 0;
		width: 100%;
	}
	.list-introduction .item:last-of-type {
		margin-bottom: 0;
	}
}

.list-introduction .item-wp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 20px 20px 20px 30px;
	border-radius: 6px;
	background: #fff;
}

@media screen and (max-width: 768px) {
	.list-introduction .item-wp {
		align-items: center;
		padding: 12.5px 12.5px 24.5px 19px;
		border-radius: 3px;
		-webkit-box-align: center;
		-ms-flex-align: center;
	}
}

@media screen and (max-width: 640px) {
	.list-introduction .item-wp {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}

.list-introduction .item__img {
	width: 108px;
}

@media screen and (max-width: 768px) {
	.list-introduction .item__img {
		width: 70px;
	}
}

.list-introduction .item__img span {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 500;
	color: #7c8595;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.list-introduction .item__img span {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.list-introduction .item__img span:first-of-type {
	margin-bottom: 9px;
	text-align: left;
}

@media screen and (max-width: 768px) {
	.list-introduction .item__img span:first-of-type {
		margin-bottom: 12px;
	}
}

.list-introduction .item__info {
	padding-top: 17px;
	padding-left: 33px;
	width: calc(100% - 108px);
}

@media screen and (max-width: 768px) {
	.list-introduction .item__info {
		padding-top: 0;
		padding-left: 13px;
		width: calc(100% - 70px);
	}
}

@media screen and (max-width: 640px) {
	.list-introduction .item__info {
		padding-top: 7px;
	}
}

.list-introduction .item__info--ttl {
	margin-bottom: 9px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 500;
	color: #387ef0;
}

@media screen and (max-width: 768px) {
	.list-introduction .item__info--ttl {
		margin-bottom: 5px;
		font-size: 13px;
		font-size: 1.3rem;
	}
}

.list-introduction .item__info--des {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.8;
	color: #192740;
}

@media screen and (max-width: 768px) {
	.list-introduction .item__info--des {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.6;
	}
}

@media screen and (max-width: 768px) {
	.list-introduction .item:first-of-type .item__img {
		padding-right: 5px;
	}
}

@media screen and (max-width: 768px) {
	.list-introduction .item:nth-child(2) .item__img {
		margin-left: -4px;
	}
}

@media screen and (max-width: 768px) {
	.list-introduction .item:nth-child(2) .item__info {
		padding-left: 17px;
	}
}

/* application form */
.application-note .ttl br {
	display: none;
}

.application-form {
	margin-top: 30px;
	padding-top: 40px;
	border-top: solid 1px #BBD7E6;
}

.application-form .horizontal-item {
	cursor: pointer;
}

.application-form .md-btn {
	display: inline-block;
}

.application-form .privacy-pdf-btn,
.application-form .privacy-agree-btn {
	max-width: 410px;
	margin-right: auto;
	margin-left: auto;
}

.application-form .privacy-pdf-btn .md-btn::after,
.application-form .privacy-agree-btn .md-btn::after {
	display: none;
}

.application-form .privacy-pdf-btn .md-btn {
	font-size: 1.4rem;
}

.application-form .privacy-pdf-btn br {
	display: none;
}

.application-form .privacy-agree-btn .md-btn {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 2.4rem;
}

.application-form .sec-top__detail {
	margin-top: 40px;
}

.application-form .link {
	width: 62%;
	margin: -10px 0 10px auto;
	text-align: right;
}

.application-form .link a {
	color: #000000;
	font-size: 1.2rem;
}

.application-form .link a::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 5px;
	background: url(/wp-content/uploads/icon-external.png) no-repeat center center / contain;
}

.application-form .item {
	justify-content: flex-end;
	min-height: inherit;
	padding: 15px 0;
	border-bottom: none;
}

.application-form .item:nth-child(1) {
	min-height: inherit;
	padding: 15px 0;
}

.application-form .item .note {
	right: auto;
	margin-left: 10px;
}

.application-form .item .ttl {
	width: 38%;
}

.application-form .item .ttl label br {
	display: none;
}

.application-form .item .ttl label .pc-br {
	display: inline;
}

.application-form .item .form {
	position: relative;
	width: 62%;
}

.application-form .form .item:last-child {
	padding-bottom: 0;
}

.application-form .form .ttl {
	width: 40%;
	padding-right: 10px;
	font-size: 1.4rem;
}

.application-form .form .form {
	width: 60%;
}

.application-form .item .error {
	position: absolute;
}

.application-form-ttl {
	margin-bottom: 40px;
	font-size: 2.0rem;
	text-align: center;
}

.application-form-ttl .sub-ttl {
	display: block;
	margin-top: 10px;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.7;
}

.application-form-ttl br {
	display: none;
}

.application-form input:-webkit-autofill {
	transition: background-color 99999s;
}

.application-form input + br {
	display: none;
}

.application-form input[type="text"] {
	display: inline-block;
}

.application-form input[type="checkbox"] {
	width: 1em;
	height: 1em;
	margin: 0 5px 0 0;
	border: solid 1px #192740;
	outline: none;
	vertical-align: middle;
}

.application-form select {
	height: 40px;
	padding: 0 40px 0 10px;
	border: solid 1px #999ea6;
	border-radius: 5px;
	background: url(/wp-content/uploads/icon-select-arrow.png) no-repeat right 5px center / 15px 13px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.application-form select::-ms-expand {
	display: none;
}

.application-form .form-sei,
.application-form .form-mei {
	width: calc((100% - 2em) / 2);
}

.application-form .form-sei {
	margin-right: 1em;
}

.application-form .form-sei + br {
	display: none;
}

.application-form .form-postal-code {
	width: 9em;
}

.application-form .form-year:not(:root) {
	width: 7em;
}

.application-form .form-month,
.application-form .form-date {
	margin-left: 10px;
	padding: 0 25px 0 10px;
    color: #192740;
    font-weight: 500;
}

.application-form .annotation {
	width: 62%;
	margin: 10px 0 0 auto;
	font-size: 1.4rem;
	line-height: 1.7;
}

.application-form .add-to-form:not(:root) {
	position: relative;
	flex-wrap: wrap;
	margin-bottom: 30px;
	padding: 30px 10px;
	border-bottom: none;
	background-color: #F3F3F3;
}

.application-form .add-to-form:last-child {
	margin-bottom: 0;
}

.application-form .add-to-form.close {
	display: none;
}

.mw_wp_form_confirm .application-form .add-to-form.close,
.application-form .add-to-form.open {
	display: flex;
}

.mw_wp_form_confirm .application-form .add-to-form.hide {
	display: none;
}

.application-form .add-to-form select {
	background-color: #ffffff;
}

.application-form .add-to-form .item {
	width: calc(100% - 80px);
	min-height: inherit;
	margin-bottom: 30px;
	padding: 0;
	border-bottom: none;
}

.application-form .add-to-form .item:last-of-type {
	margin-bottom: 0;
}

.application-form .add-to-form .ttl {
	padding: 0 0 0 10px;
}

.application-form .add-to-btn {
	display: block;
	position: relative;
	margin: 0 0 0 auto;
	padding: 10px 10px 10px 25px;
	border: solid 1px #707070;
	border-radius: 25px;
	background-color: #ffffff;
	outline: none;
	color: #000000;
	line-height: 1;
	transition: all .3s;
}

.application-form .add-to-btn:hover {
	background-color: #707070;
	color: #ffffff;
}

.application-form .add-to-btn::before {
	content: "\02b";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5px;
	width: 1em;
	height: 1em;
	margin: auto 10px auto 0;
	z-index: 1;
}

.application-form .add-to-btn br {
	display: none;
}

.application-form .form-delete-box {
	position: absolute;
	top: 50%;
	right: 10px;
	display: inline-block;
	margin: 0 0 0 5px;
	transform: translateY(-50%);
	z-index: 1;
}

.application-form .form-delete {
	width: 70px;
	padding: 0;
	border: none;
	background: none;
	color: #DC5353;
	outline: none;
	line-height: 1;
	transition: all .3s;
}

.application-form .form-delete:hover {
	color: #000000;
}

.application-form .form-delete::before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 5px;
	background: url(/wp-content/uploads/icon-delete.png) no-repeat left center / contain;
	vertical-align: middle;
}

.application-form .back__link {
	position: relative;
	left: 50%;
	margin-top: 10px;
	border: none;
	background: none;
	outline: none;
	text-decoration: underline;
	transform: translateX(-50%);
}

.application-form .back__link:hover {
	text-decoration: none;
}

.application-form .mwform-tel-field .form-control {
	width: 28%;
	max-width: 100px;
	margin: .5em 0;
}

[class*="application-zip-button"] {
	width: 90px;
	margin-left: 5px;
	padding: 5px;
	border: solid 1px #707070;
	border-radius: 25px;
	background-color: #ffffff;
	outline: none;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
	vertical-align: middle;
	transition: all .3s;
}

[class*="application-zip-button"]:hover {
	background-color: #707070;
	color: #ffffff;
}

.invoice-radio-box {
	margin: 30px 0 15px;
	padding: 0 70px;
}

.invoice-radio-txt {
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
	font-size: 1.4rem;
	line-height: 1.7;
}

.invoice-radio-checkbox {
	text-align: center;
}

.mw_wp_form_confirm .confirm-hide:not(:root) {
	display: none;
}

/* #contact-form-moto #radio-box .horizontal-item:nth-of-type(2) *,
#contact-form-moto2 #radio-box .horizontal-item:nth-of-type(1) *,
#contact-form-saki #radio-box .horizontal-item:nth-of-type(2) *,
#contact-form-saki2 #radio-box .horizontal-item:nth-of-type(1) * {
	pointer-events: none;
} */

#contact-form-moto2 #radio-box .horizontal-item:nth-of-type(1) *,
#contact-form-saki #radio-box .horizontal-item:nth-of-type(2) *,
#contact-form-saki2 #radio-box .horizontal-item:nth-of-type(1) * {
	pointer-events: none;
}

.application-policy {
	margin-top: 80px;
}

.application-policy:first-of-type {
	margin-top: 0;
}

.application-policy .contact-policy-head {
	margin-bottom: 1em;
	font-size: 1.8rem;
	font-weight: bold;
}

.application-policy .contact-policy-note {
	counter-reset: number;
}

.application-policy li {
	position: relative;
	padding-left: 1em;
}

.application-policy li::before {
	xcounter-increment: number;
	xcontent: counter(number)".";
	xposition: absolute;
	xleft: 0;
	xz-index: 0;
}

.application-policy .policy-box,
.application-policy .slimScrollDiv {
	height: 420px !important;
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
	.application-note .ttl br {
		display: inline;
	}

	.application-form .privacy-pdf-btn .md-btn {
		font-size: 1.2rem;
	}

	.application-form .privacy-pdf-btn br {
		display: inline;
	}

	.application-form .privacy-agree-btn .md-btn {
		font-size: 1.6rem;
	}

	.application-form .item .ttl,
	.application-form .item .form,
	.application-form .form .ttl,
	.application-form .form .form {
		width: 100%;
	}

	.application-form .item .ttl {
		padding-right: 70px;
	}

	.application-form .item .ttl label br {
		display: inline;
	}

	.application-form .item .form select {
		height: 40px;
	}

	.application-form-ttl {
		margin-bottom: 20px;
	}

	.application-form-ttl .sub-ttl {
		font-size: 1.2rem;
	}

	.application-form-ttl br {
		display: inline;
	}

	.application-form .form-year:not(:root) {
		width: calc(100% - 2em);
	}

	.application-form .form-month,
	.application-form .form-date {
		margin: 1.5em 0 0 0;
	}

	.application-form .form-date {
		margin-left: 10px;
	}

	.application-form .annotation {
		width: 100%;
		font-size: 1.2rem;
	}

	.application-form .add-to-form:not(:root) {
		justify-content: flex-end;
		margin-bottom: 20px;
		padding: 20px 10px;
	}

	.application-form .add-to-form .item {
		width: 100%;
	}

	.application-form .add-to-form .ttl {
		padding: 0;
	}

	.application-form select {
		background-size: 7px 6px;
	}

	.application-form .add-to-btn {
		font-size: 1.2rem;
	}

	.application-form .add-to-btn:hover {
		background-color: #ffffff;
		color: #000000;
	}

	.application-form .add-to-btn br {
		display: inline;
	}

	.application-form .form-delete-box {
		position: static;
		display: block;
		margin-top: 1em;
		text-align: right;
		transform: translateY(0);
	}

	.application-form .form-delete:hover {
		color: #DC5353;
	}

	.application-form .back__link {
		font-size: 1.3rem;
	}

	.application-form .back__link:hover {
		text-decoration: underline;
	}

	[class*="application-zip-button"]:hover {
		background-color: #ffffff;
		color: #000000;
	}

	.invoice-radio-box {
		padding: 0;
	}

	.invoice-radio-txt {
		font-size: 1.2rem;
	}

	.application-policy {
		margin-top: 40px;
	}

	.application-policy .contact-policy-head {
		font-size: 1.2rem;
	}

	.application-policy .policy-box,
	.application-policy .slimScrollDiv {
		height: 210px !important;
	}
}
/*サイドの文字を中央に　寺林　２０２１０４０５*/
.side-cta__text{
	justify-content: center;
}
.side-cta{
	z-index:10;
}
/*フォームセレクトcss*/
.form-select{
	position:relative;
}
.form-select::after{
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-bottom: solid 2px #b4b3b3;
	border-right: solid 2px #b4b3b3;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
}
/*動画追加20210416*/
.movie-top {
	padding-top: 150px;
	padding-bottom: 53px;
}
.movie-main{
	text-align: center;
}
.movie-item{
	max-width: 930px;
	margin-right:auto;
	margin-left:auto;
}

/*CASE追加20210618*/
.case-block .item__logo{
	margin-bottom:1rem;
}
.case-block .item__logo img{
	height:3rem;
	width:auto;
}
.header__btn{
	width:28rem;
	padding-right:3em;
}
@media screen and (min-width: 769px){
	.application__head {
		padding-right:2.5em;
	}
}

/*フォロー体制20210924*/
.sec-follow{
	background:#eef8fd url("https://goodjob.ca-m.co.jp/wp-content/themes/Sougo-Career-GoodJob/img/top_contact.png") no-repeat right bottom;
	background-size:30% auto;
	padding: 68px 0 74px;
}
.follow-list li{
	position: relative;
	margin-bottom: 5px;
	padding-left: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.follow-list li::before{
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -2px;
	border-radius: 5px;
	width: 4px;
	height: 4px;
	content: "";
	background: #434444;
}
.follow-text{
	color:#387ef0;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
}
.follow-container{
	display: flex;
	justify-content: space-between;
}
.follow-block{
	margin: 0 auto 31px;
	border: 1px solid #d7e3f4;
	border-radius: 5px;
	width: 48%;
	max-width: 520px;
	background: #fff;
	padding:2rem 3rem;
}
.follow-title {
	position: relative;
	margin-bottom: 18px;
	padding-bottom: 15px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	color: #192740;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.sec-follow{
		background-size:40% auto;
	}
	.follow-title {
		margin-bottom: 15px;
		padding-bottom: 10px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.follow-block{
		width: 100%;
		padding:1rem;
	}
	.follow-text{
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.follow-title:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: calc(50% - 20px);
	width: 40px;
	height: 3px;
	content: "";
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), to(#2b70e2));
	background: -o-linear-gradient(left, #00aef7 0%, #2b70e2 100%);
	background: linear-gradient(90deg, #00aef7 0%, #2b70e2 100%);
}

@media screen and (max-width: 768px) {
	.follow-title:after {
		left: calc(50% - 15px);
		width: 30px;
		height: 2px;
	}
}
@media screen and (max-width: 1024px){
	.sec-follow{
		padding: 30px 0 30px;
	}

}
.voice {
	z-index: -1;
	padding: 14rem 0 12rem;
}

.voice__list{
	flex-wrap: wrap;
}

.voice .sec-top__head {
	position: relative;
	padding-bottom: 3rem;
}

.voice .sec-top__head::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 6.2rem;
	height: 0.3rem;
	content: "";
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), to(#2b70e2));
	background: linear-gradient(to right, #00aef7, #2b70e2);
}

.voice .sec-top__text {
	margin-top: 5rem;
}

.voice__detail {
	margin-top: 6.5rem;
}

.voice__item {
	z-index: 1;
	margin-left: 2rem;
	width: 35rem;
	margin-bottom:2rem;
}

.voice__item__link {
	display: block;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	height:100%;
}

.voice__item__link:hover {
	background: #eee;
}

.voice__item__img {
	border-radius: 6px 6px 0 0;
}

.voice__item__text {
	padding: 2rem;
}

.voice__item__head {
	font-size: 1.8rem;
	font-weight: 600;
	color: #222;
}

.voice__item__logo{
	height:2.6rem;
	margin:1rem 0;
	width:auto;
}
.voice__item__logo img{
	height:100%;
	width:auto;
}

.voice__item__list {
	margin-top: 1rem;
}

.voice__item__item {
	padding: 0 1rem;
	border: solid 1px #4283ee;
	border-radius: 1.2rem;
	font-size: 1.2rem;
	line-height: 1.4;
	color: #4283ee;
}

.voice__item__item:not(:last-child) {
	margin-right: 0.8rem;
}

.voice__item__more {
	position: relative;
	margin-top: 3rem;
	padding-left: 2.5rem;
	font-size: 1.2rem;
	font-weight: 500;
	color: #4283ee;
}

.voice__item__more::before {
	display: block;
	position: absolute;
	top: calc(50% - 1.7rem / 2);
	left: 0;
	border-radius: 100%;
	width: 1.7rem;
	height: 1.7rem;
	content: "";
	background: #4283ee;
}

.voice__item__more::after {
	display: block;
	position: absolute;
	top: calc(50% - 0.8rem / 2);
	left: 0.3rem;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	width: 0.8rem;
	height: 0.8rem;
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.side_shocase .item{
	margin-bottom:2rem;
}
.side_shocase .item a{
	display:flex;
	width:100%;
	color:#000;
}
.side_shocase .item .img{
	width:30%;
}
.side_shocase .item .txt{
	width:70%;
	padding-left:1rem;
	font-weight:bold;
	font-size:1.2em;
}

.showcase_title span{
	color:#387ef0;
}
.showcase_logo{
	display:flex;
	justify-content: space-between;
	margin-bottom:1rem;
}
.showcase_logo .img{
	width:45%;
}
.showcase_logo .txt{
	width:50%;
	font-size:0.8em;
}
.showcase_data{
	background:#F8F8F8;
	padding:1rem;
	display:flex;
	justify-content: space-between;
	margin-bottom:3rem;
	font-size:0.9em;
}
.showcase_data .def{
	width:45%;
}
.showcase_data .def_box{
	display:flex;
	margin-bottom:1rem;
}
.showcase_data dt{
	width:6em;
}
.showcase_data dd{
	width:calc(100% - 7em);
}
.showcase_data .kadai{
	width:50%;
}
.showcase_data .kadai_ttl{
	display: flex;
	align-items: center;
	font-weight:bold;
	margin-bottom:0.5rem;
}
.showcase_data .kadai_ttl::after{
	content: "";
	height: 1px;
	flex-grow: 1;
	background-color: #666;
	margin-left:1rem;
}
.showcase_data .kadai_list{
	display: flex;
	flex-wrap: wrap;
}
.showcase_data .kadai_list li{
	margin-bottom:0.5rem;
}
.showcase_data .kadai_list li::after{
	content:"/";
}
.showcase_data .kadai_list li:last-of-type::after{
	content:none;
}

.manual-single__detail2 .haikei{
	background:#387ef0;
	color:#fff;
	padding:1rem 2rem;
	display:inline-block;
	margin-bottom:1rem;
}

.manual-single__detail2 .kouka{
	background:#28c3b2;
	color:#fff;
	padding:1rem 2rem;
	display:inline-block;
	margin-bottom:1rem;
	margin-top:3rem;
}

.manual-single__detail2 h2{
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.5;
	color: #192740;
	margin-bottom:1rem;
}

.content-wide{
	width:100%;
}

.manual-single__detail2 h3 {
	position: relative;
	margin-bottom: 24px;
	margin-left: 20px;
	padding-bottom: 9px;
	border-bottom: 2px solid #d4e2f3;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	color: #2a71e2;
	margin-top:24px;
}

@media screen and (max-width: 768px) {
	.manual-single__detail2 h3 {
		margin-bottom: 15px;
		margin-left: 15px;
		padding-bottom: 5px;
		border-bottom: 1px solid #d4e2f3;
		font-size: 16.5px;
		font-size: 1.65rem;
	}
}

.manual-single__detail2 h3:before {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -20px;
	border-radius: 2.5px;
	width: 5px;
	height: 100%;
	content: "";
	background: #00aef7;
	background: -webkit-gradient(linear, left top, left bottom, from(#00aef7), to(#2b70e2));
	background: -o-linear-gradient(top, #00aef7 0%, #2b70e2 100%);
	background: linear-gradient(180deg, #00aef7 0%, #2b70e2 100%);
}
.download_box{
	display:flex;
	align-items: center;
	justify-content: space-around;
}
.download_box img{
	width:24%;
}
.download_box .download_content{
	width:70%;
}
@media screen and (max-width: 768px) {
	.manual-single__detail2 h3:before {
		left: -15px;
	}
	.download_box{
		display:block;
	}
	.download_box img{
		width:100%;
	}
	.download_box .download_content{
		width:100%;
	}
}
#toc_container.no_bullets li::before,
#toc_container.no_bullets ul li::before, 
.toc_widget_list.no_bullets li::before{
	content:none;
}
.download-block{
	padding-top:60px;
}

/*動画ページ用 */
.video-header{
	height:80px;
}
.header__video_txt{
	color:#387EF0;
	font-size:12px;
	margin-left:40px;
	font-weight:bold;
	align-self:center;
}
.page-video{
	padding-top:60px;
}
.page-video__menu{
	background:#EFF7FC;
	font-size:13px;
	padding:1em 0;
}
.page-video__menu-list{

}
.page-video__menu-list ul{
	display:flex;
	justify-content:center;
}
.page-video__menu-list li{
	margin:0 20px;
}
.page-video__menu-list a{
	color:#192740;
	position: relative;
	display: inline-block;
}
.page-video__menu-list a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), to(#2b70e2));
	background: -o-linear-gradient(left, #00aef7 0%, #2b70e2 100%);
	background: linear-gradient(
		90deg, #00aef7 0%, #2b70e2 100%);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}
.page-video__menu-list a:hover::after {
	transform: scale(1, 1);
}
#header__refurbishment .header__base.video{
	justify-content:flex-start;
	align-items:center;
	max-width:1080px;
	margin:0 auto;
}
#header__refurbishment .header__frame.video-header{
	padding:2rem 0;
}
.page-video__ttl{
	position:relative;
}
.page-video__ttl　.pc{
	height:192px;
}
.video-page__ttl2{
	position:absolute;
	top:14%;
	color:#fff;
	text-align:center;
	width:100%;
}
.page-video__ttlimg{
	position:absolute;
	text-align:center;
	top:0;
	width:952px;
	margin:0 auto;
	left: 0;
	right: 0;
}
.page-video__intoro{
	text-align:center;
	margin:80px auto 120px;
	max-width:800px;
}
.video-page__ttl2 span{
	display:block;
}
.page-video__container{
	margin:0 auto 180px;
}
.page-video__items{
	display:flex;
	flex-wrap:wrap;
	padding:0 calc((100% - 1080px) / 2);
	position:relative;
}
.page-video__items::after{
	content:"";
	display:block;
	width:100vw;
	height:100%;
	top:100px;
	background:url(https://goodjob.ca-m.co.jp/wp-content/uploads/video_bg.png) repeat-y;
	left:0;
	right:0;
	position:absolute;
	z-index:-1;
}
.page-video__item{
	width:calc((100% - 130px) / 3);
	margin-right:65px;
}
.movie_list_date{
	color:#aaa;
	font-size:12px;
	margin-bottom:1rem;
}
.movie_list_img{
	margin-bottom:1rem;
}
.movie_list_ttl{
	font-weight:bold;
	margin-bottom:1rem;
}
.movie_list_txt{
	font-size:14px;
}
.page-video__item:nth-of-type(3n + 3){
	margin-right:0;
}
.page-video__subheader{
	max-width:1080px;
	margin:0 auto;
}
.page-video__subtxt{
	margin-bottom:2rem;
}
.page-video__subttl{
	font-size:24px;
	font-weight:bold;
	position:relative;
	padding-left:15px;
	margin-bottom:2rem;
}
.page-video__subttl::before{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5px;
	height:100%;
	content: "";
	background: #00aef7;
	background: -webkit-gradient(linear, left top, right top, from(#00aef7), to(#2b70e2));
	background: -o-linear-gradient(left, #00aef7 0%, #2b70e2 100%);
	background: linear-gradient(
		180deg, #00aef7 0%, #2b70e2 100%);
}
.video-page__ttl2 .jp{
	font-size:32px;
	font-weight:bold;
}
.video-page__ttl2 .mini{
	font-size:18px;
}
@media screen and (max-width: 768px) {
	.page-video__container{
		margin:0 auto 100px;
	}
	.video-page__ttl2 {
		position: absolute;
		top: 25%;
		color: #fff;
		text-align: left;
		width: 100%;
		padding: 0 2rem;
	}
	.page-video__intoro {
		margin: 0px auto 80px;
	}
	.page-video__item{
		width:100%;
		margin-right:0;
		background:url(https://goodjob.ca-m.co.jp/wp-content/uploads/video_bg.png) no-repeat top 100px center /cover;
	}
	.page-video{
		padding-top:10px;
	}
	#header__refurbishment .header__frame.video-header{
		padding:1rem;
	}
	.header__video_txt{
		margin-left:10px;
	}
	.page-video__menu-list{
		overflow-x:auto;
	}
	.page-video__menu-list ul{
		white-space: nowrap;
	}
	.video-header{
		height:auto;
	}
	.page-video__subheader{
		padding:0 1rem;
	}
	.page-video__item{
		padding:0 1rem 2rem;
		margin-bottom:64px;
	}
	.page-video__items::after{
		content:none;
	}
}
/*.movie_modal{*/
/*	background: rgba(0,0,0,.8);*/
/*	position:fixed;*/
/*	display: flex;*/
/*	flex-wrap: wrap;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	z-index:99999;*/
/*	top: 0;*/
/*	right: 0;*/
/*	left: 0;*/
/*	bottom: 0;*/
/*}*/
/*.movie_modal .movie_modal_content{*/
/*	width: 80%;*/
/*	margin: auto;*/
/*	position: relative;*/
/*	max-width: 960px;*/
/*}*/
/*.movie_modal .movie_modal_close{*/
/*	position:absolute;*/
/*	width:56px;*/
/*	height:56px;*/
/*	border-radius:56px;*/
/*	top:-28px;*/
/*	right:-28px;*/
/*	color:#fff;*/
/*	font-size:30px;*/
/*	font-weight:bold;*/
/*	background: linear-gradient(*/
/*		180deg, #00aef7 0%, #2b70e2 100%);*/
/*	text-align: center;*/
/*	line-height: 56px;*/
/*	cursor:pointer;*/
/*	z-index: 9;*/
/*}*/
/*.movie_modal .movie_modal_inner{*/
/*	position:relative;*/
/*}*/

/*.movie_modal .movie_modal_inner{*/
/*	position:relative;*/
/*	width:100%;*/
/*	padding-top:60.25%;*/
/*	overflow:hidden;*/
/*}*/

/*.movie_modal .movie_modal_inner .movie_modal_player{*/
/*	position:absolute;*/
/*	top:0;*/
/*	right:0;*/
/*	width:100%;*/
/*	height:100%;*/
/*}*/

/*@media (max-width: 767px) {*/

/*	.movie_modal .movie_modal_content{*/
/*		width: calc(100% - 40px);*/
/*	}*/
/*	.movie_modal .movie_modal_close{*/
/*		width: 40px;*/
/*		height: 40px;*/
/*		top: -25px;*/
/*		right: -18px;*/
/*		line-height: 40px;*/
/*		font-size: 20px;*/
/*	}*/





/*}*/


/*#modalOverlay{*/
/*	z-index:9999;*/
/*	display:none;*/
/*	position:fixed;*/
/*	top:0;*/
/*	left:0;*/
/*	width:100%;*/
/*	height:120%;*/
/*	background-color:rgba( 0,0,0, 0.75 );*/
/*}*/


.application-form .item .form2{
	width:100%;
	text-align:left;
}
.application-form .item .txt{
	font-size:0.9em;
	color:#999;
}

/* .application-form .chk_hide{
	display:none;
}
.mw_wp_form_confirm .application-form .chk_hide{
	display:block;
} */




#pdf-page{
	min-height: 100vh;
	padding-top: 100px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}
#pdf-page .pdf-page-content{
	text-align: center;
	width: 100%;
}
#pdf-page .pdf-page-content .title{
	font-size: 3rem;
	font-weight: bold;
	color: #192740;
	letter-spacing: 0.8px;
	margin-bottom: 26px;
}
#pdf-page .pdf-page-content .sub-ttl{
	font-size: 1.8rem;
    line-height: 2;
    color: #192740;
	font-weight: 500;
	margin-bottom: 60px;
}
#pdf-page .pdf-page-content .link-pdf a{
	padding: 21px 0px;
	width: 280px;
	border-radius: 50px;
}

.mobi-post {
	display:none
}
.pc-post {
	display:block
}
@media(max-width: 767px){
	
	#pdf-page .pdf-page-content {
		padding: 0px 10px;
	}
	#pdf-page .pdf-page-content .sub-ttl {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 40px;
	}
	#pdf-page .pdf-page-content .title {
		font-size: 26px;
		letter-spacing: 0.8px;
		margin-bottom: 26px;
		padding: 0px 10px;
	}
	#pdf-page {
		padding: 150px 0px 80px;
	}
	
	
	.mobi-post {
	display:block
    }
    .pc-post {
	display:none
    }
		
}


#contact-form-moto .note-name-represent {
	padding-left:40px;
	font-weight:400;
}
#contact-form-moto .note-add {
	font-size:12px;
	font-weight:400;
}




/* add css for page video news */



#video-page .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#video-page .page-video__item {
    background:none
}
#video-page .item-video {
    width: calc(50% );
}

#video-page .list-video {
    max-width: 1160px;
    margin: auto;
    padding: 0px 40px;
    position: relative;
}

#video-page .page-video__item {
    width: 100%;
    position:initial
}

#video-page .page-video__items::after {
    display: none;
}


#video-page .allvideo .list-video::after {
    content: "";
    position: absolute;
    top: 140px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: calc(100% - 300px);
    background: #EFF8FD;
    z-index: -1;
}
#video-page .allvideo.two .list-video::after {

    background: #dbe4e9
}





#video-page .page-video__subtxt {
    margin-bottom: 30px;
    margin-top: 20px;
}

#video-page .item-video .small-text {
    font-size: 18px;
}

#video-page .page-video__subttl {
    position: relative;
    white-space: nowrap;
}
#video-page .page-video__subttl::after {
    position: absolute;
    content: "";
    background: linear-gradient(to bottom, #01adf6 0%, #1694ef 46.3%, #2f76e7 100%);
    height: 30px;
    width: 5px;
    left: 0px;
    top:3px
}
#video-page .box-title {
    max-width: 1160px;
    margin: auto;
    padding: 0px 20px;
}

#video-page .title-video {
    font-size: 32px;
    color: #4B7CE7;
    border-bottom: 3px solid #4B7CE7;
    display: inline-block;
    margin-bottom: 50px;
    padding-bottom: 5px;
}


#video-page .list-link {
    max-width: 1160px;
    margin: auto;
    padding: 0px 20px;
    margin-bottom: 100px;
}

#video-page .list-link .title-link {
    font-size: 24px;
    color: #4B7CE8;
    margin-bottom: 30px;
}

#video-page .list-link .item-link {
    width: calc(50% - 20px);
    padding-right: 50px;
}

#video-page .list-link .item-link .item-text {
    width: calc(50% - 5px);
    padding: 2px 5px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    border-radius: 10px;
    border: 2px solid #4B7CE8;
    color: #4B7CE8;
}
#video-page .list-link  .item-text a {
    width: 100%;
    height: 100%;
    display: block;
    color: #4B7CE8 ;
}



#video-page .list-link .item-link .item-text.full {
    width: 100%;
}

#video-page .list-top {
    background: #EEF7FC;
    padding: 15px 0px ;
}

#video-page .list-top .list-main {
    max-width: 520px;
    margin: auto;
	padding:0px 10px;
}

#video-page .list-top .list-main .item-main {
    display: block;
    border-radius: 17px;
    border: 1.5px solid #F59226;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 10px 0px;
    width: calc(50% - 10px);
    color: #F59226;
}
.page-video__menu {
	display:none!important;
}
.page-video__subttl::before {
	display:none!important;
}

#video-page .movie_modal:after {
	display:none;
}
@media (max-width: 767px) { 

	#video-page .page-video__subttl {
		position: relative;
		white-space:initial;
		font-size:18px
	}
	
    #video-page .item-video {
        width: 100%;
    }
    #video-page .page-video__container {
        margin: 0 auto 20px;
    }
    #video-page .page-video__item {
        margin-bottom: 10px;
    }
    #video-page .allvideo .list-video::after {
        height: calc(100% - 170px);
    }
    #video-page .list-link .item-link {
        width: 100%;
        padding-right: 0px;
    }
	#video-page .list-link .item-link .item-text {
		font-size:14px
	}
	#video-page .list-link .title-link {
		font-size: 18px;
		color: #4B7CE8;
		margin-bottom: 30px;
	}
	#video-page .title-video {
		font-size: 24px;
		margin-bottom: 30px;
		padding-bottom: 5px;
	}
	#video-page .list-video {
        padding: 0px 15px;
   }
	#video-page .list-link {
		margin-bottom: 50px;
	}
}


/* //////////////////////////////////////////////// */


.application-about-outside {
    display: none;
}
.list-input {
    justify-content: space-between;
 
}

.list-input .wpcf7-list-item:nth-child(1) {
    width: 30%;
}

small.note.one {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 19px;
    padding: 2px 9px 4px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: white;
    background: #dc5353;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#contact-form-moto {
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 0 2rem rgba(11, 135, 206, .2));
    transform: translateZ(0);
    padding: 60px;
    font-size: 16px;
    font-weight: 500;
    color: #192740;
    background: white;
    margin-top: 30px;
    padding-top: 40px;
}


.label_radio {
    padding-left: 0 !important;
}

[class*="application-zip-button"] {
    width: 90px;
    margin-left: 5px;
    padding: 5px;
    border: solid 1px #707070;
    border-radius: 25px;
    background-color: #ffffff;
    outline: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
    vertical-align: middle;
    transition: all .3s;
    color: #192740;
}

.form-control {
    font-size: 14px;
}

.application-form-ttl .sub-ttl {
    font-size: 14px;
}

.contact-form .item .ttl .note {
    font-size: 14px;
}

.comment {
    font-size: 12px;
}

.contact-form .md-btn {
    font-size: 20px;
    padding: 14px 20px;
    font-weight: 500;
    border: 1px solid #f69203;
    color: #fff;
    background-color: #f69203;
    border-radius: 50px;
    margin-top: 40px;
}

#contact-form-moto dd {
    margin: 0;
}

#contact-form-moto .wpcf7-list-item {
    margin-left: 0;
}

#contact-form-moto .note-name-represent {
    padding-left: 0;
}

.application-form .item {
    padding: 10px 0;
}

span.line {
    display: inline-block;
    margin: 5px 8px 0 5px;
}

.tel-split p {
    display: flex;
    align-items: baseline;
}

.tel-split .sep {
    display: inline-block;
    margin: 0 10px;
}

.tag_flex br {
    display: none;
}

.tag_flex p {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
/*     width: 72%; */
}
.tag_flex p select {
    max-width: 150px;
}
.tag_flex p input {
    margin-bottom: 0;
}

/* span.text_unit {
    position: relative;
    left: -21px;
} */

.application-form .form-month, .application-form .form-date {
    margin-left: 0;
}

.add-to-form.close{display:none;}

.radio_3 .wpcf7-list-item {
    display: block !important;
}