@CHARSET "UTF-8";

@media ( max-width :768px) {
	/****fix****/
	.fix-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		max-width: 768px;
		width: 100%;
		margin: 0 auto;
		z-index: 999;
	}
	.fix-header .menu {
		position: absolute;
		top: 0;
		right: 0;
	}
	.fix-footer {
		max-width: 768px;
	}
	.fix-footer .entry {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.fix-footer .top {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	#header .top-header-bg {
		background: url("../img/top/sp/main_bg.jpg") center top no-repeat;
		height: 1365px;
	}
	#header .top-header-bg .center-bg {
		background: url("../img/top/sp/main_center_bg.png") center top no-repeat;
		height: 689px;
		width: 768px;
		margin-bottom: 340px;
	}
	#header .header-bg {
		background: url("../img/base/sp/header_bg.jpg") center top no-repeat;
		height: 150px;
	}

	/* top */
	.page-top .movie {
		background: url("../img/top/sp/movie_bg.jpg") center top/cover no-repeat;
	}
	.page-top .movie-bg {
		background: url("../img/top/sp/movie_bg.png") center top no-repeat;
		width: 768px;
		height: 549px;
		padding: 112px 53px 64px 53px;
	}
	.page-top .movie .movie-bg::after {
		background: url("../img/top/movie_ov.png") center top/auto 100% no-repeat;
		height: 90%;
		position: absolute;
		right: 0;
		top: 60px;
	}
	.page-top .oneweek {
		background: url("../img/top/sp/one-week_bg.jpg") center top/100% no-repeat;
		height: 1506px;
	}
	.page-top .oneweek .oneweek-list .item {
		width: 100%;
		display: flex;
		margin-top: -1px;
	}
	.page-top .oneweek .oneweek-list .item .date {
		width: 30%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.page-top .oneweek .oneweek-list .item .detail {
		width: 70%;
		border: 1px solid #e9527d;
		border-left: none;
		min-height: 75px;
	}
	.page-top .oneweek .oneweek-list .item .detail .inner {
		display: flex;
		align-items: baseline;
		width: 100%;
	}
	.page-top .oneweek .oneweek-list .item .detail .inner .time {
		width: 50%;
		font-size: 24px;
	}
	.page-top .oneweek .oneweek-list .item .detail .inner .arrow {
		width: 5%;
	}
	.page-top .oneweek .oneweek-list .item .detail .inner .arrow img {
		margin-left: auto;
		margin-right: auto;
	}
	.page-top .oneweek .oneweek-list .item .detail .inner .value {
		width: 30%;
		text-align: right;
	}
	.page-top .oneweek .oneweek-list .item:last-child .detail .inner .value {
		width: 100%;
		text-align: center;
	}
	.page-top .other .other-list .item .image {
		width: 100%;
		order: 1 !important;
	}
	.page-top .other .other-list .item .detail {
		width: 100%;
	}
	.page-top .other .other-list .item:nth-child(1) .detail {
		background-image: url("../img/top/sp/other1_bg.jpg");
		height: 380px;
	}
	.page-top .other .other-list .item:nth-child(2) .detail {
		background-image: url("../img/top/sp/other2_bg.jpg");
		height: 518px;
	}
	.page-top .other .other-list .item:nth-child(3) .detail {
		background-image: url("../img/top/sp/other3_bg.jpg");
		height: 378px;
	}
	.page-top .tainyu .tainyu-list .item {
		background-size: 270%;
	}

	/*	.page-top .tainyu .tainyu-list .item:nth-child(1) {
			background-image: url("http://s-gcn.dcmsr2.com/common/responsive/v2/recruit/img/top/sp/tainyu1_bg.jpg");
			height: 1016px;
		}
		.page-top .tainyu .tainyu-list .item:nth-child(2) {
			background-image: url("http://s-gcn.dcmsr2.com/common/responsive/v2/recruit/img/top/sp/tainyu2_bg.jpg");
			height: 1016px;
		}

		.page-top .tainyu .tainyu-list .item:nth-child(3) {
			background-image: url("http://s-gcn.dcmsr2.com/common/responsive/v2/recruit/img/top/sp/tainyu3_bg.jpg");
			height: 1086px;
		}*/
	/* works */
	.page-works .works-list .item {
		background: url("../img/works/sp/line.png") center bottom/100% no-repeat;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	/* receipt */
	.page-receipt .receipt-list>.item {
		background-image: url("../img/receipt/sp/receipt_bg_top.png"), url("../img/receipt/sp/receipt_bg_bottom.png"), url("../img/receipt/sp/receipt_bg_middle.png");
		background-repeat: no-repeat, no-repeat, repeat-y;
		background-position: center top, center bottom, center top;
		background-size: 100%;
		height: auto;
		padding: 50px 80px;
		margin-bottom: 50px;
	}

	/* income */
	.page-income .income-list>.item {
		background: url("../img/income/sp/course1_bg.png") center top/100% 100% no-repeat;
		height: 1076px;
		border-radius: 30px;
	}
	.page-income .income-list>.item:nth-child(1) {
		background-image: url("../img/income/sp/course1_bg.png");
	}
	.page-income .income-list>.item:nth-child(2) {
		background-image: url("../img/income/sp/course2_bg.png");
	}
	.page-income .income-list>.item:nth-child(3) {
		background-image: url("../img/income/sp/course3_bg.png");
	}

	/* experience*/
	.page-experience .experience-list .item {

	}
	.page-experience .experience-list .item .content .image {
		order: 1;
	}
	.page-experience .experience-list .item .content .body {

	}
	.page-experience .tainyu-list .item {
		background-size: 270%;
	}

	/* beginner */
	.page-beginner .about-list>.item .image, .page-beginner .about-list>.item .body {
		width: 100%;
	}
	.page-beginner .about-list>.item .image {
		order: 1;
	}
	.page-beginner .about-list>.item .body {
		min-height: 300px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.page-beginner .entry {
		background: url("../img/beginner/sp/entry_bg.jpg") center top/cover no-repeat;
		padding: 50px 0;
	}

	/* campaign */

	/* contact */
	.page-contact .table-cont {
		width: 100%;
	}
	.page-contact .table-cont .form-list .label, .page-contact .table-cont .form-list .value {
		font-size: 28px;
		width: 100%;
		display: block;
		border-bottom: none;
	}
	.page-contact .table-cont .form-list {
		border-bottom: 1px solid #ff488a;
	}
	.page-contact .text {
		font-size: 24px;
	}
	.page-contact .table-cont .form-list select[name="title"] {
		width: 100% !important;
	}
	.page-contact .table-cont .form-list input, .page-contact .table-cont .form-list select {
		padding: 4px 6px;
		min-height: 60px;
	}
	.page-contact .table-cont .form-list textarea {
		padding: 4px;
	}
	.page-contact .table-cont .form-list input, .page-contact .table-cont .form-list select, .page-contact .table-cont .form-list textarea {
		border: 1px solid #ff488a;
		font-size: 28px
	}
}