.sup {
		font-size: 85%;
		position: relative;
		top: -0.3em;
		background-color: transparent !important;
}

.p-surala {
		padding: 60px 0 105px;
}
@media screen and (max-width: 767px) {
		.p-surala {
				padding: 8vw 0 9vw;
		}
}
.p-surala-ttl01 {
		text-align: center;
		font-size: 3rem;
		line-height: 1.4;
		font-weight: bold;
}
@media screen and (max-width: 767px) {
		.p-surala-ttl01 {
				font-size: 3.6rem;
				line-height: 1.6;
		}
}
.p-surala-ttl01 span {
		color: #ffffff;
		background-color: #81bf00;
		padding: 0 0.5em;
}
.p-surala-maintxt {
		text-align: center;
		margin-top: 25px;
}
@media screen and (max-width: 767px) {
		.p-surala-maintxt {
				margin-top: 4vw;
				text-align: left;
		}
}
.p-surala-ttl02 {
		background-color: #81bf00;
		margin: 55px 0 0;
		padding: 18px 0 25px;
}
@media screen and (max-width: 767px) {
		.p-surala-ttl02 {
				margin: 6.6vw 0 0;
				padding: 4vw 0 4vw;
		}
}
.p-surala-ttl02-txt {
		color: #ffffff;
		font-size: 3.4rem;
		font-weight: bold;
		text-align: center;
		line-height: 1.4;
}
@media screen and (max-width: 767px) {
		.p-surala-ttl02-txt {
				font-size: 3.2rem;
		}
}
.p-surala-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
		.p-surala-box {
				display: block;
		}
}
.p-surala-box-cnt {
		width: 405px;
		max-width: 100%;
}
@media screen and (max-width: 767px) {
		.p-surala-box-cnt {
				width: 100%;
				margin-bottom: 4vw;
		}
}
.p-surala-box-cnt .sup {
		font-size: 70%;
}
.p-surala-box-img {
		width: 550px;
		max-width: 100%;
}
.p-surala-box-img img {
		width: 100%;
}
@media screen and (max-width: 767px) {
		.p-surala-box-img {
				width: 100%;
		}
}
.p-surala-ttl03 {
		font-weight: bold;
		font-size: 3rem;
		line-height: 1.4;
		margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
		.p-surala-ttl03 {
				font-size: 3.5rem;
				margin-bottom: 4vw;
		}
}
.p-surala-txt {
		line-height: 1.8;
}
.p-surala-txt span {
		font-size: 1.1rem;
		line-height: 1.6;
		display: inline-block;
}
@media screen and (max-width: 767px) {
		.p-surala-txt span {
				font-size: 2.2rem;
		}
}
.p-surala-sec01 {
		padding-bottom: 150px;
		padding-top: 55px;
		position: relative;
		background-image: url("../img/service_surala/bg01.png");
		background-repeat: no-repeat;
		background-position: right top;
		background-size: 60% 520px;
}
@media screen and (max-width: 767px) {
		.p-surala-sec01 {
				padding-bottom: 15vw;
				padding-top: 6.6vw;
				background-size: 100%;
		}
}
.p-surala-sec01-txt {
		font-size: 14rem;
		text-align: center;
		color: #f8f8f8;
		font-weight: bold;
		font-family: "Roboto", sans-serif;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		bottom: -22px;
		line-height: 1;
}
@media screen and (max-width: 767px) {
		.p-surala-sec01-txt {
				bottom: -4vw;
				width: 100%;
		}
}
.p-surala-service-list .inner {
		padding: 0 40px;
}
@media screen and (max-width: 767px) {
		.p-surala-service-list .inner {
				padding: 0;
		}
}
.p-surala .c-service-list {
		margin-top: 65px;
}
@media screen and (max-width: 767px) {
		.p-surala .c-service-list {
				margin-top: 10vw;
		}
}
@media screen and (min-width: 768px) {
		.p-surala .c-service-list .c-service-list-item {
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
		.p-surala .c-service-list .c-service-list-item-img {
				margin-top: 0;
		}
		.p-surala .c-service-list .c-service-list-item-cnt {
				margin-bottom: 15px;
		}
}
.p-surala .c-service-exam {
		margin-top: 90px;
}
@media screen and (max-width: 767px) {
		.p-surala .c-service-exam {
				margin-top: 10vw;
		}
}
.p-surala .f-btn {
		margin: 40px auto auto;
		width: 300px;
		height: 60px;
}
@media screen and (max-width: 767px) {
		.p-surala .f-btn {
				width: 80%;
				height: 60px;
				margin-top: 35px;
		}
}
.p-surala .f-btn-link {
		cursor: pointer;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		margin-top: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		height: 100%;
		border-radius: 30px;
		font-size: 1.8rem;
		font-weight: bold;
		background-color: #81bf00;
		color: #fff;
		transition: 0.3s;
}
@media screen and (max-width: 767px) {
		.p-surala .f-btn-link {
				font-size: 3rem;
		}
}

.p-surala-more {
		background-color: #f8f8f8;
		padding: 90px 0 80px;
}
@media screen and (max-width: 767px) {
		.p-surala-more {
				padding: 12vw 0 12vw;
		}
}
.p-surala-more .news_box_wrap {
		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;
}
.p-surala-more .news_box_wrap + .news_box_wrap {
		margin-top: 80px;
}
@media screen and (max-width: 767px) {
		.p-surala-more .news_box_wrap + .news_box_wrap {
				margin-top: 10vw;
		}
}
.p-surala-more .news_box_wrap + .news_box_wrap .news_box:last-of-type .p-surala-more-tag {
		width: 285px;
		font-size: 2rem;
}
@media screen and (max-width: 767px) {
		.p-surala-more .news_box_wrap + .news_box_wrap .news_box:last-of-type .p-surala-more-tag {
				width: 90%;
				font-size: 3rem;
		}
}
.p-surala-more .news_box_wrap .news_box {
		width: 31%;
		position: relative;
}
.p-surala-more .news_box_wrap .news_box + .news_box:not(:nth-child(3n+1)) {
		margin-left: 3.5%;
}
.p-surala-more .news_box_wrap .news_box a {
		position: relative;
		display: block;
		width: 100%;
		background: #fff;
		border-radius: 5px;
		overflow: hidden;
		height: 100%;
}
.p-surala-more .news_box_wrap .news_box a::after {
		position: absolute;
		z-index: 2;
		bottom: 0;
		right: 0;
		margin: auto;
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 30px solid transparent;
		border-right: 30px solid #81bf00;
}
.p-surala-more .news_box_wrap .news_box .img {
		width: 100%;
}
.p-surala-more .news_box_wrap .news_box .img img {
		width: 100%;
}
.p-surala-more .news_box_wrap .news_box .txt_box {
		padding: 15px 30px 20px;
}
.p-surala-more .news_box_wrap .news_box .txt_box .ttl {
		font-size: 1.6rem;
		word-break: break-all;
		text-align: center;
		line-height: 1.5;
}
.p-surala-more .news_box_wrap .news_box .txt_box .ttl span {
		font-weight: bold;
}
.p-surala-more .news_box_wrap .news_box .txt_box .more_link {
		color: #81bf00;
		text-align: center;
		font-weight: bold;
		font-size: 1.6rem;
		margin-top: 10px;
}
@media screen and (max-width: 767px) {
		.p-surala-more .news_box_wrap .news_box .txt_box .more_link {
				font-size: 3rem;
		}
}
.p-surala-more .news_box_wrap .news_box .txt_box .more_link span {
		position: relative;
		display: inline-block;
		padding: 0 1em 12px;
}
@media screen and (max-width: 767px) {
		.p-surala-more .news_box_wrap .news_box .txt_box .more_link span {
				padding-bottom: 0.5em;
		}
}
.p-surala-more .news_box_wrap .news_box .txt_box .more_link span::after, .p-surala-more .news_box_wrap .news_box .txt_box .more_link span::before {
		content: "";
		background-color: #81bf00;
		height: 1px;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
}
.p-surala-more .news_box_wrap .news_box .txt_box .more_link span::after {
		width: 100%;
}
.p-surala-more .news_box_wrap .news_box .txt_box .more_link span::before {
		width: 8px;
		left: auto;
		right: 0;
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
		bottom: 3px;
}
.p-surala-more-tag {
		color: #ffffff;
		background-color: #81bf00;
		font-size: 2.2rem;
		font-weight: bold;
		min-width: 205px;
		padding: 0 0;
		height: 36px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: auto;
		position: absolute;
		top: -18px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
		.p-surala-more .news_box_wrap .news_box {
				width: 100%;
		}
		.p-surala-more .news_box_wrap .news_box + .news_box:not(:nth-child(3n+1)) {
				margin-top: 10vw;
				margin-left: 0;
		}
		.p-surala-more .news_box_wrap .news_box a::after {
				border-top-width: 8vw;
				border-right-width: 8vw;
		}
		.p-surala-more .news_box_wrap .news_box .txt_box {
				padding: 3vw 4vw 6vw;
		}
		.p-surala-more .news_box_wrap .news_box .txt_box .date,
.p-surala-more .news_box_wrap .news_box .txt_box .ttl {
				font-size: 3rem;
		}
		.p-surala-more .news_box_wrap .news_box .txt_box .date {
				margin-bottom: 2vw;
		}
}
/*# sourceMappingURL=surala.css.map */