@charset "utf-8";
h1,
h2 {
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	letter-spacing: 3px;
}
.mvBox {
	width: 100%;
	max-width: 1480px;
	height: 575px;
	position: relative;
	margin: 0 auto 215px;
}
.mvBox ul {
	width: 100%;
	height: 575px;
	overflow: hidden;
}
.mvBox .slick-dotted.slick-slider {
	margin: 0;
}
.mvBox .txtBox {
	position: relative;
	margin: -125px auto;
}
.mvBox .txtBox figure {
	width: 480px;
	height: 200px;
	text-align: center;
	margin: auto;
}
.mvBox .txtBox figure img {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.mvBox .txtBox figure figcaption {
	font-size: 16px;
	letter-spacing: .2em;
	line-height: 1;
	position: relative;
}
.mvBox .txtBox figure figcaption:before {
	content: "";
	display: inline-block;
	width: 93px;
	height: 91px;
	background: url(../img/top/ico_ttl01.png) no-repeat center /93px 91px;
	position: absolute;
	left: -100px;
	top: -75px;
}
.mvBox .txtBox figure figcaption:after {
	content: "";
	display: inline-block;
	width: 59px;
	height: 84px;
	background: url(../img/top/ico_ttl02.png) no-repeat center /59px 84px;
	position: absolute;
	right: -100px;
	top: -80px
}
.linkArea {
	width: 1000px;
	margin: 0 auto 250px;
}
.linkArea ul {
	display: flex;
	justify-content: center;
}
.linkArea ul li {
	width: 470px;
	height: auto;
	position: relative;
}
.linkArea ul li:nth-child(1) {
	margin-right: 60px;
}
.linkArea ul li a {
	width: 100%;
	height: 100%;
}
.linkArea ul li img {
	width: 100%;
	height: auto;
}
.linkArea ul li .txtBox {
	width: 280px;
	height: 300px;
	padding: 45px 0 0 20px;
	box-sizing: border-box;
	position: absolute;
	bottom: -105px;
	right: -30px;
	color: #fff;
	font-size: 40px;
	letter-spacing: .05em;
	line-height: 1.2em;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 400;
	font-style: italic;
}
.linkArea ul li:nth-child(1) .txtBox {
	background: rgba(231, 44, 46, .7);
}
.linkArea ul li:nth-child(2) .txtBox {
	background: rgba(243, 151, 0, .7);
}
.linkArea ul li .txtBox .bg_wh {
	background: #fff;
	display: block;
	padding: 10px 15px;
	width: 204px;
	box-sizing: border-box;
	font-size: 16px;
	letter-spacing: .1em;
	line-height: 1;
	margin-bottom: 25px;
}
.linkArea ul li:nth-child(1) .txtBox .bg_wh {
	color: #e72c2e;
	font-weight: 500;
	font-style: normal;
}
.linkArea ul li:nth-child(2) .txtBox .bg_wh {
	color: #f39700;
	font-weight: 500;
	font-style: normal;
}
/* ===========================
newgrads.html
============================*/
.mvBox02 {
	width: 100%;
	max-width: 1480px;
	margin: 30px auto 110px;
}
.mvBox02 figure,
.mvBox02 figure img {
	width: 100%;
	height: auto;
}
.mvBox02 figure {
	position: relative;
}
.mvBox02 figure figcaption {
	position: absolute;
	bottom: 170px;
	right: 145px;
	font-size: 70px;
	letter-spacing: .05em;
	line-height: 1.15em;
	color: #e72c2e;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 700;
	font-style: italic;
}
.mvBox02 figure figcaption img {
	display: block;
	width: 245px;
	height: auto;
	margin: 0;
}
/*タイトル周り
=======================================*/
.enttl {
	font-size: 36px;
	letter-spacing: .2em;
	line-height: 1;
	margin-bottom: 70px;
	text-align: center;
	color: #e72c2e;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.sub_jattl {
	display: block;
	font-size: 15px;
	letter-spacing: .2em;
	line-height: 1;
	margin-top: 15px;
}
#concept {
	width: 1000px;
	margin: 0 auto 75px;
	text-align: center;
}
.message {
	font-size: 24px;
	color: #e72c2e;
	line-height: 2em;
	margin-bottom: 30px;
}
.message_txt {
	font-size: 15px;
	line-height: 3em;
	letter-spacing: .1em;
}
#reason {
	background: url(../img/newgrads/bg_reason.png);
	padding: 80px 0;
}
#reason .innerWrap {
	width: 1000px;
	margin: auto;
}
#reason ul {
	display: flex;
	justify-content: center;
	margin: 0 auto 55px;
}
#reason ul li {
	width: 50%;
}
.rp01 .imgBox,
.rp03 .imgBox {
	padding: 0 90px 0 0;
	box-sizing: border-box;
}
.rp02 .imgBox,
.rp04 .imgBox {
	order: 2;
	padding: 0 0 0 90px;
}
.reason_point .imgBox img {
	width: 100%;
	height: auto;
}
.reason_point .txtBox .redttl {
	font-size: 20px;
	line-height: 2em;
	letter-spacing: .1em;
	padding-top: 15px;
	color: #e72c2e;
	margin-bottom: 20px;
}
#voice {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	padding: 130px 0 115px;
}
#voice ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#voice ul li {
	width: 270px;
	height: 270px;
	margin: 0 50px 30px 0;
}
#voice ul li img {
	width: 100%;
	height: auto;
}
#event {
	position: relative;
	margin-top: 60px;
}
#event:before {
	content: "";
	display: block;
	width: 150px;
	height: 100px;
	background: url(../img/newgrads/ico_new_slider_b.png) no-repeat center / 150px 100px;
	position: absolute;
	top: 70px;
	left: 15%;
	z-index: 1;
}
#event:after {
	content: "";
	display: block;
	width: 230px;
	height: 115px;
	background: url(../img/newgrads/ico_new_slider_a.png) no-repeat center / 230px 115px;
	position: absolute;
	top: 400px;
	right: 15%;
	z-index: 1;
}
#newgrads #event .slick-slide img {
	height: 320px;
	object-fit: cover;
}
#career #event .slick-slide img {
	height: 320px;
	object-fit: cover;
}
#infomation {
	background: #f6f2ef;
	margin: 150px auto 85px;
	padding: 0 0 75px;
}
#infomation .innerWrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
#infomation .innerWrap h2 {
	position: relative;
	top: -20px;
}
#infomation table {
	border-collapse: collapse;
	width: 800px;
	margin: auto;
}
#infomation tr {
	border-bottom: solid 1px #a87e64;
}
#infomation th {
	width: 145px;
	text-align: right;
}
#infomation td {
	width: 660px;
	padding: 30px 20px 30px 100px;
	box-sizing: border-box;
}
.instagramArea {
	background: #fdeff3;
	padding: 30px 0;
	margin: 120px auto 0;
}
.instagramArea .innerWrap {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	background: #fff;
	padding: 40px 20px;
}
.instagramArea ul {
	display: flex;
	justify-content: center;
}
.instagramArea ul li {
	width: 160px;
	height: 160px;
	margin-right: 10px;
}
.instagramArea ul li:last-child {
	margin-right: 0;
}
.instagramArea ul li.txtBox {
	width: 300px;
}
.instagramArea ul li.txtBox img {
	display: block;
	width: 80%;
	margin: auto;
}
.instagramArea ul li.txtBox .followme_logo {
	width: 40px;
	height: auto;
	margin: 20px auto 20px;
}
.instagramArea ul li.txtBox p {
	color: #fff;
	background: #a87e64;
	text-align: center;
	letter-spacing: 0.1em;
	border-radius: 15px;
}
.instagramArea ul li img {
	width: 100%;
}
.applyArea {
	padding: 95px 0 90px;
}
.applyArea ul {
	width: 800px;
	height: auto;
	margin: auto;
	background: url(../img/newgrads/ico_apply_b.png) no-repeat top left / 240px 95px, url(../img/newgrads/bg_apply.png);
	border-radius: 30px;
	padding: 60px 50px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	color: #fff;
}
.applyArea ul li {
	width: 50%;
}
.applyArea .txtBox .ttl_wh {
	font-size: 50px;
	letter-spacing: .05em;
	line-height: 1;
	padding-top: 50px;
	margin-bottom: 35px;
	background: url(../img/newgrads/ico_apply_a.png) no-repeat bottom 10px right 10px/ 75px auto;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 400;
	font-style: italic;
}
.applyArea .txtBox:nth-child(1) {}
.applyArea .txtBox:nth-child(2) {
	padding-left: 30px;
	box-sizing: border-box;
}
.applyArea .txtBox p {
	font-size: 13px;
	line-height: 2em;
	letter-spacing: 0.1em;
}
.applyArea .txtBox .formlink {
	display: block;
	width: 300px;
	height: 70px;
	line-height: 70px;
	border: solid 1px #fff;
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
}
.applyArea .txtBox .dial {
	display: block;
	width: 300px;
	color: #fff;
	text-align: center;
	font-size: 32px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: .1em;
}
.applyArea .txtBox .hours {
	font-size: 12px;
	display: block;
	letter-spacing: .1em;
	margin-top: 15px;
	font-weight: normal;
}
/*=====================================
career.html
=======================================*/
#career .mvBox02 figure figcaption {
	color: #f39700;
	right: inherit;
	left: 145px;
	padding: 20px;
	border-top: #f39700 solid 1px;
	border-bottom: #f39700 solid 1px;
	font-family: brandon-grotesque, sans-serif;
    font-weight: 400;
    font-style: italic;
}
#career .mvBox02 figure figcaption span {
	display: block;
	font-size: 18px;
	line-height: 1;
	margin-top: 20px;
}
#career .enttl {
	color: #f39700;
}
#career .message {
	color: #f39700;
}
#career .reason_point .txtBox .redttl {
	color: #f39700;
}
#career #reason{
	background: url(../img/career/bg_ylw_stripe.jpg);
    padding: 80px 0;
}
#career #event:before {
	content: none;
}
#career #event:after {
	content: none;
}
#career #infomation {
	background: #fbf5e6;
}
#career .instagramArea {
	background: #f6f2ef;
}
#career .applyArea {
	position: relative;
}
#career .applyArea ul {
	background:url(../img/career/bg_apply.jpg);
	z-index: 0;
}
#career .applyArea ul,#career .applyArea .icoBox{
	position: relative;
	width: 800px;
	height: auto;
	margin: auto;
}
#career .applyArea ul:before{
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	background: url(../img/career/ico_apply.png) no-repeat center / 28px auto;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}
#career .applyArea .icoBox:before{
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	background: url(../img/career/ico_apply.png) no-repeat center / 28px auto;
		transform: rotate(90deg);
	position: absolute;
	top: 10px;
	right: 10px;
		z-index: 1;
}
#career .applyArea ul:after{
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	background: url(../img/career/ico_apply.png) no-repeat center / 28px auto;
	transform: rotate(-90deg);
	position: absolute;
	bottom: 10px;
	left: 10px;
		z-index: 1;
}
#career .applyArea .icoBox:after{
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	background: url(../img/career/ico_apply.png) no-repeat center / 28px auto;
	transform: rotate(180deg);
	position: absolute;
	bottom: 10px;
	right: 10px;
		z-index: 1;
}
#career .applyArea .txtBox .ttl_wh{
	background: url(../img/career/ico_apply_a.png) no-repeat bottom 25px left 205px/ 36px auto;
}
/*===============================
contact.html
==================================*/
input[type="radio"]{
    margin-top: 0 ;
}
#form main{
	position: relative;
	z-index: 1;
}
.mvBox_entry{
	width: 100%;
	max-width: 1100px;
	margin: 80px  auto 0;
	text-align: center;

}
.formArea {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.formArea table{
	width: 100%;
	max-width: 900px;
	margin: auto;
	border-collapse: collapse;
}
.formArea tr:nth-child(odd){
	background: #efefef;
}
.formArea th{
	width: 240px;
	text-align: left;
	font-weight: normal;
	padding-left: 5px;
	box-sizing: border-box;
}
.formArea td{
	width: calc(100% - 240px);
	padding: 15px 0;
}
.formArea td ul{
	display: flex;
	justify-content: flex-start;
	}
.caution{
	color: #e72c2e;
}
#thanks section:nth-child(1){
	margin:100px auto;
}
#thanks .message{
	font-size: 18px;
}
/*======================================
スマホ対応
====================================*/
@media screen and (max-width: 480px) {
	/*    TOP ページ */
	.mvBox {
		height: auto;
		margin-bottom: 60px;
	}
	.mvBox ul {
		height: auto;
	}
	.mvBox .txtBox {
		margin: -70px auto 0;
	}
	.mvBox .txtBox figure {
		width: 75%;
		height: auto;
	}
	.mvBox .txtBox figure figcaption:before {
		width: 60px;
		height: 60px;
		background-size: 60px 57px;
		left: -45px;
		top: -45px;
	}
	.mvBox .txtBox figure figcaption:after {
		width: 36px;
		height: 60px;
		background-size: 36px 60px;
		right: -30px;
		top: -45px;
	}
	.linkArea {
		width: 94%;
		margin: auto;
	}
	.linkArea ul {
		display: block;
		margin-bottom: 100px;
	}
	.linkArea ul li {
		width: 100%;
	}
	.linkArea ul li:nth-child(1) {
		margin: 0 0 75px 0;
	}
	.linkArea ul li .txtBox {
		bottom: -50px;
		right: -20px;
	}
	/* ========================================
   新卒ページ 
    =======================================*/
	.mvBox02 {
		margin-bottom: 40px
	}
	.enttl {
		font-size: 28px;
		margin-bottom: 40px;
	}
	.sub_jattl {
		font-size: 14px;
		line-height: 1.8em;
	}
	#voice {
		padding: 40px 0 60px;
	}
	#infomation {
		margin: 120px auto 40px;
	}
	#infomation .innerWrap h2 {
		top: -10px;
		margin-bottom: 10px;
	}
	.mvBox02 figure figcaption {
		font-size: 32px;
		bottom: 15px;
		right: 45px;
	}
	.mvBox02 figure figcaption img {
		width: 175px;
	}
	#concept {
		width: 94%;
		margin: 0 auto 40px;
	}
	.message {
		font-size: 18px;
	}
	.message_txt {
		font-size: 14px;
		line-height: 2.1em;
	}
	#reason {
		padding: 40px 0;
	}
	#reason .innerWrap {
		width: 94%;
		margin: auto;
	}
	#reason ul {
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	#reason ul:last-child {
		margin-bottom: 0;
	}
	#reason ul li {
		width: 100%;
	}
	#reason ul li.imgBox {
		order: 1;
		padding: 0;
	}
	#reason ul li.txtBox {
		order: 2;
	}
	.reason_point .txtBox .redttl {
		font-size: 18px;
		margin-bottom: 10px;
		line-height: 1.5em;
	}
	#voice ul {
		width: 94%;
		margin: 0 auto;
		justify-content: flex-start;
	}
	#voice ul li {
		width: 50%;
		height: auto;
		box-sizing: border-box;
		margin: 0 0 20px;
	}
	#voice ul li:nth-child(odd) {
		padding: 0 10px 0 0;
	}
	#voice ul li:nth-child(even) {
		padding: 0 0 0 10px;
	}
	#event:before {
		width: 90px;
		height: 60px;
		background-size: 90px 60px;
		left: 15px;
		top: 65px;
	}
	#event:after {
		width: 115px;
		height: 58px;
		background-size: 115px 57px;
		top: 285px;
		right: 25px;
	}
	#newgrads #event .slick-slide img {
		height: 210px;
	}
	#career #event .slick-slide img {
		height: 210px;
	}
	#infomation table {
		width: 94%;
	}
	#infomation table th,
	#infomation table td {
		display: block;
		width: 100%;
		text-align: left;
	}
	#infomation table th {
		padding: 10px 15px 0;
	}
	#infomation table td {
		padding: 10px 15px;
	}
	.instagramArea .innerWrap {
		width: 94%;
		box-sizing: border-box;
		padding: 5% 3%;
	}
	.instagramArea ul {
		flex-wrap: wrap;
	}
	.instagramArea ul li {
		width: calc(50% - 5px);
		height: auto;
		margin-right: 10px;
	}
	.instagramArea ul li:nth-child(2),
	.instagramArea ul li:nth-child(3),
	.instagramArea ul li:nth-child(5) {
		margin-right: 0;
	}
	.instagramArea ul li.txtBox {
		width: 90%;
		margin: 15px auto;
	}
	.instagramArea ul li.txtBox .followme_logo {
		margin: 10px auto;
	}
	.applyArea {
		padding: 40px 0;
	}
	.applyArea ul {
		width: 94%;
		margin: auto;
		display: block;
		padding: 30px 15px 45px;
	}
	.applyArea ul li {
		width: 100%;
	}
	.applyArea .txtBox .ttl_wh {
		padding-left: 20px;
	}
	.applyArea .txtBox:nth-child(2) {
		padding: 30px 0 0 0;
	}
	.applyArea .txtBox .formlink {
		margin: 0 auto 20px;
		width: 100%
	}
	.applyArea .txtBox .dial {
		margin: 0 auto;
		width: 100%;
	}
/*	================================
	career.html
	=============================*/
	#career .mvBox02 figure figcaption{
		left: 15px;
		top: 35px;
		padding: 20px 0;
		font-size: 32px;
	}
	#career .mvBox02 figure figcaption span{
		font-size: 12px;
		margin-top: 10px;
	}
	#career #event:before{
		width: 90px;
		height: 60px;
		background-size: 90px 60px;
		left: 15px;
		bottom: 65px;
	}
		#career #event:after{
		width: 130px;
		height: 58px;
		background-size: 130px 58px;
		left: 210px;
		bottom: 25px;
	}
	#career .applyArea{
		width: 94%;
		margin: 0 auto;
	}
	#career .applyArea .icoBox{
		width: 100%;
	}
	#career .applyArea ul{
		width: 100%;
	}
	#career .applyArea .txtBox .ttl_wh{
		padding-left: 0;
	}
    .formArea td ul{
        flex-wrap: wrap;
    }

#thanks section:nth-child(1){
	margin:60px auto 45px;
}
#thanks .message{
	font-size: 16px;
}
}