/* =============================================
 default
============================================= */
body{
    padding-top:100px;
}

body .container{
    font-size: 0.8rem;
}

.pdf-link{
    padding: 3px;
}

.table > tbody > tr > td {
    vertical-align: middle;
}
.main-table
{
    width:1250px;
}

main{
    margin-bottom:150px;
}

form .row input{
    margin:3px;
}

/*====================================
Reset
====================================*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
html {
	width: 100%;
	/* font-size: 2.41546vw; */
	margin-top: 0 !important;
}
body {
	min-width: 320px;
	line-height: 1;
	color: #000;
	background-color: #fff;
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, sans-serif;
	font-size: 10px;
	font-weight: 300;
	overflow-x: hidden;
	word-break: break-all;
	padding-top: 4.8rem;
}

@media (min-width: 768px) {
	body{
		padding-top: 80px;
	}
}

/* =============================================
 common
============================================= */
.navbar {
	height: 5rem;
	background-color: #fff !important;
	border-bottom: 1px solid #DCDCDC;
}
.navbar .navbar-brand {
	color: #000 !important;
	font-size: .821rem;
	position: relative;
	display: flex;
	align-items: center;
}
.navbar .navbar-brand:after {
	content: "";
	width: 9px;
	height: 8px;
	background: url(/img/icon_window-b.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	right: -1em;
	transform: translateY(-50%);
}
.navbar .navbar-brand span {
	font-size: .812rem;
	color: #FFF;
	padding: 5px;
	background-color: #707070;
	border-radius: 5px;
	display: inline-block;
	margin-right: 0.5rem;
}
.navbar-toggler{
	padding: 0;
}
.navbar-toggler-icon {
	width: 3.125rem;
	height: 3.125rem;
}
button[aria-expanded="true"] .navbar-toggler-icon {
	background-image: url(img/btn_hbgr-close.png) !important;
}
button[aria-expanded="false"] .navbar-toggler-icon {
	background-image: url(/img/btn_hbgr.png) !important;
}
.navbar-dark .navbar-nav .nav-link{
	color: #000;
	font-size: .937rem;
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link{
	color: #FFF;
	background-color: #2D6BB2;
}
.navbar-collapse{
	justify-content: flex-end;
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover{
	background-color: #2D6BB2;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 85.5vw;
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 767px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.navbar-collapse {
		margin-top: 1.2rem;
	}
	.navbar-brand{
		margin-left: 1.25rem;
	}
	.navbar-toggler{
		margin-right: 0.625rem;
	}
	.navbar-collapse{
		background-color: #2D6BB2;
	}
	.navbar-dark .navbar-nav {
		padding: 1.25rem 0;
	}
	.navbar-dark .navbar-nav .nav-item {
		padding: .75rem 1rem;
	}
	.navbar-dark .navbar-nav .nav-link{
		color: #FFF !important;
		text-align: center;
	}
}
@media (min-width: 768px) {
	.navbar {
		height: 80px;
		padding: 0 20px;
	}
	.navbar .navbar-brand{
		font-size: .821rem;
	}
	.navbar-expand-md .navbar-nav{
		position: absolute;
		top: 0;
		right: 0;
	}
	.navbar-nav .nav-item {
		border-left: 1px solid #DCDCDC;
	}
	.navbar-dark .navbar-nav .nav-link {
		padding: 2.0625rem .5rem;
		font-size: .821rem;
	}
}
@media (min-width: 1200px){
	.navbar {
		padding: 0 50px;
	}
	.navbar .navbar-brand {
		font-size: .937rem;
	}
	.navbar .container-fluid{
		max-width: 1100px;
	}
	.navbar-dark .navbar-nav .nav-link {
		padding: 2.0625rem 1.5625rem;
		font-size: .937rem;
	}
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1200px;
	}
}

/* =============================================
 form
============================================= */
.form-control{
	min-height: 3.75rem;
	padding: .5rem 1.25rem .8rem;
	border-radius: 0;
	margin-bottom: 1.8rem;
	font-size: 0.937rem;
	border-color: #DCDCDC;
}
.form-check-input{
	width: 1.43rem;
	height: 1.43rem;
	margin-right: 0.5rem;
	margin-top: 0;
}
.form-check-input:checked{
	background-color: #2D6BB2;
	border-color: #2D6BB2;
}
.form-check-label{
	font-size: .812rem;
	color: #000;
	margin-top: 0.4em;
}
/* placeholder */
:placeholder-shown {
	color: #C5C5C5 !important;
}
::-webkit-input-placeholder {
	color: #C5C5C5 !important;
}
:-moz-placeholder {
	color: #C5C5C5 !important;
}
::-moz-placeholder {
	color: #C5C5C5 !important;
}
:-ms-input-placeholder {
	color: #C5C5C5 !important;
}
/* input */
form .row input{
	margin: 0;
}
/* btn */
.btn-primary{
	width: 17.5rem;
	margin: 0 auto;
	display: block;
	border-color: #2D6BB2;
	background-color: #2D6BB2;
	padding: 1rem 0;
	font-size: 1.12rem;
	border-radius: 10px;
	margin-top: 3.56rem;
}
.pdf-link .btn-primary{
	/* width: 6.875rem; */
	width: 100%;
	padding: 5px 1.5rem 5px 5px;
	font-size: .812rem;
	margin-top: 0;
	border-radius: 100px;
}
.pdf-link:not(:last-child) {
	margin-bottom: .625rem;
}

@media (min-width: 1200px) {
	.btn-primary:hover {
		background-color: rgb(25, 80, 143);
	}
}

/* =============================================
 top / login
============================================= */
.card{
	width: 22.12rem !important;
	margin: 0 auto !important;
	border: none;
	margin-top: 5.31rem !important;
}
.card-body{
	padding: 0;
}
.reset-btn p{
	text-align: center;
}
.reset-btn p a{
	display: inline-block;
	margin-top: 3.37rem;
	font-size: .937rem;
	color: #2D6BB2;
	text-decoration: none;
}
#loginCheckForm {
	position: relative;
}
#loginCheckForm::before {
	content: "";
	width: 18.625rem;
	height: 6.125rem;
	margin: 0 auto;
	margin-bottom: 4.68rem;
	display: block;
	background: url(img/login_img.png) no-repeat center / contain;
}

@media (min-width: 1200px) {
	.card{
		width: 400px !important;
		margin-top: 157px !important;
	}

	#loginCheckForm::before {
		width: 394px;
		height: 113px;
		margin-bottom: 95px;
	}
}

/* =============================================
 reset password
============================================= */
.headline_txt{
	margin-top: 5.625rem;
	margin-bottom: -1rem;
	text-align: center;
}
.headline_txt-big {
	font-size: 1.875rem;
	margin-bottom: 1.562rem;
}
.headline_txt-small {
	font-size: .937rem;
	line-height: 2.4;
}

@media (max-width: 1199px) {
	.reset .headline_txt-small br {
		display: none;
	}
}
@media (min-width: 1200px) {
	.headline_txt{
		margin-top: 216px;
		margin-bottom: -80px;
	}
}

/* =============================================
 reset password email
============================================= */
.reset_email_txt {
	font-size: .937rem;
	text-align: center;
	line-height: 2.4;
	margin-top: 10rem;
	margin-bottom: 3.25rem;
}
.reset_email_txt br:nth-child(2),
.reset_email_txt br:nth-child(3) {
	display: none;
}
.reset_email_btn {
	font-size: .937rem;
	text-align: center;
	color: #2D6BB2;
}
.reset_email_btn a{
	text-decoration: none;
}

@media (min-width: 768px) {
	.reset_email_txt {
		font-size: 18px;
		margin-top: 290px;
	}
	.reset_email_txt br:nth-child(2) {
		display: block;
	}
}
@media (min-width: 1000px) {
	.reset_email_txt {
		width: 854px;
		margin-left: auto;
		margin-right: auto;
	}
}


/* =============================================
 main-table headline
============================================= */
.row.row-cols-1.row-cols-sm-1.row-cols-md-2{
	margin-top: 5.5rem;
	margin-bottom: 6.125rem;
}
.row.row-cols-1.row-cols-sm-1.row-cols-md-2 .text-start {
	font-size: 1.875rem;
	margin-bottom: 0.75rem;
}
.row.row-cols-1.row-cols-sm-1.row-cols-md-2 .text-end {
	font-size: .937rem;
	line-height: 2.4;
}

@media (max-width: 767px) {
	.row.row-cols-1.row-cols-sm-1.row-cols-md-2 .col {
		text-align: center !important;
	}
}
@media (min-width: 768px) {
	.row.row-cols-1.row-cols-sm-1.row-cols-md-2 {
		margin-top: 58px !important;
		margin-bottom: 98px;
	}
	.row.row-cols-1.row-cols-sm-1.row-cols-md-2 .text-end {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}
	.row.row-cols-1.row-cols-sm-1.row-cols-md-2 .text-end .col {
		flex: none;
	}
}

/* =============================================
 main-table contents
============================================= */
#matterForm {
	position: relative;
}
#matterForm::before {
	content: "";
	width: 12.1875rem;
	height: 1.4375rem;
	background: url(img/status_img.png) no-repeat center / contain;
	position: absolute;
	top: -2.6875rem;
	left: 0;
}
.table-responsive{
	overflow-x: inherit;
}
.main-table{
	width: 1200px;
}
.main-table tr th{
	background-color: #7E7E7E;
	color: #FFF;
}

.row {
	--bs-gutter-x: 0;
}
.row>*{
	padding-right: 0;
	padding-left: 0;
}
.main-table tr th{
	height: 3.125rem;
}
.main-table tr th,
.main-table tr td{
	font-size: 0.8125rem;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #CFCFCF;
	padding: 0.5rem 0.375rem;
	position: relative;
}
.main-table tr td {
	background-color: #FFF;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}
.main-table tr.shinsei td {
	background-color: #E7F5F2;
}
.main-table tr.shuryo td {
	background-color: #EFEFEF;
}
.main-table tr.decided td {
	background-color: #E9F0F7;
}

.main-table tr th:nth-child(1),
.main-table tr td:nth-child(1) {
	width: 4.625rem;
}
.main-table tr th:nth-child(2),
.main-table tr td:nth-child(2) {
	width: 5.5rem;
}
.main-table tr th:nth-child(3),
.main-table tr td:nth-child(3) {
	width: 6.75rem;
}
.main-table tr th:nth-child(4),
.main-table tr td:nth-child(4) {
	width: 5.625rem;
}
.main-table tr th:nth-child(5),
.main-table tr td:nth-child(5) {
	width: 6.75rem;
}
.main-table tr th:nth-child(6),
.main-table tr td:nth-child(6) {
	width: 4.5625rem;
}
.main-table tr th:nth-child(7),
.main-table tr td:nth-child(7) {
	width: 4.5625rem;
}
.main-table tr th:nth-child(8),
.main-table tr td:nth-child(8) {
	width: 7.375rem;
}
.main-table tr th:nth-child(9),
.main-table tr td:nth-child(9) {
	width: 5.5rem;
}
.main-table tr th:nth-child(10),
.main-table tr td:nth-child(10) {
	width: 6.125rem;
}
.main-table tr th:nth-child(11),
.main-table tr td:nth-child(11) {
	width: 4.875rem;
}
.main-table tr th:nth-child(12),
.main-table tr td:nth-child(12) {
	width: 3.9375rem;
}
.main-table tr th:nth-child(13),
.main-table tr td:nth-child(13) {
	width: 8.125rem;
}
.main-table tr td:nth-child(1) span {
	display: block;
	font-size: .625rem;
	color: #FFF;
	text-align: center;
	padding: 3px 0;
	border-radius: 100px;
}
.main-table tr.shinsei td:nth-child(1) span {
	background-color: #46AF99;
}
.main-table tr.shinsei td:nth-child(1) a.cancel {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	bottom: 0;
	border-top: 1px solid #CFCFCF;
	background-color: #46AF99;
	font-size: .625rem;
	color: #FFF;
	padding: 0.375rem 0;
	text-decoration: none;
	transition: .3s;
}
.main-table tr.shinsei td:nth-child(1) a.cancel .cIcon{
	width: 0.5rem;
	height: 0.5rem;
	margin-left: 5px;
	position: relative;
}
.main-table tr.shinsei td:nth-child(1) a.cancel .cIcon::before,
.main-table tr.shinsei td:nth-child(1) a.cancel .cIcon::after {
	content: "";
	width: .65rem;
	height: 1px;
	background-color: #FFF;
	position: absolute;
	top: 50%;
	right: 0;
}
.main-table tr.shinsei td:nth-child(1) a.cancel .cIcon::before {
	transform: translateY(-50%) rotate(45deg);
}
.main-table tr.shinsei td:nth-child(1) a.cancel .cIcon::after {
	transform: translateY(-50%) rotate(-45deg);
}
.main-table tr.shuryo td:nth-child(1) span {
	background-color: #AAAAAA;
}
.main-table tr.decided td:nth-child(1) span {
	background-color: #2D6BB2;
}

.main-table tr td .matter{
	display: none;
}
.main-table tr td .check-btn{
	position: relative;
}
.main-table tr td .check-btn::before{
	content: "";
	width: 1.5rem;
	height: 1.5rem;
	border: 1px solid #C9C9C9;
	border-radius: 3px;
	display: block;
	transition: .3s;
	box-sizing: border-box;
	margin: 0 auto;
	cursor: pointer;
}
.main-table tr td .check-btn::after {
	content: "";
	width: .821rem;
	height: .5rem;
	border-left: 2px solid #C9C9C9;
	border-bottom: 2px solid #C9C9C9;
	position: absolute;
	left: 50%;
	top: 6px;
	transform: translateX(-50%) rotate(-45deg);
}
.main-table tr td input[type="checkbox"]:checked+.check-btn::before {
	background-color: #2D6BB2;
	border-color: #2D6BB2;
}
.main-table tr td input[type="checkbox"]:checked+.check-btn::after {
	border-color: #FFF;
}
.main-table tr td .matter-check-area span {
	display: block;
}

.main-table tr td:nth-child(13) .pdf-link {
	padding: 0 5px;
}
.main-table tr td:nth-child(13) .pdf-link a {
	position: relative;
}
.main-table tr.shuryo td:nth-child(13) .pdf-link a {
	background-color: #D5D5D5;
	border-color: #D5D5D5;
	pointer-events: none;
}
.main-table tr td:nth-child(13) .pdf-link a::before {
	content: "";
	width: 9px;
	height: 8px;
	background: url(img/icon_window-w.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
}
/* order nav */
#confirmOrderArea .nav{
	background-color: #CB2C2C;
	padding: 1.25rem;
}
#confirmOrderArea .nav .nav-item {
	position: relative;
	gap: 0 !important;
}
#confirmOrderArea .nav .nav-item::before {
	content: "";
	width: 1.3125rem;
	height: 1.5625rem;
	background: url(img/icon_matter.png) no-repeat center / contain;
	display: block;
	position: absolute;
	top: 50%;
	left: -1.6rem;
	transform: translateY(-50%);
}
#confirmOrderArea .nav .nav-item::after {
	content: "";
	width: .7rem;
	height: .7rem;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	position: absolute;
	right: -1.25rem;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}
#confirmOrderArea .nav .nav-item .btn {
	padding: 0;
	font-size: 1.125rem;
	color: #FFF;
}

@media (max-width: 1199px) {
	.table-responsive{
		width: 92.5vw;
		overflow-x: auto;
	}
}
@media (min-width: 768px) {
	.main-table tr.shinsei td:nth-child(1) a.cancel:hover {
		opacity: .7;
	}
}

/* =============================================
 history
============================================= */
.history_head{
	align-items: center;
	margin-bottom: 1.875rem;
}
.history_head label {
	font-size: 1.125rem;
	display: flex;
	align-items: center;
}
.history_head label span {
	width: 1.5rem;
	height: 1.5rem;
	display: block;
	background: url(img/icon_seach.png) no-repeat center / contain;
	margin-right: .625rem;
}
.history_head .col-sm-3 {
	margin: 1.5625rem 0 1.875rem;
}
.history_head .form-control {
	height: 3.125rem;
}
.history_head .col-sm-7 {
	display: flex;
	align-items: center;
}
.history_head .btn {
	width: 7.5rem;
	height: 3.125rem;
}
.history_head .btn-primary {
	padding: 0;
}
.history_head .btn-reset {
	border: 1px solid #19508f;
	margin-left: 0.821rem;
	display: block;
	background-color: #FFF;
	font-size: 1.12rem;
	color: #19508f;
	border-radius: 10px;
	padding: .6rem 0;
}
/* table */
.main-table.history tr th:nth-child(1),
.main-table.history tr td:nth-child(1) {
	width: 6.7rem;
}
.main-table.history tr th:nth-child(2),
.main-table.history tr td:nth-child(2) {
	width: 5.5rem;
}
.main-table.history tr th:nth-child(3),
.main-table.history tr td:nth-child(3) {
	width: 6.75rem;
}
.main-table.history tr th:nth-child(4),
.main-table.history tr td:nth-child(4) {
	width: 6.75rem;
}
.main-table.history tr th:nth-child(5),
.main-table.history tr td:nth-child(5) {
	width: 4.5625rem;
}
.main-table.history tr th:nth-child(6),
.main-table.history tr td:nth-child(6) {
	width: 4.25rem;
}
.main-table.history tr th:nth-child(7),
.main-table.history tr td:nth-child(7) {
	width: 7.375rem;
}
.main-table.history tr th:nth-child(8),
.main-table.history tr td:nth-child(8) {
	width: 5.5rem;
}
.main-table.history tr th:nth-child(9),
.main-table.history tr td:nth-child(9) {
	width: 6.125rem;
}
.main-table.history tr th:nth-child(10),
.main-table.history tr td:nth-child(10) {
	width: 4.1rem;
}
.main-table.history tr th:nth-child(11),
.main-table.history tr td:nth-child(11) {
	width: 3.3125rem;
}
.main-table.history tr th:nth-child(12),
.main-table.history tr td:nth-child(12) {
	width: 8.0625rem;
}
.main-table.history tr th:nth-child(13),
.main-table.history tr td:nth-child(13) {
	width: 5.625rem;
}
.main-table.history tr td:nth-child(1) {
	background-color: #CB2C2C;
	color: #FFF;
}
.main-table.history tr td:nth-child(12) .pdf-link {
	padding: 0 5px;
}
.main-table.history tr td:nth-child(12) .pdf-link a {
	position: relative;
}
.main-table.history tr td:nth-child(12) .pdf-link a::before {
	content: "";
	width: 9px;
	height: 8px;
	background: url(img/icon_window-w.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
}
.main-table tr th.delete-col,
.main-table tr td.delete-col {
	background-color: transparent;
	border: none;
}
.main-table tr td.delete-col .btn-secondary {
	width: 2.5625rem;
	height: 2.5625rem;
	background: url(img/btn_uncheck.png) no-repeat center / contain;
	border: none;
	transition: .3s;
	color: transparent;
}
/* bottom nav */
#totalPrice{
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: baseline;
	border-top: 1px solid #CFCFCF;
	background-color: #FFF;
	padding: 0.9375rem 0;
	margin-bottom: -1rem;
	font-size: 1.125rem;
	color: #CB2C2C;
}
#totalPrice .price_icon {
	width: 1.1875rem;
	height: 1.5rem;
	background: url(img/icon_price.png) no-repeat center / contain;
	margin-right: .625rem;
	margin-top: 0.5rem;
	display: block;
}
#totalPrice .price_txt {
	font-size: 2.125rem;
	margin-left: .625rem;
}
#submitOrderArea {
	margin-top: -5.21rem;
}
#submitOrderArea .nav .nav-item  {
	text-align: center;
}
#submitOrderArea .nav .nav-item .btn_txt {
	font-size: .937rem;
	display: inline-block;
	margin-bottom: 0.821rem;
	position: relative;
}
#submitOrderArea .nav .nav-item:nth-child(1) .btn_txt {
	color: #505050;
}
#submitOrderArea .nav .nav-item:nth-child(2) .btn_txt {
	color: #CB2C2C;
}
#submitOrderArea .nav .nav-item .btn_txt::before,
#submitOrderArea .nav .nav-item .btn_txt::after {
	content: "";
	width: 1px;
	height: .821rem;
	position: absolute;
	top: 2px;
	display: block;
}
#submitOrderArea .nav .nav-item .btn_txt::before {
	left: -1em;
	transform: rotate(-30deg);
}
#submitOrderArea .nav .nav-item .btn_txt::after {
	right: -1em;
	transform: rotate(30deg);
}
#submitOrderArea .nav .nav-item:nth-child(1) .btn_txt::before,
#submitOrderArea .nav .nav-item:nth-child(1) .btn_txt::after {
	background-color: #505050;
}
#submitOrderArea .nav .nav-item:nth-child(2) .btn_txt::before,
#submitOrderArea .nav .nav-item:nth-child(2) .btn_txt::after {
	background-color: #CB2C2C;
}

#submitOrderArea .nav .nav-item .btn {
	width: 18.75rem;
	height: 4.375rem;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3.125rem;
	position: relative;
	padding-left: 2.0625rem;
}
#submitOrderArea .nav .nav-item:nth-child(1) .btn {
	background-color: #505050;
}
#submitOrderArea .nav .nav-item:nth-child(2) .btn {
	background-color: #CB2C2C;
}
#submitOrderArea .nav .nav-item .btn::before {
	content: "";
	width: .7rem;
	height: .7rem;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	position: absolute;
	right: 1.25rem;
	top: 50%;
}
#submitOrderArea .nav .nav-item:nth-child(1) .btn::before {
	left: 1.25rem;
	transform: translateY(-50%) rotate(45deg) scale(-1, -1);
}
#submitOrderArea .nav .nav-item:nth-child(2) .btn::before {
	right: 1.25rem;
	transform: translateY(-50%) rotate(45deg);
}
#submitOrderArea .nav .nav-item .btn_icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 4.5rem;
	transform: translateY(-50%);
}
#submitOrderArea .nav .nav-item:nth-child(1) .btn_icon {
	width: 1.3125rem;
	height: 1.5625rem;
	background: url(img/icon_matter.png) no-repeat center / contain;
}
#submitOrderArea .nav .nav-item:nth-child(2) .btn_icon {
	width: 1.5625rem;
	height: 1.125rem;
	background: url(img/icon_mail.png) no-repeat center / contain;
}

@media (min-width: 768px) {
	.history_head .btn-reset {
		transition: .3s;
	}
	.history_head .btn-reset:hover {
		opacity: .7;
	}
	.main-table tr td.delete-col .btn-secondary:hover {
		opacity: .7;
	}
}
@media (min-width: 1200px) {
	.history_head label{
		width: auto;
	}
	.history_head .col-sm-3 {
		margin: 0 20px 0 18px;
	}
	.history_head .col-sm-7 {
		width: auto;
	}
	/* btn */
	#submitOrderArea .nav .nav-item:nth-child(2) {
		margin-left: 70px;
	}
}

/* =============================================
 gray block (customer & company)
============================================= */
.gray_block{
	padding: 4.5625rem 1.875rem 6.25rem;
	background-color: #F2F2F2;
}
.block_ttl{
	font-size: 1.5rem;
	text-align: center;
	margin-bottom: 2.218rem;
	padding-bottom: 0.9375rem;
	position: relative;
}
.block_ttl::before {
	content: "";
	width: 1.875rem;
	height: 2px;
	background-color: #000;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.block_txt {
	font-size: .8125rem;
	line-height: 2.3;
	margin-bottom: 1rem;
}
/* form */
.col-form-label{
	background-color: #B2B2B2;
	font-size: 0.9375rem;
	color: #FFF;
	padding: 1.5rem 1.25rem;
	margin-bottom: 5px;
}
.gray_block .col-sm-10 {
	/* padding: 1.5rem 1.25rem; */
	margin-bottom: 0.625rem;
}
.gray_block .form-control{
	border: none;
	padding: 1.5rem 1.25rem;
}
#customerForm {
	position: relative;
}
#customer_isRequiedMailInfo{
	display: flex;
	align-items: center;
	padding: 1.5rem 1.25rem;
	background-color: #FFF;
}
#customer_isRequiedMailInfo .form-check {
	min-height: auto;
	margin-right: 1.6875rem;
}
#customer_isRequiedMailInfo .form-check-input{
	width: 1rem;
	height: 1rem;
	margin-right: 5px;
}
#customer_isRequiedMailInfo .form-check-input[type=radio] {
	background-image: url(img/check-btn_off.png);
}
#customer_isRequiedMailInfo .form-check-input:checked[type=radio] {
	background-image: url(img/check-btn_on.png);
}
#customer_isRequiedMailInfo .form-check-label {
	margin-top: 0;
}
#customer_email_help{
	position: absolute;
	left: 0;
	bottom: 6.5rem;
	font-size: .8125rem;
	line-height: 2.3;
	color: #000 !important;
}
#customer_email_help::before {
	content: "※";
}
/* btn */
.customer_btn_wrap{
	position: relative;
	margin-top: 9.125rem;
}
.customer_btn_wrap::before {
	content: "";
	width: 1.375rem;
	height: 1.5625rem;
	background: url(img/icon_change.png) no-repeat center / contain;
	position: absolute;
	left: 3.1875rem;
	top: 50%;
	transform: translateY(-50%);
}
.customer_btn_wrap::after {
	content: "";
	width: .7rem;
	height: .7rem;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	position: absolute;
	right: 1.25rem;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}
.customer_btn_wrap .btn {
	width: 100%;
	border-radius: 100px;
	background-color: #2D6BB2;
	font-size: 1.125rem;
	padding-left: 1.875rem;
}

@media (max-width: 1199px) {
	.gray_block .col-form-label br {
		display: none;
	}
}
@media (min-width: 1200px) {
	.gray_block{
		width: 900px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 72px 60px 100px;
	}
	/* form */
	.col-form-label{
		width: 160px;
		height: 70px;
		margin-right: 5px;
		padding: 0;
		display: flex;
		align-items: center;
		padding-left: 20px;
	}
	.gray_block .col-sm-10 {
		width: 615px;
	}
	#customer_isRequiedMailInfo{
		margin-bottom: 0;
	}
	#customer_email_help {
		bottom: 110px;
	}
	/* btn */
	.customer_btn_wrap {
		width: 340px;
		margin: 0 auto;
		margin-top: 80px;
		flex: inherit;
	}
	.customer_btn_wrap .btn {
		transition: .3s;
	}
	.customer_btn_wrap .btn:hover {
		background-color: #19508f;
	}
}

/* ============================================
 company
============================================= */
.company_block{
	margin-bottom: 5rem;
}
.company_table .tr {
	border: 1px solid #DCDCDC;
	padding: 1.875rem;
}
.company_table .tr:not(:first-child) {
	margin-top: -1px;
}
.company_table .tr .th,
.company_table .tr .td{
	font-size: .937rem;
	line-height: 1.7;
}
.company_table .tr .th{
	padding-bottom: 1rem;
	border-bottom: 1px solid #DCDCDC;
	margin-bottom: 1rem;
}
/* form */
#inquiry-form .table tr th{
	background-color: #B2B2B2;
	font-size: 0.9375rem;
	font-weight: 400;
	color: #FFF;
	padding: 1.5rem 1.25rem;
	margin-bottom: 5px;
}
#inquiry-form .table tr td{
	margin-bottom: .625rem;
	background-color: #FFF;
	padding: .937rem;
	border-bottom: none;
}
#inquiry-form .table tr td input,
#inquiry-form .table tr td textarea {
	min-height: 2.5rem;
	padding:.5rem 1.25rem;
	border: 1px solid #DCDCDC;
	margin-bottom: 0;
}
#inquiry-form .table tr td p:not(:last-child){
	margin-bottom: 1.25rem;
}
#inquiry-form .table tr td .address01{
	display: flex;
	align-items: center;
}
#inquiry-form .table tr td p span {
	font-size: .937rem;
	display: block;
	margin-right: 5px;
}
#inquiry-form .table tr td p:not(.address01) span {
	margin-bottom: 6px;
}
#inquiry-form .table tr td .address01 input {
	width: 6.625rem;
}
/* modal form */
#inquiry_body .table tr th{
	background-color: #B2B2B2;
	font-size: 0.9375rem;
	font-weight: 400;
	color: #FFF;
	padding: 1.5rem 1.25rem;
	margin-bottom: 5px;
}
#inquiry_body .table tr td{
	margin-bottom: .625rem;
	background-color: #FFF;
	padding: .937rem;
	border-bottom: none;
	text-align: left;
}
#inquiry_body .table tr td input,
#inquiry_body .table tr td textarea {
	min-height: 2.5rem;
	padding:.5rem 1.25rem;
	border: 1px solid #DCDCDC;
	margin-bottom: 0;
}
#inquiry_body .table tr td p:not(:last-child){
	margin-bottom: 1.25rem;
}
#inquiry_body .table tr td .address01{
	display: flex;
	align-items: center;
}
#inquiry_body .table tr td p span {
	font-size: .937rem;
	display: block;
	margin-right: 5px;
}
#inquiry_body .table tr td p:not(.address01) span {
	margin-bottom: 6px;
}
#inquiry_body .table tr td .address01 input {
	width: 6.625rem;
}
/* btn */
.company_btn_wrap{
	position: relative;
	margin-top: 3.125rem;
}
.company_btn_wrap .btn-primary {
	width: 100%;
	border-radius: 100px;
	background-color: #2D6BB2;
	font-size: 1.125rem;
	padding-left: 2.0625rem;
	position: relative;
}
.company_btn_wrap .btn-primary::before {
	content: "";
	width: 1.5625rem;
	height: 1.125rem;
	background: url(img/icon_mail.png) no-repeat center / contain;
	position: absolute;
	left: 5.9375rem;
	top: 50%;
	transform: translateY(-50%);
}
.company_btn_wrap .btn-primary::after {
	content: "";
	width: .7rem;
	height: .7rem;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	position: absolute;
	right: 1.25rem;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}
.modal-footer{
	display: block;
	border-top: none;
}

@media (max-width: 1199px) {
	#inquiry-form .table tr th,
	#inquiry-form .table tr td,
	#inquiry_body .table tr th,
	#inquiry_body .table tr td{
		display: block;
		text-align: left;
	}
}
@media (min-width: 1200px) {
	.modal-dialog{
		max-width: 900px;
	}

	.company_block{
		width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	.company_table .tr {
		display: flex;
		align-items: center;
		padding: 20px 30px;
	}
	.company_table .tr .th{
		width: 105px;
		padding-bottom: 0;
		border-bottom: none;
		margin-bottom: 0;
	}
	.company_block .company_table .tr .td {
		border-left: 1px solid #DCDCDC;
		padding: 5px 30px;
	}
	.company_block .company_table .tr .td br:not(.br_true) {
		display: none;
	}
	/* form */
	#inquiry-form .table tr th,
	#inquiry-form .table tr td{
		margin-bottom: 0;
		border-bottom: 10px solid #F2F2F2;
		vertical-align: middle;
	}
	#inquiry-form .table tr th{
		width: 160px;
		border-right: 5px solid #F2F2F2;
	}
	#inquiry-form .table tr td p {
		display: flex;
		align-items: center;
	}
	#inquiry-form .table tr td p span {
		margin-right: 7px;
	}
	#inquiry-form .table tr td p:not(.address01) span {
		width: 105px;
		text-align: right;
		margin-bottom: 0;
	}
	#inquiry-form .table tr td .address01 input {
		width: 150px;
	}
	#inquiry-form .table tr td p:not(.address01) input {
		width: 473px;
	}
	#inquiry-form .table tr td textarea {
		min-height: 220px;
	}
	/* modal form */
	#inquiry_body .table tr th,
	#inquiry_body .table tr td{
		margin-bottom: 0;
		border-bottom: 10px solid #FFF;
		vertical-align: middle;
	}
	#inquiry_body .table tr th{
		width: 160px;
		border-right: 5px solid #FFF;
	}
	#inquiry_body .table tr td p {
		display: flex;
		align-items: center;
	}
	#inquiry_body .table tr td p span {
		margin-right: 7px;
	}
	#inquiry_body .table tr td p:not(.address01) span {
		width: 105px;
		text-align: right;
		margin-bottom: 0;
	}
	#inquiry_body .table tr td .address01 input {
		width: 150px;
	}
	#inquiry_body .table tr td p:not(.address01) input {
		width: 473px;
	}
	#inquiry_body .table tr td textarea {
		min-height: 220px;
	}
	/* btn */
	.company_btn_wrap .btn-primary {
		width: 340px;
		margin-left: auto;
		margin-right: auto;
	}
	.company_btn_wrap .btn-primary {
		transition: .3s;
	}
	.company_btn_wrap .btn-primary:hover {
		background-color: #19508f;
	}
}

/* =============================================
 order success
============================================= */
.order_success_txt{
	font-size: 0.937rem;
	line-height: 2.4;
}
.order_success_txt p{
	margin-bottom: 2em;
}

@media (max-width: 1199px) {
	.order_success_txt p br:not(.br_true) {
		display: none;
	}
}