@charset "utf-8";

/* bootstrap */
.row-ar {display: flex; flex-wrap: wrap;}
.column-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.column-10 {-ms-flex: 0 0 83.333334%; flex: 0 0 83.333334%; max-width: 83.333334%;}
.column-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.column-8 {-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.column-7 {-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.column-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.column-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.column-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.column-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.column-2 {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.column-1 {-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}

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

@media screen and (max-width: 767.98px) {
	.column-4 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.column-3 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}

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



/* ------------------------------------------------------------------------------------
 レイアウト
------------------------------------------------------------------------------------ */

/* pc sp 切り替え 表示・非表示 */
.desktop { display: block !important; }
.smartphone { display: none !important; }
 
.desktop-footer { display: block !important; }
.smartphone-footer { display: none !important; }
 
/* 大デバイス（デスクトップ, 992px 未満）
============================================== */
@media screen and (max-width: 991.98px) {
    .desktop-footer { display: none !important; }
    .smartphone-footer { display: block !important; }
} /* END */

/* 中デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
.gnav-item {
	display: block;
	width: 100%;
	border: none;
}
.gnav-item+ .gnav-item {
	border: none;
}
table th, table td {
	padding: .25rem !important;
}
table th:first-child {
	width: 25%;
}
	
	#sec2 .col-md-6, #sec2 .col-lg-4 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    .desktop { display: none !important; }
    .smartphone { display: block !important; }
} /* END */

/* 小デバイス（縦向きモバイル, 576px 未満）
============================================== */
@media screen and (max-width: 576.98px) {
	#sec2 .message {position: absolute; left: 0;}
	#sec2 .col-md-6, #sec2 .col-lg-4 {padding: 0 5px;}
} /* END */