@media print, screen and (min-width: 767.5px) {


	#online_seminar_index .ttl01 {
		margin-top: 140px;
		background-image: url(/common/img/solution/bg_ttl01.png);
		flex-direction: column;
		font-weight: normal;
		height: 260px;
		position: relative;
		top: 0;
	}
	#online_seminar_index .ttl01 .ttl01__catch02 {
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
    transform: translate(-50%, -50%);
	}
	.lnav-step__item {
		height: 40px;
	}
	.online-ttl02 {
		color: #272727;
    margin: 0 0 30px;
    padding: 0 0 16px;
    border-bottom: 3px solid #006f46;
		font-size: 2.6rem;
    font-weight: 500;
		line-height: 1.6;
	}
	.online-ttl03 {
		color: #006f46;
		margin: 0 0 30px;
		padding: 0 0 8px 12px;
		border-bottom: 2px solid #006f46;
		border-left: 4px solid #006f46;
		font-size: 2.4rem;
		font-weight: 500;
		line-height: 1.4;
	}
	.online-ttl04 {
		margin: 0 0 15px;
		padding: 0 0 5px;
		border-bottom: 1px solid #006f46;
		color: #272727;
		font-size: 2rem;
		font-weight: bold;
		line-height: 1.4;
	}
	#online_seminar_index .online-ttl01 {
		background-image: url(/common/img/form/bg_ttl02.png);
		top: 74px;
	}
	#online_seminar_index .online-contents {
		margin: 74px auto 0;
	}
	.online-btn02 {
		min-width: 280px;
	}
	.online-list {
		padding: 60px 40px;
		background: #fff;
	}
	.online-list .online-list-box {
		margin-bottom: 40px;
	}
	.online-list .online-list-box:nth-last-child(1) {
		margin-bottom: 0;
	}
	.online-list.online-list-box ul li {
		margin-bottom: 0;
	}
	.online-list .online-list-box .online-left {
		width: 75%;
	}
	.online-list .online-list-box .online-right {
		width: 88px;
		margin-left: 10px;
	}
	.online-list .online-list-box .online-right img {
		max-width: 88px;
		height: auto;
		margin-bottom: 10px;
	}
	.online-list .online-list-box .online-right img:nth-last-child(1) {
		margin-bottom: 0;
	}
	.online-link2f {
		display: flex;
	}
	.online-link2f .online-link2f-list {
		width: 50%;
		margin-left: 20px;
	}
	.online-link2f .online-link2f-list:nth-child(1) {
		margin-left: 0;
	}
}
@media print, screen and (min-width: 767.5px) and (max-width: 1110px) {
	#online_seminar_index .online-ttl01 {
    top: 101px;
	}
	#online_seminar_index .online-contents {
		margin: 101px auto 0;
	}
}
@media print, screen and (min-width: 767.5px) and (max-width: 1024px) {
	#online_seminar_index .online-ttl01 {
    top: 95px;
	}
	#online_seminar_index .online-contents {
		margin: 95px auto 0;
	}
	.online-line {
		display: block !important;
	}
	.online-line input[type="text"] {
		margin-bottom: 5px;
	}
	.online-line .u-ta-r {
		text-align: left !important;
	}
	.online-btn02 {
		min-width: 130px;
	}
}
@media print, screen and (max-width: 767.499px) {
	.lnav-step__item {
		height: 38px;
	}
	.online-ttl02 {
		color: #272727;
		margin: 0 0 20px;
		padding: 0 0 10px;
		border-bottom: 2px solid #006f46;
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 1.6;
	}
	.online-ttl03 {
		color: #006f46;
		margin: 0 0 30px;
		padding: 0 0 10px;
		border-bottom: 3px solid #006f46;
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 1.6;
	}
	.online-ttl04 {
		margin: 0 0 15px;
		padding: 0 0 5px;
		border-bottom: 1px solid #006f46;
		color: #272727;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.4;
	}
	.online-list {
		padding: 40px 10px;
		background: #fff;
	}
	.online-list .online-list-box .list--circle li {
		padding-left: 15px;
	}
	.online-list .online-list-box {
		margin-bottom: 20px;
		padding-left: 0;
	}
	.online-list .online-list-box:nth-last-child(1) {
		margin-bottom: 0;
	}
	.online-list .online-list-box .online-right {
		max-width: 88px;
		margin-left: 10px;
	}
	.online-list .online-list-box .online-right img {
		max-width: 88px;
	}
	.online-list .online-list-box .online-left {
		width: 70%;
	}
	.online-link2f {
		display: block;
	}
	.online-link2f .online-link2f-list {
		margin-bottom: 20px;
	}
	.online-link2f .online-link2f-list:nth-last-child(1) {
		margin-bottom: 0;
	}
	.online-link2f .online-link2f-list img {
		max-width: 100%;
	}
}