@import url(style_org.css);

.inner.service {
	max-width: 102.4rem;
	padding: 12rem 0 0;
}

@media screen and (max-width: 767px) {
	.inner.service {
		padding: 5rem 2rem 0;
	}
}

.inner.service .feature {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 6rem 0 0;
}

@media screen and (max-width: 767px) {
	.inner.service .feature {
		display: block;
		margin: 5rem 0 0;
	}
}

.inner.service .feature .item {
	width: 32rem;
}

@media screen and (max-width: 767px) {
	.inner.service .feature .item {
		width: auto;
		margin: 3rem 0 0;
	}
}

.inner.service .feature .item .image {
	position: relative;
}

.inner.service .feature .item .image figcaption {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	color: #fff;
	font-size: 1rem;
	line-height: 1;
	text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px;
}

.inner.service .feature .item .text {
	margin: 3rem 0 0;
}

.inner.service .feature .item .text .label {
	color: #eec85b;
	font-family: "Cinzel", serif;
	font-size: 2.8rem;
	letter-spacing: .16em;
	line-height: 1;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.inner.service .feature .item .text .label {
		font-size: 2rem;
	}
}

.inner.service .feature .item .text p {
	padding: 2.7rem 0 0;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.inner.service .feature .item .text p {
		padding: 2rem 0 0;
	}
}

.interview .btNext {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 32rem;
	margin: 8rem auto 0;
	border: none;
	padding: 0;
	position: relative;
	color: #fff;
	font-size: 1.9rem;
	letter-spacing: .07em;
	line-height: 5.6rem;
	text-align: center;
	-webkit-box-shadow: inset 0 0 0 1px #bc9e4a;
	box-shadow: inset 0 0 0 1px #bc9e4a;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	.interview .btNext {
		width: 80%;
		font-size: 1.6rem;
	}
}

.interview .btNext::after {
	content: '';
	display: block;
	width: 6.6rem;
	height: 1px;
	position: absolute;
	top: 50%;
	right: 0;
	background: #bc9e4a;
}

@media screen and (max-width: 767px) {
	.interview .btNext::after {
		width: 4rem;
	}
}

.interview .sec02 .content_box+.content_box {
	display: none;
}

.interview .sec02 .content_box+.content_box .limitedAreaTtl {
	margin-top: 0;
}

.interview .sec02 .content_box_clm.noclm .image_box {
	margin-bottom: 3rem;
}

.interview .sec02 .content_box .inner+.inner {
	margin-top: 12rem;
}

.interview.interview .sec02 .intro_area_frame_ttl {
	width: calc(75.87891% + 40px);
}

.sec00 {
	margin-top: 0;
}

@media screen and (max-width: 767px) {
	.sec00 {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: calc(200 / 750 * 100vw);
		margin-top: calc(150 / 750 * 100vw);
		width: 100%;
		z-index: 2;
	}
}

@media screen and (max-width: 767px) {
	.sec00 .pttl{
		position: static;
		transform: none;
	}
}
@media screen and (max-width: 767px) {
	.information .sec01 {
		background: none;
	}
}

.information .sec01 #pankuzu + .inner {
	margin-top: 200px;
}

.information .sec01 #pankuzu + .inner.detail {
	margin-top: 0;
}


@media screen and (max-width: 767px) {
	.information .sec01 #pankuzu + .inner {
		margin-top: calc(240 / 750 * 100vw);
	}
	}

.cont_clm {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: -3.90625%; }

.cont_clm > div {
width: 48.4375%;
margin-bottom: 3.90625%; }

@media screen and (max-width: 767px) {
.cont_clm > div {
	width: 100%; } }

.cont_clm > div a {
display: block;
position: relative; }

.cont_clm > div a img {
border: 1px solid #bc9e4a; }

.cont_clm > div a::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0);
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease; }

.cont_clm > div a span {
display: block;
position: relative; }

.cont_clm > div a span.lt::before {
content: "";
width: 1px;
height: 0%;
position: absolute;
top: 0;
left: 0;
background: #fff;
z-index: 10;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease; }

.cont_clm > div a span.lt::after {
content: "";
width: 0%;
height: 1px;
position: absolute;
top: 0;
left: 0;
background: #fff;
z-index: 10;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease; }

.cont_clm > div a span.rb::before {
content: "";
width: 1px;
height: 0%;
position: absolute;
bottom: 0;
right: 0;
background: #fff;
z-index: 10;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease; }

.cont_clm > div a span.rb::after {
content: "";
width: 0%;
height: 1px;
position: absolute;
bottom: 0;
right: 0;
background: #fff;
z-index: 10;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease; }

.cont_clm > div a.hover::after {
background: rgba(255, 255, 255, 0.3); }

.cont_clm > div a.hover span.lt::before,
.cont_clm > div a.hover span.rb::before {
height: 100%; }

.cont_clm > div a.hover span.lt::after,
.cont_clm > div a.hover span.rb::after {
width: 100%; }

.cont .plan_box {
border: 1px solid rgba(255, 255, 255, 0.4);
background: rgba(23, 0, 0, 0.6);
padding: 7px; }

.cont .plan_box + .caption {
	color: #ffffff;
	margin-top: 5px;
	font-size: 10px;
	line-height: 1.5;
}

.cont .plan_box_inner {
background: -moz-linear-gradient(left, rgba(112, 78, 40, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
background: -webkit-linear-gradient(left, rgba(112, 78, 40, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(112, 78, 40, 0.5)), to(rgba(255, 255, 255, 0.5)));
background: -o-linear-gradient(left, rgba(112, 78, 40, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
background: linear-gradient(to right, rgba(112, 78, 40, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80704e28', endColorstr='#80ffffff',GradientType=1 );
padding: 1px; }

.cont .plan_box_text_area_clm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: url(../imgs/bg_name_area.jpg) center;
background-size: cover;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 1.9rem 4rem 1.5rem 2.9rem;
position: relative; }

@media screen and (max-width: 1087px) {
.cont .plan_box_text_area_clm {
	display: block;
	text-align: center; } }

@media screen and (max-width: 767px) {
.cont .plan_box_text_area_clm {
	padding: 1rem; } }

.cont .plan_box_text_area::after {
content: "";
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
background-image: -moz-linear-gradient(0deg, #462b15 0%, #8f847f 100%);
background-image: -webkit-linear-gradient(0deg, #462b15 0%, #8f847f 100%);
background-image: -ms-linear-gradient(0deg, #462b15 0%, #8f847f 100%); }

@media screen and (min-width: 768px) {
	.cont .plan_box_text_area_name_spec {
	white-space: nowrap;
	}
}

.cont .plan_box_text_area_name {
padding: 1.2rem 1.9rem 0 0;
margin-right: 2.5rem;
position: relative;
display: inline-block; }

.cont .plan_box_text_area_name::after {
content: "";
width: 1px;
height: calc(100% - 6px);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 92%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 92%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(8%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), color-stop(92%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 92%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 92%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
position: absolute;
top: 0;
right: 0; }

@media screen and (max-width: 767px) {
.cont .plan_box_text_area_name {
	padding: 0.6rem 0 0 0;
	margin-right: 0;
	display: block; }
.cont .plan_box_text_area_name::after {
	content: none; }
.cont .plan_box_text_area_name img.chtype {
	max-width: 306px;
	width: calc(100vw * 306 / 750); }
.cont .plan_box_text_area_name img.cktype {
	max-width: 289px;
	width: calc(100vw * 289 / 750); }
.cont .plan_box_text_area_name img.ejtype {
	max-width: 235px;
	width: calc(100vw * 235 / 750); }
.cont .plan_box_text_area_name img.egtype {
	max-width: 297px;
	width: calc(100vw * 297 / 750); }
.cont .plan_box_text_area_name img.sdtype {
	max-width: 294px;
	width: calc(100vw * 294 / 750); } }

.cont .plan_box_text_area_spec {
display: inline-block;
font-family: "Cinzel", "Noto Serif JP", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", -apple-system, blinkMacSystemFont, serif;
color: #fff;
font-size: 4.8rem;
line-height: 0.8;
letter-spacing: 0.16em;
position: relative;
bottom: 14px; }

.cont .plan_box_text_area_spec small {
font-size: 80%;
letter-spacing: 0.1em; }

.cont .plan_box_text_area_spec small.more {
font-size: 70%; }

@media screen and (max-width: 767px) {
.cont .plan_box_text_area_spec {
	font-size: 3.2rem;
	margin: 15px auto 10px;
	display: block; } }

.cont .plan_box_text_area_area {
color: #fff;
text-align: right;
padding-bottom: 1.5rem;
display: inline-block; }

@media screen and (max-width: 767px) {
.cont .plan_box_text_area_area {
	padding-bottom: 0.75rem; } }

.cont .plan_box_text_area_main_area {
font-size: 1.4rem;
letter-spacing: 0.24em;
line-height: 0.8; }

.cont .plan_box_text_area_main_area .num {
font-size: 4.4rem;
letter-spacing: 0.08em;
margin-left: 0.7rem;
font-family: "Cinzel", serif; }

.cont .plan_box_text_area_main_area .num .middle {
font-size: 80%; }

.cont .plan_box_text_area_main_area .num .small {
font-size: 60%; }

@media screen and (max-width: 767px) {
.cont .plan_box_text_area_main_area {
	font-size: 1.2rem; }
.cont .plan_box_text_area_main_area .num {
	font-size: 3.2rem; } }

.cont .plan_box_text_area_main_area .tsubo {
letter-spacing: normal; }

.cont .plan_box_text_area_sub_area {
line-height: 1.5;
margin-top: 0.5rem;
letter-spacing: normal; }

@media screen and (max-width: 767px) {
.cont .plan_box_text_area_sub_area {
	font-size: 1rem;
	margin-top: 0.5rem; } }

.cont .plan_box_text_area_caption {
font-size: 10px;
letter-spacing: 0;
margin-top: 5px;
}
.cont .plan_box_img_area {
padding: 6rem 1.5rem 2rem;
background: #fff; }

@media screen and (max-width: 767px) {
.cont .plan_box_img_area {
	padding: 3rem 1.5rem 3rem; } }

.cont .plan_box_img_area .plan_img {
text-align: center; }

.cont .plan_box_img_area .plan_legend {
text-align: center;
margin-top: 4rem;
margin-bottom: 2rem; }

@media screen and (max-width: 767px) {
.cont .plan_box_img_area .plan_legend {
	margin-top: 2.5rem;
	margin-bottom: 1rem; }
.cont .plan_box_img_area .plan_legend img {
	width: calc(100vw * 342 / 750); } }

.cont .plan_box_img_area .plan_cap {
padding-left: 1.4rem;
font-size: 10px;
letter-spacing: 0.1em;
color: #333;
margin-top: 6rem; }

@media screen and (max-width: 767px) {
.cont .plan_box_img_area .plan_cap {
	margin-top: 3rem;
	padding-left: 0; } }

.cont .btn {
border: 2px solid #737373;
-webkit-box-shadow: 0px 0px 16px -2px rgba(0, 0, 0, 0.6);
box-shadow: 0px 0px 16px -2px rgba(0, 0, 0, 0.6);
max-width: 320px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 4rem;
background: #fff; }

.cont .btn a {
display: block;
border: 2px solid #000000;
background: black;
background: -moz-linear-gradient(left, black 0%, #0f0d0d 25%, #242122 50%, #0f0d0d 75%, black 100%);
background: -webkit-linear-gradient(left, black 0%, #0f0d0d 25%, #242122 50%, #0f0d0d 75%, black 100%);
background: -webkit-gradient(linear, left top, right top, from(black), color-stop(25%, #0f0d0d), color-stop(50%, #242122), color-stop(75%, #0f0d0d), to(black));
background: -o-linear-gradient(left, black 0%, #0f0d0d 25%, #242122 50%, #0f0d0d 75%, black 100%);
background: linear-gradient(to right, black 0%, #0f0d0d 25%, #242122 50%, #0f0d0d 75%, black 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
background-position: center;
background-size: 100% 100%;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
position: relative; }

.cont .btn a::before {
content: "";
width: calc(100% + 4px);
height: calc(100% + 4px);
position: absolute;
bottom: -4px;
left: -4px;
border-left: 2px solid #c89712;
border-bottom: 2px solid #c89712;
z-index: 20;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transition: 0.5s 0.1s ease;
-o-transition: 0.5s 0.1s ease;
transition: 0.5s 0.1s ease; }

.cont .btn a::after {
content: "";
width: calc(100% + 4px);
height: calc(100% + 4px);
border-top: 2px solid #c89712;
border-right: 2px solid #c89712;
position: absolute;
top: -4px;
right: -4px;
z-index: 20;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
-webkit-transition: 0.5s 0.1s ease;
-o-transition: 0.5s 0.1s ease;
transition: 0.5s 0.1s ease; }

.cont .btn a.hover {
background-size: 180% 180%;
opacity: 0.9; }

.cont .btn a.hover::before,
.cont .btn a.hover::after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

@media screen and (max-width: 767px) {
.cont .btn {
	margin-top: 2rem;
	max-width: 240px; } }