@charset "utf-8";

body{
	background-color: #fff;
}

@media screen and (max-width: 768px) {
	.main-wrap1 {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap1 .content-wrap {
		width: 100%;
		margin: 0 auto;
		padding: 50px 0;
		text-align: center;
	}
	.main-wrap1 .content-wrap h2{
		display: inline-block;
		font-size: 28px;
		color: #1e2380;
		position: relative;
		padding: 0 0 10px 0;
	}
	.main-wrap1 .content-wrap h2::after{
		content: "";
		display: block;
		width: 80px;
		height: 2px;
		background-color: #1e2380;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.main-wrap2 {
		width: 100%;
		margin: 0 auto;
	}
	.main-wrap2 .content-wrap {
		width: 100%;
		margin: 0 auto;
	}
	.main-wrap2 .content {
        width: 100%;
        margin: 0 auto;
		position: relative;
	}
	.main-wrap2 .content img {
		width: 100%;
		margin: 0 0 30px 0;
		position: relative;
	}
	.main-wrap2 .content .inner {
		display: block;
		width: 100%;
		text-align: center;
	}
	.main-wrap2 .content .inner h3 {
		font-size: 34px;
		line-height: 1.4;
		margin: 0;
	}
	.main-wrap2 .content .inner h3 br{
		display: block;
	}
	.main-wrap2 .content .inner > span {
		font-size: 28px;
		font-weight: bold;
		display: inline-block;
	    margin: 20px 0 0 0;
	}
	.main-wrap2 .content .inner span.space {
		font-size: 0;
		margin: 0;
	}
	.main-wrap2 .content .inner span span {
		font-size: 20px;
	}
	.main-wrap3 {
		width: 100%;
		margin: 50px auto 75px auto;
	}
	.main-wrap3 .content-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap3 .content {
        width: 90%;
        margin: 0 auto;
		position: relative;
	}
	.main-wrap3 .content p {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		font-size: 16px;
		text-align: left;
		position: relative;
	}
}

@media screen and (min-width: 769px) {
	.main-wrap1 {
		width: 100%;
		min-width: 1360px;
		margin: 0 auto;
	}
	.ipad .main-wrap1 {
		min-width: 1280px;
	}
	.main-wrap1 .content-wrap {
		width: 100%;
		margin: 0 auto;
		padding: 50px 0;
		position: relative;
		text-align: center;
	}
	.main-wrap1 .content-wrap h2{
		display: inline-block;
		font-size: 40px;
		color: #1e2380;
		position: relative;
		padding: 0 0 10px 0;
	}
	.main-wrap1 .content-wrap h2::after{
		content: "";
		display: block;
		width: 80px;
		height: 2px;
		background-color: #1e2380;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.main-wrap2 {
		width: 100%;
		min-width: 1360px;
		margin: 0 auto;
	}
	.ipad .main-wrap2 {
		min-width: 1280px;
	}
	.main-wrap2 .content-wrap {
		width: 1360px;
		margin: 0 auto;
		position: relative;
	}
	.ipad .main-wrap2 .content-wrap {
		width: 1280px;
	}
	.main-wrap2 .content {
		width: 1280px;
		margin: 0 auto;
		padding: 0;
		position: relative;
		overflow: hidden;
	}
	.ipad .main-wrap2 .content {
		width: 1200px;
	}
	.main-wrap2 .content img {
		width: 100%;
		position: relative;
		z-index: 1;
	}
	.main-wrap2 .content .inner {
		display: inline-block;
		width: 100%;
		position: absolute;
		top: 50%;
		left: 80px;
		transform: translateY(-50%);
		z-index: 10;
	}
	.main-wrap2 .content .inner h3 {
		font-size: 36px;
		line-height: 1.4;
		margin: 0 0 5px 0;
	}
	.main-wrap2 .content .inner > span {
		font-size: 28px;
		font-weight: bold;
		display: inline-block;
	    margin: 20px 0 0 0;
	}
	.main-wrap2 .content .inner span.space {
		display: inline;
	}
	.main-wrap2 .content .inner span span {
		font-size: 20px;
	}
	.main-wrap3 {
		width: 100%;
		min-width: 1360px;
		margin: 50px auto 100px auto;
	}
	.ipad .main-wrap3 {
		min-width: 1280px;
	}
	.main-wrap3 .content-wrap {
		width: 1360px;
		margin: 0 auto;
		position: relative;
	}
	.ipad .main-wrap3 .content-wrap {
		width: 1280px;
	}
	.main-wrap3 .content {
		width: 1280px;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
	.ipad .main-wrap3 .content {
		width: 1200px;
	}
	.main-wrap3 .content p {
		width: 950px;
		margin: 0 auto;
		padding: 0;
		font-size: 16px;
		text-align: left;
		position: relative;
	}
}