@charset "utf-8";

/* =====================基本設計===================== */
body{
	margin: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.57;
	font-size:26px;
	color: #000000;
/* 重要 */
  -webkit-text-size-adjust: 100%;
}

* {
  box-sizing: border-box;
}

a:link { color: #fff;
	text-decoration: none;
 	}

a:visited { color: #fff; }

a:hover { color: #fff; }

a:active { color: #fff; }

img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}



#btn {
	animation-name: btn;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

@keyframes btn {
	0% {
		transform: rotate(0deg);
	}
	7% {
		transform: rotate(4deg);
	}
	21% {
		transform: rotate(-4deg);
	}
	28% {
		transform: rotate(0deg);
	}
}
/* =====================コンテンツ===================== */
.container {
  width: 750px;
  margin: 0 auto;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
	overflow: hidden;
}

.position {
  position: relative;
}

.head-copy1 {
	height: 210px;
	background: #000000;
	text-align: center;
	padding-top: 10px;
}

.head-copy2 {
	position: relative;
	z-index: 1;
}

.top3-back{
	position: relative;
	margin-top: -65px;
}

.top3 {
	position: relative;
	transform: translateX(-50%);
	left: 50%;
	z-index: 1;
	width: 100%;
	margin-top: -635px;
	text-align: center;
}

.top-ttl {
	position: relative;
	transform: translateX(-50%);
	left: 50%;
	z-index: 2;
	width: 100%;
	margin-top: -26px;
	text-align: center;
}

.insta-icon {
	position: relative;
	transform: translateX(-50%);
	left: 50%;
	z-index: 2;
	width: 100%;
	margin-top: -212px;
	text-align: center;
}

.top-btn-back {
	position: relative;
	transform: translateX(-50%);
	left: 50%;
	z-index: 2;
	width: 100%;
	margin-top: 30px;
	z-index: -5;
}

.top-btn-position {
	width: 725px;
	text-align: center;
}

.top-text {
	position: relative;
	transform: translateX(-50%);
	left: 50%;
	z-index: 2;
	width: 100%;
	text-align: center;
	margin-top: -410px;
}

.top-btn-position {
	position: relative;
	transform: translateX(-50%);
	left: 50.8%;
	z-index: 2;
	width: 100%;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
}

.instaha-- {
	margin-top: -50px;
	position: relative;
	z-index: -1;
}

.instaha-- p {
	font-size: 45px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	width: 100%;
	color: #fff;
	line-height: 1.33;
}

.instaha-- p span {
	color: #fbfb00;
}

.wait {
	margin-top: -70px;
	position: relative;
	z-index: -5;
}

.wait > img:nth-of-type(1) {
	position: absolute;
	right: 50px;
	top: 95px;
}

.wait p:nth-of-type(1) {
	position: absolute;
	top: 115px;
	left: 50px;
	font-size: 28px;
	line-height: 1.67;
}

.wait > img:nth-of-type(2) {
	position: absolute;
	left: 50px;
	top: 295px;
}

.wait p:nth-of-type(2) {
	position: absolute;
	right: 50px;
	top: 290px;
	font-size: 28px;
	line-height: 1.67;
}

.wait p:nth-of-type(3) {
	position: absolute;
	transform: translateX(-50%);
	width: 100%;
	left: 50%;
	top: 455px;
	font-size: 45px;
	font-weight: bold;
	line-height: 1.33;
	text-align: center;
}

.knowhow {
	background-image: linear-gradient(#eef0f1 1px, transparent 0),
                    linear-gradient(90deg, #eef0f1 1px, transparent 0);
  background-size: 20px 20px;
	padding-bottom: 70px;
}

.knowhow > img:nth-of-type(1) {
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	top: -40px;
	z-index: 10;
}

.subttl-knowhow {
	text-align: center;
	padding-top: 135px;
}

.knowhow-contents {
	margin: 40px 50px 0px;
}

.knowhow-contents p {
	font-size: 28px;
	line-height: 1.67;
}

.knowhow-1to3 {
	margin-bottom: 10px;
	text-align: center;
}

.knowhow-contents p:nth-of-type(2) {
	font-size: 28px;
	line-height: 1.67;
	text-align: justify;
}

.knowhow-contents p:nth-of-type(2) span {
	color: #e90000;
	font-weight: bold;
}

.yellow-line {
	background: linear-gradient(transparent 70%, #fbfb00 0%);
}

.forrow10man {
	margin-top: -20px;
	position: relative;
	z-index: 1;
	padding-bottom: 50px;
}

.alert-contents {
	padding: 90px 50px 0;
	position: absolute;
	top:0;
	width: 100%;
}

.alert-back {
	position: relative;
	margin-top: -60px;
	z-index: -1;
}

.alert-contents img {
	display: block;
}

.alert-contents > img:nth-of-type(1) {
		margin: 0 auto;
}

.alart1 {
	margin-top: 20px;
}

.alart1 img{
	margin-right: auto;
	margin-top: -10px;
}

.alart2 img {
	margin-left: auto;
	margin-top: -10px;
}

.alart3 img {
	margin-right: auto;
	margin-top: -10px;
}

.alart4 img {
	margin-left: auto;
	margin-top: -10px;
}

.alart5 img {
	margin-right: auto;
	margin-top: -10px;
}

.alert-mark {
	position: absolute;
	top: 170px;
	right: 50px
}

.purple-triangle {
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	bottom: -150px;
	border-top: solid 80px #8e24aa;
	border-left: solid 100px transparent;
	border-right: solid 100px transparent;
}

.forrow10man-text {
	text-align: center;
	margin-top: -50px;
	font-size: 28px;
	line-height: 1.67;
}

.purple {
	color: #8e24aa;
	font-weight: bold;
}

.underline-text {
	font-weight: bold;
	text-decoration: underline;
}

.forrow10man-text > div:nth-of-type(1) {
	margin: 40px auto;
}

.check-text {
	display: inline-block;
	margin: 50px auto;
	text-align: left;
	font-weight: bold;
}

.check::before {
	content: url(../images/check-purple.png);
	display: inline-block;
	margin-right: 15px;
	position: relative;
	top:5px;
}

.sankaku2 {
	position: absolute;
	top: 1px;
	transform: translateX(-50%);
	left: 50%;
	width: 100%;
}

.gradation {
	background: linear-gradient(to bottom,#ff4f24 0%,#ff2447 10%,#6f3fdb 25%,#fc224c 50%,#ff9801 65%,#fc224c 76%,#703fda 100%,#ff5023);
	padding: 0 20px 50px;
}

.point1-3 {
	margin-top: 25px;
}

.pont3-top-text {
	text-align: center;
}

.point-ttl {
	font-size: 45px;
	line-height: 1.67;
	text-align: center;
	background: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
}

.point-top img {
	width: 100%;
}

.point-image img {
	width: 100%;
}

.point1-3 p {
	padding: 50px 30px;
	background: #fff;
	text-align: justify;
}

.red-text {
	font-weight: bold;
	color: #fc334a;
}

.befoaf {
	background-image: linear-gradient(#eef0f1 1px, transparent 0),
                    linear-gradient(90deg, #eef0f1 1px, transparent 0);
  background-size: 20px 20px;
	padding-top: 40px;
}

.hukidasi {
	padding-top: 25px;
	text-align: center;
}

.result {
	text-align: center;
	display: inline-block;
}

.result img {
	margin-top: 30px;
}

.adcost-0 {
	text-align: center;
	margin-top: 35px;
	margin-bottom: 55px;
}

.befoaf p {
	padding: 0 50px 50px;;
	text-align: justify;
}

.befoaf p:nth-of-type(2) {
	padding: 50px 50px 50px;;
	text-align: justify;
}

.befoaf-image {
	text-align: center;
}

.befoaf-image img {
	display: inline-block;
}

.teacher-prf {
	position: relative;
}

.teacher-prf p{
	font-size: 20px;
	text-align: justify;
	line-height: 1.75;
	padding: 50px 20px;
	background: rgba(255,255,255,.7);
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	bottom: 50px;
	width: 710px;
}

.future {
	background-color: #fc344a;
	position: relative;
	padding-top: 300px;
}

.future img {
	display: inline-block;
}

.subttl-future {
	position: absolute;
	top: 45px;
	transform: translateX(-50%);
	left: 50%;
	width: 98%;
}

.future-point {
	position: absolute;
	top: 320px;
	transform: translateX(-50%);
	left: 50%;
	width: 86.7%;
}

.preseminar {
	text-align: center;
	background: url(../images/fix-image.png) center center;
	background-attachment: fixed;
	padding-top: 45px;
	padding-bottom: 100px;
	margin-bottom: -60px;
}

.preseminar img {
	display: inline-block;
}

.seminar-contents {
	margin: 50px 20px 0;
}

.seminar-contents > img {
	margin-bottom: -50px;
}

.ribon {
	position: absolute;
	top: 0px;
	left: 20px;
}

.seminar-contents-text {
	font-size: 28px;
	line-height: 1.67;
	position: relative;
	background: #fff;
	padding: 50px 30px;
	margin: 0 30px;
}


.seminar-contents-text p {
	margin-top: 50px;
	text-align: justify;
}



.preseminar > p {
	text-align: justify;
	margin: 45px 50px 10px;
	color: #fff;
}

.yellow-text {
	color: #fbfb00;
	font-weight: bold;
}

.price {
	margin-bottom: 45px;
}

.price img {
	position: relative;
	left: 20px;
}

.preseminar > p:nth-of-type(2) {
	margin: 45px 50px 100px;
}

.under-btn {
	width: 725px;
	text-align: center;
	position: relative;
	transform: translateX(-50%);
	left: 50.8%;
	z-index: 2;
	width: 100%;
	text-align: center;
}

.gradation2 {
background: url(../images/last-gradation.png) center top;
padding: 0 20px 50px;
}

.message-ttl {
	padding-top: 10px;
	text-align: center;
}

.message p {
	margin-top: 45px;
	background: #fff;
	padding: 45px 30px;
	border-radius: 15px;
}
.float {
	float: right;
	margin-top: -60px;
}

footer {
	background: #000;
	height: 100px;
	position: relative;
}

.footer-text {
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
	text-align: center;
	width: 80%;
}

.link-top{
  border-right: 1px solid #fff;
  padding-right: 10px;
}
.link-privacy{
 padding-left: 3px;
}

.footer-text p:nth-of-type(2){
	font-size: 12px;
}

/*　フォーム　*/
.form {
	background: none;
	width: 95%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.form_name {
	margin: 0 auto 12px auto;
	width: 90%;
	height: 43px;
}
.entry_name {
	margin: 0 auto 12px auto;
	width: 90%;
	height: 43px;
}

.form1 th, td {
	text-align: left;
	vertical-align: top;
}
.mb60 {
	margin-bottom: 60px;
}
html body #table {
	width: 650px;
	border-collapse: collapse;
	margin: 18px auto 0px;
}
html body #table tr {
}
html body #table tr th, html body #table tr td {
	border: 1px solid rgb(204, 204, 204);
	background-color: rgb(255, 255, 255);
}
html body #table tr th {
	padding: 12px 10px;
	width: 140px;
	font-size: 21px;
	text-align: left;
	background-color: #f2474c;
	color: #fff;
	font-weight: bold;
}
html body #table tr td {
	padding: 12px 15px;
	font-size: 21px;
}
.vertical-align-em input, .vertical-align-em select {
	vertical-align: 0.3em;
}
.mt30 {
	margin-top: 30px;
}
.kome {
	font-size: 12px;
	color: #fbfb00;
}
.inputText_short {
	width: 190px;
	height: 60px;
	border: 1px solid rgb(153, 153, 153);
	background-color: rgb(255, 255, 255);
	font-size: 21px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	margin-bottom: 10px;
	border-radius: 6px;
}
select {
	width: 98%;
	height: 60px;
	border: 1px solid rgb(153, 153, 153);
	background-color: rgb(255, 255, 255);
	font-size: 15px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	margin-bottom: 10px;
	border-radius: 6px;
}

.btn:hover {
	opacity: 0.6;
}
.underline {
	text-decoration: underline;
}
.red {
	color: red;
}

html body #table tr:nth-of-type(1) th {
	font-size: 21px;
}

@media (max-width:960px) {

	tr{
		display: flex;
		flex-direction: column;
	}

	html body #table tr th {
		width: 100%;
	}

}