@CHARSET "UTF-8";

/* top header*/
#header .header-bg {
	background: url("../img/base/header_bg.jpg") center top no-repeat;
}

#header .top-header-bg {
	background: url("../img/top/main_bg.jpg") center top no-repeat;
	height: 980px;
}

#header .top-header-bg .center-bg {
	background: url("../img/top/main_center_bg.png") center top no-repeat;
	height: 831px;
	width: 1144px;
}

/* other header */
#header .header-bg {
	background: url("../img/base/header_bg.jpg") center top no-repeat;
	height: 400px;
}

#nav {
	background: #ff8aac;
}

#nav .nav-list .item {
	padding: 0.5px;
}

#nav .nav-list .item a, #nav .nav-list .item a img {
	display: block;
}

#menu {
	background: #ff8aac;
}

#menu .nav-list .item {
	padding: 0.5px;
	width: 50%;
}

#menu .nav-list .item a, #menu .nav-list .item a img {
	display: block;
}

#main {
	background: url("../img/base/background.jpg") center top repeat-y;
	text-align: center;
}

h2.title {
	margin-bottom: 30px;
}

/* page-top */

/**movie**/
.page-top .movie {
	background: url("../img/top/movie_bg.jpg") center top no-repeat;
	height: 1322px;
}

.page-top .movie .text {
	line-height: 3;
	font-size: 20px;
	margin-top: 50px;
}

.page-top .movie-bg {
	background: url("../img/top/movie_bg.png") center top no-repeat;
	height: 657px;
	width: 1031px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 30px;
	padding: 132px 103px 73px 125px;
}

.page-top .movie .movie-bg::after {
	content: "";
	display: block;
	background: url("../img/top/movie_ov.png") center top no-repeat;
	width: 296px;
	height: 590px;
	position: absolute;
	right: 40px;
	top: 60px;
	pointer-events: none;
}

.page-top .movie .video-wrap {
	position: relative;
	border-radius: 5px;
	width: 100%;
	height: 100%;
}

.page-top .movie .video-wrap video {
	width: 100%;
	height: 100%;
}

.page-top .oneweek {
	background: url("../img/top/one-week_bg.jpg") center top no-repeat;
	height: 1000px;
}

.page-top .oneweek .oneweek-list .item {
	width: calc(100%/ 7);
}

.page-top .oneweek .oneweek-list .item .date {
	background: #e9527d;
	border: 1px solid #fff;
	padding: 15px 0;
	font-weight: bold;
	color: #fff;
	line-height: 1;
}

.page-top .oneweek .oneweek-list .item .detail {
	min-height: 150px;
	color: #000;
	font-weight: bold;
	background: #fff;
	border: 1px solid #e9527d;
	border-top: none;
}

.page-top .oneweek .oneweek-list .item .detail .inner .time {
	line-height: 1;
}

.page-top .oneweek .oneweek-list .item .detail .inner .arrow {
	margin: 15px 0;
	line-height: 1;
}

.page-top .oneweek .oneweek-list .item .detail .inner .value {
	line-height: 1;
}

.page-top .oneweek .oneweek-list .item .detail .inner .value.salary::before {
	content: '給料';
	font-size: 0.8em;
}

.page-top .firsttime {
	background: url("../img/top/first_bg.jpg") center top no-repeat;
}

.page-top .firsttime .text {
	line-height: 2;
	color: #e9527d;
}

.page-top .cheering {
	background: url("../img/top/cheering_bg.jpg") center top no-repeat;
}

.page-top .cheering .cheering-list .item {
	width: 50%;
	margin-bottom: 50px;
}

.page-top .cheering .cheering-list .item:nth-child(even) {
	transform: translateY(200px);
}

.page-top .cheering .cheering-list .item .text {
	text-align: left;
	padding: 0 11%;
	margin-top: 15px;
}

.page-top .other {
	background: #fff;
}

.page-top .other .other-list .item {
	width: 100%;
}

.page-top .other .other-list .item .image {
	width: 50%;
}

.page-top .other .other-list .item .image img {
	display: block;
}

.page-top .other .other-list .item:nth-child(2) .image {
	order: 2;
}

.page-top .other .other-list .item .detail {
	width: 50%;
	background-size: cover;
	font-weight: bold;
}

.page-top .other .other-list .item:nth-child(1) .detail {
	background-image: url("../img/top/other1_bg.jpg");
	color: #ff00c6;
}

.page-top .other .other-list .item:nth-child(2) .detail {
	background-image: url("../img/top/other2_bg.jpg");
	color: #00b168;
}

.page-top .other .other-list .item:nth-child(3) .detail {
	background-image: url("../img/top/other3_bg.jpg");
	color: #196aff;
}

.page-top .other .other-list .item .detail .inner {
	max-width: 700px;
}

.page-top .other .other-list .item .detail .inner .title {
	margin-bottom: 15px;
}

.page-top .other .other-list .item .detail .inner .text1 {
	line-height: 2;
}

.page-top .other .other-list .item .detail .inner .text2 {
	line-height: 2;
}

.page-top .tainyu .tainyu-list .item {

}

.page-top .tainyu {
	background: #fff;
}

.page-top .tainyu .tainyu-list .item {
	background-position: center top;
}

.page-top .tainyu .tainyu-list .item:nth-child(1) {
	background-image: url("../img/top/tainyu1_bg.jpg");
	height: 520px;
}

.page-top .tainyu .tainyu-list .item:nth-child(2) {
	background-image: url("../img/top/tainyu2_bg.jpg");
	color: #ff6904;
	height: 553px;
}

.page-top .tainyu .tainyu-list .item:nth-child(3) {
	background-image: url("../img/top/tainyu3_bg.jpg");
	color: #00abce;
	height: 593px;
}

.page-top .tainyu .tainyu-list .item .text {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

/* works */
.page-works .works-list .item {
	padding-bottom: 50px;
	margin-bottom: 50px;
	background: url("../img/works/line.png") center bottom/100% no-repeat;
}

.page-works .works-list .item .body, .page-works .works-list .item .image {
	max-width: 700px;
	width: 100%;
}

.page-works .works-list .item .body .text {
	margin-top: 30px;
}

/* receipt */
.page-receipt .receipt-list>.item {
	background: url("../img/receipt/receipt_bg.png") center top no-repeat;
	height: 620px;
	margin-bottom: 50px;
}

.page-receipt .receipt-list>.item .photo {
	max-width: 406px;
	width: 100%;
}

.page-receipt .receipt-list>.item .detail {
	max-width: 700px;
	width: 100%;
}

.page-receipt .receipt-list>.item .detail .detail-list {

}

.page-receipt .receipt-list>.item .detail .detail-list>.item {
	padding: 5px 30px 0;
	border-bottom: 1px solid #e9527d;
}

.page-receipt .receipt-list>.item .detail .detail-list>.item .label {

}

.page-receipt .receipt-list>.item .detail .detail-list>.item .value {

}

/* income */
.page-income .income-list>.item {
	background: url("../img/income/course1_bg.png") center top no-repeat;
	height: 627px;
	margin-bottom: 50px;
	padding: 30px;
}

.page-income .income-list>.item>.inner {
	background: rgba(255, 255, 255, 0.7);
	border-radius: 30px;
	width: 100%;
	height: 100%;
	padding: 30px;
}

.page-income .income-list>.item:nth-child(1) {
	background-image: url("../img/income/course1_bg.png");
}

.page-income .income-list>.item:nth-child(2) {
	background-image: url("../img/income/course2_bg.png");
}

.page-income .income-list>.item:nth-child(3) {
	background-image: url("../img/income/course3_bg.png");
}

.page-income .income-list>.item .detail {
	margin-top: 30px;
}

.page-income .income-list>.item .detail .detail-list {

}

.page-income .income-list>.item .detail .detail-list>.item {
	max-width: 650px;
	width: 100%;
}

.page-income .income-list>.item .detail .detail-list>.item .label {

}

.page-income .income-list>.item .detail .detail-list>.item .label::after {
	content: url("../img/income/arrow.png");
	display: block;
	margin: 15px auto 0;
}

.page-income .income-list>.item .detail .detail-list>.item .value {

}

/* faq */
.page-faq .faq-list .item {
	margin-bottom: 50px;
	background-image: url("../img/faq/faq_bg_right.jpg"), url("../img/faq/faq_bg.jpg");
	background-repeat: no-repeat, repeat;
	background-position: right top, center top;
	padding: 15px 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.page-faq .faq-list .item .q {
	background: url("../img/faq/q.png") left 50% no-repeat;
	min-height: 100px;
	padding: 10px;
	padding-left: 80px;
	border-bottom: 1px solid #e9527d;
	text-align: left;
}

.page-faq .faq-list .item .a {
	background: url("../img/faq/a.png") left 50% no-repeat;
	min-height: 100px;
	padding: 10px;
	padding-left: 80px;
	text-align: left;
}

/* experience */
.page-experience .experience-list .item:nth-last-child(n+2)::after {
	content: url("../img/experience/step_arrow.png");
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

.page-experience .experience-list .item {
	margin-bottom: 50px;
}

.page-experience .experience-list .item .content {

}

.page-experience .experience-list .item .content .image, .page-experience .experience-list .item .content .body {
	max-width: 700px;
	width: 100%;
}

.page-experience .experience-list .item:nth-child(even) .content .image {
	order: 1;
}

.page-experience .experience-list .item .content .body .detail {
	line-height: 2;
}

.page-experience .tainyu {
	background: #fff;
}

.page-experience .tainyu .tainyu-list .item {
	background-position: center top;
}

.page-experience .tainyu .tainyu-list .item:nth-child(1) {
	background-image: url("../img/experience/tainyu1_bg.jpg");
	height: 520px;
}

.page-experience .tainyu .tainyu-list .item:nth-child(2) {
	background-image: url("../img/experience/tainyu2_bg.jpg");
	color: #ff6904;
	height: 553px;
}

.page-experience .tainyu .tainyu-list .item:nth-child(3) {
	background-image: url("../img/experience/tainyu3_bg.jpg");
	color: #00abce;
	height: 593px;
}

.page-experience .tainyu .tainyu-list .item .text {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

/* beginner */
.page-beginner .about {
	background: #fff;
}

.page-beginner .about-list>.item {

}

.page-beginner .about-list>.item .image, .page-beginner .about-list>.item .body {
	width: 50%;
}

.page-beginner .about-list>.item:nth-child(even) .image {
	order: 1;
}

.page-beginner .about-list>.item .body {
	max-height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

.page-beginner .about-list>.item:nth-child(1) .body {
	background-image: url("../img/beginner/about1_bg.jpg");
}

.page-beginner .about-list>.item:nth-child(2) .body {
	background-image: url("../img/beginner/about2_bg.jpg");
}

.page-beginner .about-list>.item:nth-child(3) .body {
	background-image: url("../img/beginner/about3_bg.jpg");
}

.page-beginner .about-list>.item .body>.inner {
	max-width: 700px;
	width: 100%;
}

.page-beginner .about-list>.item .body>.inner .title {

}

.page-beginner .about-list>.item .body>.inner .detail {
	margin-top: 30px;
	line-height: 2;
}

.page-beginner .entry {
	background: url("../img/beginner/entry_bg.jpg") center top no-repeat;
	padding: 50px 0;
}

.page-beginner .entry .inner-bg {
	background: rgba(255, 255, 255, 0.7);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding: 30px;
}

/* campaign */
.page-campaign .campaign-list {

}

.page-campaign .campaign-list .item {
	background: center top/cover no-repeat;
	min-height: 600px;
	padding: 30px;
	margin-bottom: 50px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.page-campaign .campaign-list .item:nth-child(1) {
	background-image: url("../img/campaign/sono1_bg.png");
}

.page-campaign .campaign-list .item:nth-child(2) {
	background-image: url("../img/campaign/sono2_bg.png");
}

.page-campaign .campaign-list .item:nth-child(3) {
	background-image: url("../img/campaign/sono3_bg.png");
}

.page-campaign .campaign-list .item>.inner {
	background: rgba(255, 255, 255, 0.8);
	padding: 30px 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	height: 100%;
}

/* contact */
.page-contact .line {
	color: #00c200;
	font-weight: bold;
	font-size: 26px;
}

.page-contact .line .value {
	padding: 10px;
	font-weight: bold;
}

.page-contact .table-cont {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.page-contact .table-cont .form-list .item {
	vertical-align: top;
}

.page-contact .table-cont .form-list .label, .page-contact .table-cont .form-list .value {
	text-align: left;
	border: 1px solid #ff488a;
	vertical-align: middle;
}

.page-contact .table-cont .form-list .label {
	width: 35%;
	padding: 25px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	background: #ffe1ec;
	vertical-align: middle;
}

.page-contact .table-cont .form-list .value {
	width: 65%;
	padding: 15px;
	font-size: 18px;
	line-height: 1.5;
	background: #fff;
}

.page-contact .table-cont .form-list input, .page-contact .table-cont .form-list select {
	padding: 5px;
	min-height: 40px;
	font-size: 24px;
}

.page-contact .table-cont .form-list textarea {
	padding: 2px;
}

.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: 24px;
	padding: 5px;
}