
/* --------------------------------------------------------------------------- */
/* Exam Setting */
/* --------------------------------------------------------------------------- */

.btn-type03{
	display: inline-block;
	width: 250px;
	padding: 13px 30px 12px 40px;
}
.btn-type03 span{
	display: inline-block;
	position: relative;
}
.btn-type03:before{
	content: none;
}
.btn-type03 span:before{
	content: "";
	display: block;
	width: 0;
    height: 0;
	margin: auto;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -15px;
	transition: border 0.3s;
}

.attention .column-4 figure{
	max-width: 86px;
	margin: 0 auto 20px;
}

.passport div{
	margin: 0 30px;
}
.passport div p{
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 700;
	color: #c71829;
}
.passport div p:last-of-type{
	margin: 0;
}

.prohibition .harf{
	margin: 0 0 20px;
}
.prohibition .column-3{
	margin: 0;
}

.box-id img {
	background-color: #eb1000;
	width: 28px;
	height: 28px;
	margin-right: 10px;
}

.attention-icon {
	width:60px;
}

.attention-item {
	line-height: 1.3;
}


/* --------------------------------------------------------------------------- */
/* Responsive Setting */
/* --------------------------------------------------------------------------- */

@media only, screen and (max-width: 820px) {
	
	.passport{
		display: block;
	}
	
}


@media only, screen and (max-width: 768px) {
	
	.btn-type03{
        display: inline-block;
        width: 100%;
    }
	
	.ttl-type08{
		margin: 0 0 15px;
	}
	
	.passport div{
        margin: 0;
    }
	
	.passport div p{
		margin: 0 0 10px 1em;
		font-size: 15px;
		text-indent: -1em;
	}
	
	.passport div p:last-of-type{
        margin: 0 0 0 1em;
    }
	
	.prohibition .column-3{
		margin: 0 0 20px;
	}
	.prohibition .column-3:last-of-type{
        margin: 0;
    }

	.attention .box-white-shadow {
		padding: 10px !important;
	}

	.attention .harf,
	.attention .column-3 {
		display: flex;
		margin-bottom: 0;
	}
	
	.attention .box-center {
		justify-content: left
	}
	
}/*max768*/

