/*==========================================================================

   mixin

===========================================================================*/
/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/
.mode-pc .g-header .gnav__item--03 a:after {
	width: 100%;
}

/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
.sec-nav {
	margin-top: 100px;
}

@media only screen and (max-width: 767px) {
	.sec-nav {
		margin-top: 50px;
	}
}

/*--------------------------------------------------------------------------
   sec-surgery
---------------------------------------------------------------------------*/
.sec-surgery {
	margin-top: 50px;
}

@media only screen and (max-width: 767px) {
	.sec-surgery {
		margin-top: 30px;
	}
}

.sec-surgery__hdg {
	text-align: center;
	font-size: 16px;
}

@media only screen and (max-width: 767px) {
	.sec-surgery__hdg {
		font-size: 13px;
	}
}

.sec-surgery .c-white-box {
	margin-top: 40px;
	padding: 70px 100px;
}

@media only screen and (max-width: 767px) {
	.sec-surgery .c-white-box {
		margin-top: 20px;
		padding: 30px 20px;
	}
}

.sec-surgery .m-flow__period {
	margin-top: 40px;
}

@media only screen and (max-width: 767px) {
	.sec-surgery .m-flow__period {
		margin-top: 30px;
	}
}

.sec-surgery .m-flow__period .txt {
	width: 500px;
	padding: 10px 0;
	font-size: 12px;
}

@media only screen and (max-width: 767px) {
	.sec-surgery .m-flow__period .txt {
		width: auto;
		padding: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.sec-surgery .m-flow__flow {
		width: auto;
	}
}