@charset "UTF-8";

.stageBg1 {
	background: #940003;
}

.stageBg2 {
	background: url(../img/stage_bg2.png);
	background-position: center center;
}

.stageBg3 {
	background-image: url(../img/dotBg.png);
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.stageBg4 {
	background-image: url(../img/pinkBg.png);
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.stageBg5 {
	background-color: #00479d !important;
}

.stageBg6 {
	background-color: #448aca !important;
}

.stageBg7 {
	background-image: url(../img/dotBlue.png);
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
}
.graghBlue{
    border: 2px solid #00479d !important;
}

.blueText {
	color: #035a99 !important;
}

.pinkStrong{
	font-size: 14px;
	font-weight: bold;
	    font-family: 'ヒラギノ角ゴ Pro';
	    letter-spacing: 0.04em;
	    color: #ff7fbe;
}

.fc {
	flex-direction: column;
}

.meritTitleTop {
	font-size: 30px;
	color: #c48f29;
	font-family: 'ヒラギノ角ゴ Std';
}

.crin {
	font-size: 18px;
	color: #c48f29;
	font-family: 'ヒラギノ角ゴ Std';
}

.bigContainer {
	width: 1202px;
	margin: 0 auto;
}

.bandBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 0 20px;
}

.bandCatch {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

.bandNum {
	width: 30.5%;
}

.bandNum img {
	width: 100%;
}

.contactArw {
	text-align: center;
	font-size: 0;
}

.contactArw img {
	display: inline-block;
}

.contactCatch {
	font-size: 30px;
	color: #940003;
	font-weight: bold;
	text-align: center;
}

.contactPhone {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 65px;
	color: #222222;
	font-weight: bold;
}

.contactPhone i {
	font-size: 65px;
	color: #222222;
}

.contactPhone a {
	pointer-events: none;
	font-size: 65px;
	color: #222222;
	font-weight: bold;
}

.contactPhone span {
	font-size: 20px;
	color: #222222;
	padding-left: 20px;
}

.contactBoxTxt {
	font-size: 24px;
	color: #222222;
	text-align: center;
	font-weight: bold;
}

.contactBtn {
	display: block;
	     width: 460px;
	height: 112px;
	margin: 0 auto;
}

.contactBtn a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
	background: rgb(231, 190, 23);
	background: -moz-linear-gradient(-45deg, rgba(231, 190, 23, 1) 1%,
		rgba(173, 125, 6, 1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(231, 190, 23, 1) 1%,
		rgba(173, 125, 6, 1) 100%);
	background: linear-gradient(135deg, rgba(231, 190, 23, 1) 1%,
		rgba(173, 125, 6, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7be17',
		endColorstr='#ad7d06', GradientType=1);
	padding-top: 29px;
	padding-bottom: 25px;
	flex-direction: column;
}

.contactBigText {
	font-size: 29px;
	letter-spacing: 0.05em;
	font-weight: bold;
}

.contactStageBox {
	padding-bottom: 32px;
}

.reasonTit {
	font-size: 48px;
	color: #222222;
	font-weight: bold;
	background-image: url(../img/reason_tit.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 147px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flowTit {
	font-size: 48px;
	color: #222222;
	font-weight: bold;
	background-image: url(../img/flow_tit.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 147px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.priceTit {
	font-size: 48px;
	color: #222222;
	font-weight: bold;
	background-image: url(../img/price_tit.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 147px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.voiceTit {
	font-size: 48px;
	color: #222222;
	font-weight: bold;
	background-image: url(../img/voice_tit.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 147px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.reasonBox {
	height: 507px;
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}

.reasonBg1 {
	background-image: url(../img/reason_bg1.jpg);
}

.reasonBg2 {
	background-image: url(../img/reason_bg2.jpg);
}

.reasonBg3 {
	background-image: url(../img/reason_bg3.jpg);
}

.reasonInnerBox {
	height: 360px;
	width: 655px;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 20px 13px;
}

.reasonInnerBg1 {
	background-image: url(../img/reason_inner_bg1.png);
}

.reasonInnerBg2 {
	background-image: url(../img/reason_inner_bg2.png);
}

.reasonInnerBg3 {
	background-image: url(../img/reason_inner_bg3.png);
}

.reasonInnerTit {
	font-size: 64px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #fff;
	line-height: 1.2;
}

.reasonInnerTxt {
	font-size: 18px;
	color: #fff;
	padding: 40px 8px 0;
}

.contact2Tit1 {
	font-size: 58px;
	color: #940003;
	font-weight: bold;
}

.contact2Tit2 {
	font-size: 30px;
	color: #940003;
	font-weight: bold;
}

.contact2Tit3 {
	font-size: 90px;
	color: #940003;
	font-weight: bold;
}

.contact2Tit {
	text-align: center;
}

.flowBox {
	background: #eecccc;
	padding: 20px 0 45px;
}

.flowBoxTitImg {
	text-align: center;
}

.flowBoxTitImg img {
	display: inline-block;
}

.flowBoxTit {
	text-align: center;
	font-size: 60px;
	color: #940003;
	font-weight: bold;
	position: relative;
	z-index: 5;
}

.flowBoxTit:after {
	content: "";
	position: absolute;
	width: 70%;
	left: 15%;
	display: block;
	height: 20px;
	background: #fedf03;
	bottom: 15px;
	z-index: -1;
}

.flowBoxTit span {
	font-size: 38px;
	color: #373737;
	font-weight: bold;
}

.flowInnerBox {
	background: #fff;
	position: relative;
	padding: 20px;
	margin: 0 20px;
}

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

.flowNum {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #fedf03;
	font-weight: bold;
	top: -6px;
	left: 0;
	width: 100%;
	height: 100%;
}

.flowInner {
	display: flex;
	flex-wrap: wrap;
}

.flowImg {
	width: 30%;
}

.flowInnerTxtBox {
	width: 70%;
	padding-left: 20px;
}

.flowInnerTit {
	position: relative;
	font-size: 24px;
	color: #373737;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 10px;
}

.flowInnerTit:after {
	content: "";
	display: block;
	background-image: url(../img/flow_line.png);
	background-repeat: repeat-x;
	height: 4px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.flowInnerTxt {
	font-size: 16px;
	color: #373737;
}

.flowInnerTxtBg {
	background: #fedf03;
	font-size: 16px;
	color: #373737;
	font-weight: bold;
}

.flowInnerArw {
	text-align: center;
	padding: 10px 0;
	font-size: 0;
}

.flowInnerArw img {
	display: inline-block;
}

.band2Box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.band2Txt {
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	background: #967d0a;
	padding: 3px 5px;
	margin: 0 20px 3px;
}

.band2Box {
	padding: 35px 0 10px;
}

.band2Catch {
	font-size: 60px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
}

.priceRow {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	/* 	border-bottom:1px solid #cbdceb; */
}

.price1Tit {
	background: #014281;
}

.price1Tit2 {
	background: #6a0709;
}

.price1Tit .priceItem, .price1Tit .priceTxt, .price1Tit2 .priceItem,
	.price1Tit2 .priceTxt {
	font-size: 30px;
	color: #fff100;
	font-weight: bold;
}

.priceItem, .priceTxt {
	font-size: 24px;
	color: #373737;
	font-weight: bold;
}

.rowBg1-1 {
	background: #f1f8ff;
}

.rowBg1-2 {
	background: #e3eef8;
}

.rowBg1-3 {
	background: #d9e6f2;
}

.rowBg1-4 {
	background: #cbdceb;
}

.rowBg1-5 {
	background: #b8cee1;
}

.rowBg1-6 {
	background: #aac5dd;
}

.rowBg1-7 {
	background: #a4c1da;
}

.rowBg1-8 {
	background: #9dbcd7;
}

.rowBg1-9 {
	background: #92b4d1;
}

.rowBg1-10 {
	background: #8cafce;
}

.rowBg1-11 {
	background: #85a8c7;
}

.priceBox {
	margin-bottom: 40px;
}

.priceBox:nth-of-type(2) {
	margin-bottom: 20px;
}

.rowBg2-1 {
	background: #fff1f1;
}

.rowBg2-2 {
	background: #f8e3e3;
}

.rowBg2-3 {
	background: #f2d9d9;
}

.rowBg2-4 {
	background: #ebcbcb;
}

.rowBg2-5 {
	background: #e1b8b8;
}

.rowBg2-6 {
	background: #ddaaaa;
}

.rowBg2-7 {
	background: #daa4a4;
}

.priceBtmBox {
	background: #e7e7e7;
	padding: 10px;
	border-radius: 6px;
}

.priceBtmTxt {
	font-size: 15px;
	color: #373737;
}

.priceBtmTxt span {
	font-size: 16px;
	font-weight: bold;
}

.priceBtmTit {
	font-size: 24px;
	color: #373737;
	font-weight: bold;
	padding-top: 20px;
}

.stagePriceBox {
	padding-bottom: 30px;
}

.voiceCatch {
	font-size: 40px;
	color: #373737;
	font-weight: bold;
	text-align: center;
	padding-bottom: 30px;
}

.voiceBox {
	display: flex;
	margin-bottom: 30px;
}

.voiceBoxImg {
	width: 20%;
}

.voiceBoxImg img {
	border: solid 5px #940003;
}

.voiceBoxTxtBox {
	width: 80%;
}

.voiceBoxTit {
	font-size: 23px;
	color: #940003;
	font-weight: bold;
	padding: 10px 0 15px 30px;
	border-bottom: 1px solid #940003;
	line-height: 1.2;
}

.voiceBoxName {
	font-size: 18px;
	color: #373737;
	font-weight: bold;
	padding: 15px 30px;
	border-bottom: 1px solid #940003;
	line-height: 1.4;
}

.voiceBoxName span {
	font-size: 18px;
	color: #373737;
	display: block;
}

.voiceBoxTxt {
	font-size: 16px;
	color: #373737;
	padding: 15px 0 15px 30px;
	line-height: 1.4;
}

.formTit {
	font-size: 30px;
	color: #6a0709;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.formTit img {
	margin-right: 20px;
}

.formBox {
	margin-top: 50px;
}

.formInnerBox {
	background: #fff;
	padding: 10px 110px 40px;
}

.formRow {
	padding-top: 10px;
}

.formItem {
	font-size: 20px;
	color: #171717;
	font-weight: bold;
	padding: 10px 0;
}

.form100 {
	background: #fafafa;
	border: 1px solid #c7c7c7;
	border-radius: 3px;
	width: 100%;
	line-height: 50px;
	padding: 0 10px;
}

.form50 {
	background: #fafafa;
	border: 1px solid #c7c7c7;
	border-radius: 3px;
	width: 50%;
	line-height: 50px;
	padding: 0 10px;
}

.formPP {
	border: 1px solid #c7c7c7;
	padding: 8px;
	font-size: 12px;
	color: #171717;
}

.fornBtnBox {
	text-align: center;
	padding-top: 50px;
}

.formBtn a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	background: #c9c9c9;
	border-radius: 10px;
	height: 100%;
}

.formBtn {
	display: inline-block;
	height: 70px;
	width: 440px;
}

#form {
	padding-top: 130px;
	margin-top: -130px;
}

.contactTime {
	width: 476px;
	text-align: right;
	margin: 0 auto;
}

.mt0 {
	margin-top: 0;
}

.recomendArea {
	padding-top: 43px;
	padding-bottom: 73px;
	background-image: url(../img/recomendBg.png);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.recomendTitle h2 {
	font-size: 43px;
	font-family: 'ヒラギノ角ゴ Std';
	text-align: center;
}

.recomendTitle {
	padding-bottom: 60px;
}

.recomendWrapper {
	display: flex;
	justify-content: space-around;
}

.meritArea {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 148px;
	position: relative;
}

.meritArea:after {
	content: '';
	display: block;
	border-style: solid;
	border-width: 19px 30px 0 30px;
	border-color: #ffffff transparent transparent transparent;
	bottom: -19px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	z-index: 1;
}

.meritTitle h2 {
	font-size: 43px;
	font-family: 'ヒラギノ角ゴ Std';
	color: #81181f;
}

.pointArea {
	background-color: #81181f;
	padding-top: 60px;
	padding-bottom: 100px;
}

.bookMark {
	background-color: #000;
	color: #fff;
	font-size: 24px;
	font-family: 'ヒラギノ角ゴ Std';
	width: 121px;
	height: 43px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.bookMark:after {
	content: '';
	border-style: solid;
	border-width: 43px 0 0 35px;
	border-color: transparent transparent transparent #000000;
	position: absolute;
	right: -34px;
}

.pointBox {
	display: flex;
	background-color: #fff;
	box-sizing: border-box;
	padding: 49px 43px;
	border: 3px solid #000;
	justify-content: space-between;
}

.pointBoxLeft {
	flex-basis: 60%;
}

.pointBoxRight {
	flex-basis: 37%;
}

.pointBoxLeft h3 {
	font-size: 30px;
	letter-spacing: 0.12em;
	font-family: 'ヒラギノ角ゴ Std';
	padding-bottom: 47px;
}

.pbText {
	font-size: 14px;
	letter-spacing: 0.04em;
	font-family: 'ヒラギノ角ゴ Pro';
	line-height: 2;
}

.pointBoxWrapper {
	margin-bottom: 38px;
}

.pointBoxWrapper:last-child {
	margin-bottom: 0;
}

.posR {
	position: relative;
}

.underImg {
	position: absolute;
	top: 10px;
	z-index: 1;
	transform: translateX(-50%);
	left: 50%;
}

.adviceGraghArea {
	padding-bottom: 165px;
}

.adviceTitle {
	padding-top: 121px;
	padding-bottom: 58px;
	z-index: 2;
	position: relative;
}

.adviceTitle h2 {
	font-size: 48px;
	font-family: 遊ゴシック;
	font-weight: bold;
	color: #373737;
	text-align: center;
}

.adviceText h3 {
	font-size: 34px;
	font-family: 'ヒラギノ角ゴ Std';
	text-align: center;
}

.nowText {
	font-size: 14px;
	font-family: 'ヒラギノ角ゴ Pro';
	text-align: right;
	padding-right: 253px;
	padding-bottom: 79px;
}

.graghArea {
	display: flex;
	border: 2px solid #c50004;
	background-color: #fff;
	justify-content: space-between;
	padding: 15px;
	margin-bottom: 30px;
}

.graghArea:last-child {
	margin-bottom: 0;
}

.graghLeft {
	flex-basis: 48%;
}

.graghRight {
	flex-basis: 48%;
}

.graghLeftTitle {
	font-size: 24px;
	font-family: 'ヒラギノ角ゴ Pro';
	line-height: 1.25;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 24px;
}

.graghBar {
	background-color: #c50004;
	color: white;
	text-align: center;
	border-radius: 10%/50%;
	width: 50%;
	font-size: 18px;
	font-weight: 300;
	color: white;
	margin-bottom: 23px;
}

.graghText {
	font-size: 14px;
	line-height: 1.71;
	font-weight: 300;
	color: #373737;
	font-family: 'ヒラギノ角ゴ Pro';
	margin-bottom: 10px;
}

.flowTitle h2 {
	font-size: 48px;
	font-family: 游ゴシック;
	font-weight: bold;
	color: #373737;
	text-align: center;
	z-index: 2;
}

.flowTitle {
	padding-top: 124px;
	padding-bottom: 42px;
	z-index: 2;
	position: relative;
}

.how-to {
	position: absolute;
	bottom: 54px;
	z-index: 1;
	transform: translateX(-50%);
	left: 50%;
}

.thisBox {
	text-align: center;
	font-size: 24px;
	font-family: 游ゴシック;
	font-weight: bold;
	color: white;
	width: 333px;
	padding: 15px 0px;
	margin: 0 auto;
	background-color: #940003;
	margin-bottom: 27px;
	position: relative;
}

.thisBox:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 20px 18.5px 0 18.5px;
	border-color: #940002 transparent transparent transparent;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}

.thisBox.stageBg5:after {
	border-color: #00479d transparent transparent transparent;
}

.requirement {
	padding-top: 20px;
	padding-bottom: 100px;
}

.adviceTwoText {
	position: relative;
	padding-bottom: 26px;
}

.adviceTwoText h2 {
	font-size: 60.95px;
	font-family: 游ゴシック;
	font-weight: bold;
	text-align: center;
	color: #940003;
	z-index: 2;
	position: relative;
}

.adviceCrin {
	font-size: 30px;
	font-family: 游ゴシック;
	font-weight: bold;
	font-family: 游ゴシック;
}

.adviceTwoText h2:after {
	content: '';
	width: 670px;
	height: 20px;
	display: block;
	left: 50%;
	transform: translate(-50%);
	position: absolute;
	z-index: -1;
	bottom: 23px;
	background-color: #fedf03;
}

.stepBoxArea {
	background-color: #e5e4e4;
	border-radius: 8px;
	padding-top: 61px;
	padding-bottom: 75px;
	background: rgb(228,228,229);
background: -moz-linear-gradient(top, rgba(228,228,229,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(228,228,229,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(228,228,229,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e5', endColorstr='#ffffff',GradientType=0 );
	filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.4));
	margin-bottom: 26px;
}

.stepBoxArea:last-child {
	margin-bottom: 0;
}

.stepBox {
	width: 670px;
	border-radius: 5px;
	background-color: #f9f9f9;
	height: 179px;
	margin: 0 auto;
	margin-bottom: 77px;
	display: flex;
	position: relative;
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
}

.stepBox:last-child {
	margin-bottom: 0;
}

.stepBoxLeft {
	flex-basis: 296px;
	background-color: #d64c60;
	position: relative;
	height: 100%;
	font-size: 48px;
	font-weight: bold;
	color: white;
	font-family: 游ゴシック;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 1.22;
	margin-left: 22px;
	margin-top: -21px;
	height: calc(100% + 21px);
	filter: drop-shadow(5px 5px 2px rgba(50, 10, 16, 0.3));
}

.stepBoxLeft:before {
	content: '';
	position: absolute;
	top: 0;
	right: -27px;
	border-style: solid;
	border-width: 21px 0 0 27px;
	border-color: transparent transparent transparent #8c3446;
}

.stepBoxLeft:after {
	content: '';
	position: absolute;
	bottom: -37px;
	border-style: solid;
	border-width: 37px 148px 0 148px;
	border-color: #d64c60 transparent transparent transparent;
}

.step {
	position: absolute;
	bottom: -20px;
	right: -115px;
}

.stepBoxRight {
	font-size: 18px;
	line-height: 1.55;
	color: #373737;
	padding: 33px 30px 0px 35px;
	font-weight: 300;
	-webkit-flex: 1;
	flex: 1;
}

.voiceTitle h2 {
	font-size: 48px;
	font-weight: bold;
	color: #373737;
	text-align: center;
	font-family: 游ゴシック;
}

.voiceTitle {
	position: relative;
	z-index: 2;
	padding-bottom: 64px;
}

.voiceArea {
	padding-top: 61px;
	position: relative;
	padding-bottom: 100px;
}

.voiceImg {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -20px;
}

.voiceBox {
	border: 3px solid #000;
	position: relative;
	display: flex;
	align-items: center;
	padding: 18px 33px 45px 47px;
}

.pentagonPosition {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, 0%);
}

.pentagonConetent {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	align-items: center
}

.pentaText {
	font-size: 24px;
	font-family: 'ヒラギノ角ゴ Std';
	color: #2d2d2d;
	z-index: 2;
	position: relative;
	text-align: center;
}

.zImg {
	position: absolute;
	z-index: 1;
	width: 202px;
	max-width: none;
}

.jobName {
	font-size: 18px;
	font-family: 'ヒラギノ角ゴ Std';
	color: #2d2d2d;
	display: block;
}

.voiceBox {
	margin-bottom: 100px;
}

.voiceBox:last-child {
	margin-bottom: 0;
}

.voiceBoxLeft {
	flex-basis: 65%;
	padding-right: 31px;
	z-index: 3;
	position: relative;
}

.voiceBoxLeft h3 {
	padding-top: 74px;
	font-size: 30px;
	letter-spacing: 0.12em;
	font-family: 'ヒラギノ角ゴ Std';
	margin-bottom: 25px;
}

.voiceText {
	font-size: 14px;
	letter-spacing: 0.04em;
	font-family: 'ヒラギノ角ゴ Pro';
	font-weight: 300;
	line-height: 1.5;
}

.voiceBoxRight {
	flex-basis: 35%;
}

.clipWrapper {
	display: flex;
	justify-content: space-between;
	padding-bottom: 16px;
}

.clipWrapper:after {
	padding-bottom: 0;
}

.clipBox {
	background-image: url(../img/clip.png);
	flex-basis: 49.5%;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 0px 50px;
	flex-direction: column;
	height: 418px;
}

.clipTitle {
	font-size: 20px;
	letter-spacing: 0.12em;
	font-family: 'ヒラギノ角ゴ Std';
	padding-bottom: 20px;
	padding-top: 106px;
}

.application {
	background-color: #bd3247;
}

.stepBoxLeft.application:after {
	border-color: #bd3247 transparent transparent transparent;
}

.Students {
	background-color: #9d293a;
}

.stepBoxLeft.Students:after {
	border-color: #9d293a transparent transparent transparent;
}

.qualification {
	background-color: #6f1320;
}

.stepBoxLeft.qualification:after {
	border-color: #6f1320 transparent transparent transparent;
}

.applicationBlue {
	background-color: #183c8d;
}

.stepBoxLeft.applicationBlue:after {
	border-color: #183c8d transparent transparent transparent;
}

.stepBoxLeft.applicationBlue:before {
	border-color: transparent transparent transparent #183c8d;
}

.StudentsBlue {
	background-color: #2f56ae;
}

.stepBoxLeft.StudentsBlue:after {
	border-color: #2f56ae transparent transparent transparent;
}

.stepBoxLeft.StudentsBlue:before {
	border-color: transparent transparent transparent #2f56ae;
}

.qualificationBlue {
	background-color: #6487d8;
}

.stepBoxLeft.qualificationBlue:after {
	border-color: #6487d8 transparent transparent transparent;
}

.stepBoxLeft.qualificationBlue:before {
	border-color: transparent transparent transparent #6487d8;
}

.workBook {
	background-color: #88a5e8;
}

.stepBoxLeft.workBook:after {
	border-color: #88a5e8 transparent transparent transparent;
}

.stepBoxLeft.workBook:before {
	border-color: transparent transparent transparent #88a5e8;
}

.finalTest {
	background-color: #a9c2fa;
}

.stepBoxLeft.finalTest:after {
	border-color: #a9c2fa transparent transparent transparent;
}

.stepBoxLeft.finalTest:before {
	border-color: transparent transparent transparent #a9c2fa;
}

.arrowImg {
	margin: 0 auto;
	margin-bottom: 26px;
}

.stepThisBox {
	background-color: #890041;
	width: 473px;
}

.pBg {
	background-color: #100964;
}

.thisBox.stepThisBox:after {
	border-color: #890041 transparent transparent transparent;
}

.thisBox.pBg:after {
	border-color: #100964 transparent transparent transparent;
}

.oneText h2 {
	color: #890041;
}

.reserve {
	background-color: #a34873;
}

.reserve.stepBoxLeft:after {
	border-color: #a34873 transparent transparent transparent;
}

.one {
	background-color: #932a5c;
}

.one.stepBoxLeft:after {
	border-color: #932a5c transparent transparent transparent;
}

.two {
	background-color: #751744;
}

.two.stepBoxLeft:after {
	border-color: #751744 transparent transparent transparent;
}

.oneQualification {
	background-color: #50082b;
}

.oneQualification.stepBoxLeft:after {
	border-color: #50082b transparent transparent transparent;
}

.priceArea {
	background-color: #81181f;
	padding: 99px 0px;
	position: relative;
}

.priceTitle h2 {
	font-size: 48px;
	font-weight: bold;
	font-family: 游ゴシック;
	color: white;
	text-align: center;
}

.priceTitle {
	padding-bottom: 90px;
	z-index: 2;
	position: relative;
}

.price {
	position: absolute;
	top: 17px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.priceTableWrapper {
	display: flex;
}

.priceTableArea {
	flex-basis: 50%;
}

.priceTableTitle {
	width: 85%;
	background-color: #fff;
	color: #c50004;
	font-size: 22px;
	font-family: 'ヒラギノ角ゴ Pro';
	font-weight: 600;
	margin: 0 auto;
	border-radius: 10%/50%;
	text-align: center;
	margin-bottom: 21px;
	position: relative;
}

.priceTableTitle:after {
	content: '';
	position: absolute;
	bottom: -13px;
	left: 50%;
	transform: translateX(-50%);
	border-style: solid;
	border-width: 13px 13px 0 13px;
	border-color: #ffffff transparent transparent transparent;
}

.priceBoxArea {
	width: 90%;
}

.priceCell {
	display: flex;
	border: 2px solid #fff;
	border-bottom: none;
}

.priceCell:last-child {
	border-bottom: 2px solid #fff
}

.priceleft {
	padding-left: 17px;
	flex-basis: 75%;
	background-color: #c50004;
	box-sizing: border-box;
	padding-top: 15px;
	padding-bottom: 17px;
	font-size: 16px;
	color: white;
	font-weight: 600;
	font-family: 'ヒラギノ角ゴ Pro';
}

.priceRight {
	padding-right: 8px;
	text-align: right;
	flex-basis: 25%;
	background-color: #fde1e2;
	box-sizing: border-box;
	padding-top: 15px;
	padding-bottom: 17px;
	font-size: 15px;
	color: #231717;
	font-weight: 600;
	font-family: 'ヒラギノ角ゴ Pro';
}

.fb100 {
	flex-basis: 100%;
}

.footerLinkWrapper {
	padding-top: 100px;
	padding-bottom: 35px;
}

.footerLink {
	display: flex;
	justify-content: center;
	space-between: center;
}

.footerLink>li>a {
	font-size: 15px;
	font-weight: bold;
	font-family: 游ゴシック;
	color: #515151;
	padding-right: 34px;
}

.clipText {
	font-size: 18px;
	color: #373737;
	line-height: 1.72;
}

.spBlock {
	display: none !important;
}

.ptBlue {
	color: #1d2088 !important;
}

.plBlue {
	background-color: #1d2088 !important;
}

.prBlue {
	background-color: #fff;
}

.contactBtnWrapper{
	display : flex;
	justify-content : space-between;
}

.contactBtn.document a{
	background: rgb(97,177,215);
background: -moz-linear-gradient(left, rgba(97,177,215,1) 0%, rgba(34,97,173,1) 99%);
background: -webkit-linear-gradient(left, rgba(97,177,215,1) 0%,rgba(34,97,173,1) 99%);
background: linear-gradient(to right, rgba(97,177,215,1) 0%,rgba(34,97,173,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61b1d7', endColorstr='#2261ad',GradientType=1 );
}

@media screen and (max-width: 1399px) {
	#form {
		padding-top: 80px;
		margin-top: -80px;
	}
}

@media screen and (max-width: 1280px) {
	.bigContainer {
		width: 96%;
	}
}

@media screen and (max-width: 1239px) {
	.clipText {
		padding-right: 55px;
	}
}

@media screen and (max-width: 1199px) {
	.clipText {
		padding-right: 0px;
	}
}

@media screen and (max-width: 991px) {
	.contactPhone a {
		font-size: 48px;
	}
	.contactPhone i {
		font-size: 48px;
	}
	.band2Catch {
		font-size: 48px;
	}
	.voiceCatch {
		font-size: 28px;
	}
	.voiceBoxTit {
		font-size: 22px;
	}
	.bandCatch {
		font-size: 22px;
	}
	.contactCatch {
		font-size: 24px;
	}
	.contactTime {
		width: auto;
		text-align: center;
	}
	.contactBtn a {
		font-size: 22px;
	}
	.contactBigText {
		font-size: 26px;
	}
	.meritTitle h2 {
		font-size: 34px;
	}
	.pointBoxLeft h3 {
		font-size: 24px;
	}
	.bookMark {
		font-size: 22px;
	}
	.adviceTitle h2 {
		font-size: 40px;
	}
	.adviceText h3 {
		font-size: 26px;
	}
	.adviceTitle {
		padding-bottom: 30px;
	}
	.graghLeftTitle {
		font-size: 22px;
	}
	.adviceGraghArea {
		padding-bottom: 100px;
	}
	.voiceTitle h2 {
		font-size: 40px;
	}
	.voiceTitle {
		padding-bottom: 30px;
	}
	.clipTitle {
		font-size: 16px;
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.clipText {
		font-size: 16px;
		line-height: 1.3;
	}
	.flowTitle h2 {
		font-size: 40px;
	}
	.flowTitle {
		padding-top: 100px;
		padding-bottom: 30px;
	}
	.thisBox {
		font-size: 22px;
	}
	.adviceTwoText h2 {
		font-size: 48px;
	}
	.step {
		bottom: -50px;
		right: -16px;
	}
	.stepBoxLeft {
		font-size: 40px;
	}
	.stepBox {
		width: 90%;
	}
	.stepBoxRight {
		font-size: 16px;
		padding: 12px;
		padding-bottom: 0;
	}
	.requirement {
		padding-bottom: 60px;
	}
	.priceTitle h2 {
		font-size: 40px;
	}
	.priceTitle {
		padding-bottom: 40px;
	}
	.priceTableTitle {
		font-size: 20px;
		width: 90%;
	}
	.priceleft {
		padding-left: 10px;
		flex-basis: 70%;
		font-size: 14px;
	}
	.priceRight {
		flex-basis: 30%;
		font-size: 14px;
		padding-right: 6px;
	}
	.priceArea {
		padding: 60px 0px;
	}
	.footerLinkWrapper {
		padding-top: 70px;
		padding-bottom: 25px;
	}
	.footerLink>li>a {
		font-size: 14px;
		padding-right: 25px;
	}
	.recomendTitle h2 {
		font-size: 34px;
	}
	.fb100 {
		flex-basis: 100%;
	}
	.meritTitleTop {
		font-size: 24px;
	}
	.crin {
		font-size: 16px;
	}
	.voiceBoxLeft {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.voiceBox {
		padding: 20px;
	}
	.voiceBoxLeft h3 {
		padding-top: 50px;
		font-size: 22px;
	}
	.jobName {
		font-size: 14px;
	}
	.pentaText {
		font-size: 20px;
	}
	.zImg {
		width: 160px;
	}
	.adviceCrin {
		font-size: 18px;
	}
	.contactBtn{
		width: 330px;
	}
}

@media screen and (max-width: 767px) {
	.contactBtnWrapper{
		flex-direction : column;
	}
	.document{
		margin-top: 10px;
	}
	.contactPhone a {
		pointer-events: visible;
		font-size: 22px;
	}
	.contactBtn {
		width: 100%;
		height: 80px;
	}
	.formBtn {
		width: 100%;
	}
	.bandCatch {
		font-size: 20px;
	}
	.bandNum {
		width: 100%;
		margin-bottom: 10px;
	}
	.contactCatch {
		font-size: 18px;
	}
	.contactPhone {
		flex-wrap: wrap;
	}
	.contactPhone span {
		display: block;
		width: 100%;
	}
	.contactPhone i {
		font-size: 36px;
	}
	.contactBoxTxt {
		font-size: 12px;
	}
	.contactBtn a {
		font-size: 14px;
	}
	.reasonTit {
		font-size: 18px;
		background-size: contain;
		height: 100px;
	}
	.reasonInnerBox {
		width: 94%;
		height: auto;
	}
	.reasonInnerBg1 {
		background-size: cover;
		background-position: right;
	}
	.reasonInnerTit {
		font-size: 30px;
		padding-bottom: 10px;
	}
	.reasonInnerBg2 {
		background-size: cover;
		background-position: left;
	}
	.reasonInnerBg3 {
		background-size: cover;
		background-position: right;
	}
	.contact2Tit1 {
		font-size: 20px;
	}
	.contact2Tit1 {
		font-size: 16px;
	}
	.contact2Tit3 {
		font-size: 28px;
	}
	.contact2Tit {
		padding-top: 10px;
	}
	.flowTit {
		font-size: 18px;
		background-size: contain;
		height: 100px;
	}
	.flowBoxTit {
		font-size: 26px;
	}
	.flowBoxTit span {
		font-size: 16px;
	}
	.flowInnerBox {
		margin: 0px 10px;
		padding: 10px;
	}
	.flowImg {
		width: 100%;
	}
	.flowInnerTxtBox {
		width: 100%;
		padding-left: 0;
	}
	.flowInnerTit {
		font-size: 18px;
		padding: 10px 0;
	}
	.band2Txt {
		width: 100%;
		font-size: 13px;
	}
	.band2Catch {
		font-size: 30px;
	}
	.priceTit {
		font-size: 18px;
		background-size: contain;
		height: 100px;
	}
	.price1Tit .priceItem, .price1Tit .priceTxt, .price1Tit2 .priceItem,
		.price1Tit2 .priceTxt {
		font-size: 14px;
		width: 100%;
	}
	.priceRow {
		flex-wrap: wrap;
	}
	.priceItem, .priceTxt {
		font-size: 14px;
		width: 100%;
	}
	.voiceTit {
		font-size: 18px;
		background-size: contain;
		height: 100px;
	}
	.voiceCatch {
		font-size: 20px;
	}
	.voiceBox {
		flex-wrap: wrap;
	}
	.voiceBoxImg {
		width: 100%;
		text-align: center;
	}
	.voiceBoxImg img {
		display: inline-block;
	}
	.voiceBoxTxtBox {
		width: 100%;
	}
	.voiceBoxTit {
		padding: 10px 0 15px 0px;
		font-size: 18px;
	}
	.voiceBoxName {
		font-size: 16px;
		padding: 15px 0px;
	}
	.voiceBoxName span {
		font-size: 16px;
	}
	.voiceBoxTxt {
		padding: 15px 0 15px 0px;
	}
	.formTit {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.formTit img {
		height: 30px;
		width: 6px;
	}
	.formInnerBox {
		padding: 10px 10px 40px;
	}
	.formItem {
		font-size: 16px;
		padding: 5px 0;
	}
	.form50 {
		width: 100%;
	}
	#form {
		padding-top: 60px;
		margin-top: -60px;
	}
	.contact2Tit2 {
		font-size: 13px;
	}
	.flowBoxTit:after {
		height: 10px;
		bottom: 5px;
		width: 100%;
		left: 0;
	}
	.btnTop img {
		margin-right: auto;
	}
	.btnMiddle img {
		margin: 0 auto;
	}
	.btnBottom img {
		margin-left: auto;
	}
	.bandNum img {
		width: 45%;
	}
	.contactBigText {
		font-size: 24px;
	}
	.recomendArea {
		padding-top: 30px;
		padding-bottom: 50px
	}
	.recomendTitle {
		padding-bottom: 30px;
	}
	.recomendWrapper {
		flex-direction: column;
	}
	.recomendWrapper img {
		height: 200px;
		width: 200px;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	.meritTitle h2 {
		font-size: 24px;
	}
	.pointBox {
		padding: 30px 43px;
		flex-direction: column;
	}
	.pointBoxLeft h3 {
		padding-bottom: 20px;
		font-size: 20px;
	}
	.pbText {
		line-height: 1.7;
	}
	.pointBoxLeft {
		flex-basis: 100%;
		padding-bottom: 20px;
	}
	.pointBoxRight {
		flex-basis: 100%;
	}
	.pointBoxRight img {
		width: 100%;
	}
	.adviceTitle h2 {
		font-size: 26px;
	}
	.underImg {
		width: 50%;
	}
	.adviceText h3 {
		font-size: 20px;
	}
	.adviceTitle {
		padding-bottom: 20px;
		padding-top: 50px;
	}
	.nowText {
		padding-right: 0;
		padding-bottom: 20px;
	}
	.graghArea {
		flex-direction: column;
	}
	.spHidden {
		display: none !important;
	}
	.spBlock {
		display: block !important;
	}
	.graghSp {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}
	.charaSp {
		width: 100%;
	}
	.graghContentWrapper {
		width: 100%;
	}
	.gragh {
		margin: 0 auto;
	}
	.ftwo {
		order: 2;
	}
	.fone {
		order: 1;
	}
	.clipBox {
		flex-direction: column;
		padding: 0;
		height: 270px;
		width: 300px;
		margin: 0 auto;
	}
	.clipWrapper {
		flex-direction: column;
	}
	.clipTitle {
		width: 85%;
		margin: 0 auto;
	}
	.clipText {
		width: 85%;
		margin: 0 auto;
	}
	.voiceArea {
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.voiceImg {
		width: 50%;
		top: 10px;
	}
	.how-to {
		width: 50%;
		bottom: 50px;
	}
	.flowTitle {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.flowTitle h2 {
		font-size: 26px;
	}
	.thisBox {
		font-size: 16px;
	}
	.adviceTwoText h2 {
		font-size: 22px;
	}
	.adviceTwoText h2:after {
		width: 240px;
		height: 12px;
		bottom: 7px;
	}
	.stepBoxLeft {
		font-size: 26px;
	}
	.stepBoxLeft {
		flex-basis: 130px;
		margin-left: 10px;
		font-size: 18px;
	}
	.stepBoxLeft:after {
		border-width: 24px 65px 0 65px;
	}
	.stepBoxLeft:after {
		bottom: -24px;
	}
	.stepBoxRight {
		font-size: 12px;
	}
	.footerLink>li>a {
		font-size: 10px;
		padding-right: 10px;
	}
	.footerLinkWrapper {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.requirement {
		padding-bottom: 50px;
	}
	.price {
		width: 50%;
	}
	.priceTitle h2 {
		font-size: 26px;
	}
	.priceTitle {
		padding-bottom: 30px;
	}
	.priceTableWrapper {
		flex-direction: column;
	}
	.priceTableArea {
		flex-basis: 100%;
	}
	.priceBoxArea {
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.fb100 {
		flex-basis: 100%;
	}
	.priceArea {
		padding: 40px 0px;
	}
	.step {
		bottom: 1px;
		right: -4px;
		width: 30%;
	}
	.thisBox {
		width: 284px;
		padding: 8px 0px;
	}
	.stepThisBox {
		width: 284px;
	}
	.graghBar {
		width: 100%;
	}
	.clipText {
		font-size: 12px;
		line-height: 1.3;
	}
	.recomendTitle h2 {
		font-size: 20px;
	}
	.meritTitle {
		width: 90%;
	}
	.adviceGraghArea {
		padding-bottom: 50px;
	}
	.priceTableTitle {
		font-size: 16px;
	}
	.footerLink {
		flex-wrap: wrap;
	}
	.stepBox {
		height: 155px;
		margin-bottom: 55px;
	}
	.stepBoxArea {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.requirement {
		padding-top: 0;
	}
	.voiceTitle {
		padding-bottom: 0;
	}
	.voiceTitle h2 {
		font-size: 26px;
		margin-bottom: 30px;
	}
	.pointArea {
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.meritTitleTop {
		font-size: 16px;
		width: 90%;
	}
	.crin {
		font-size: 12px;
	}
	.voiceBox {
		flex-direction: column;
	}
	.pentagonPosition {
		transform: translate(0%, 0%);
		top: -20px;
		left: -7px;
	}
	.voiceBoxLeft {
		padding-right: 0;
	}
	.workPosi {
		left: -10px;
	}
	.adviceCrin {
		font-size: 12px;
	}
	.adviceBlue h2 {
		font-size: 16px;
	}
	.voiceBoxLeft h3 {
		padding-top: 30px;
		font-size: 20px;
	}
}