@charset "UTF-8";

.row-cols-1 .point_list{
	display: flex;
	justify-content: center;
	margin-top: 30px;
	@media only screen and (max-width: 767px) {
		margin-top: 25px;
	}
	li{
		width: 33.33%;
		max-width: 280px;
		padding: 0 20px;
		@media only screen and (max-width: 768px) {
			padding: 0 10px;
		}
		@media only screen and (max-width: 576px) {
			padding: 0 3px;
		}
		.txt_box{
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			line-height: 1.3;
			font-size: 2.8rem;
			color: #fff;
			font-weight: 700;
			padding: 50px 15px;
			height: 100%;
			background-image: linear-gradient(135deg, rgba(33, 92, 187, 1), rgba(22, 121, 204, 1) 49%, rgba(15, 99, 189, 1) 50%, rgba(7, 121, 204, 1));
			position: relative;
			@media only screen and (max-width: 767px) {
				padding-top: 30px;
				padding-bottom: 30px;
				font-size: 2.2rem;
			}
			@media only screen and (max-width: 576px) {
				font-size: 1.8rem;
				padding: 20px 10px;
			}
		}
		.txt_box:before{
			content: "";
			display: block;
			border: 1px solid #0137a2;
			position: absolute;
			left: 10px;
			top: 10px;
			right: 10px;
			bottom: 10px;
			@media only screen and (max-width: 576px) {
				left: 5px;
				top: 5px;
				right: 5px;
				bottom: 5px;
			}
		}
		.big{
			font-size: 5.2rem;
			@media only screen and (max-width: 767px) {
				font-size: 3.8rem;
			}
			@media only screen and (max-width: 576px) {
				font-size: 3rem;
			}
		}
		p{
			margin-bottom: 0;
			max-width: 3em;
		}
	}
	li:nth-of-type(1){
		p{
			max-width: inherit;
		}
	}
	img{
		width: 100%;
		height: auto;
	}
}

.vi_table01 td{
	padding-left: 15px;
	padding-right: 15px;
	white-space: nowrap;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■英語調整
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.lang_other{
	.row-cols-1 .point_list li{
		@media only screen and (min-width: 768px) {
			padding: 0 15px;
		}
		@media only screen and (max-width: 767px) {
			.txt_box{
				font-size: 1.6rem;
			}
		}
		@media only screen and (max-width: 350px) {
			.txt_box{
				font-size: 1.4rem;
			}
		}
		p{
			max-width: inherit;
		}
	}
}