@charset "UTF-8";

/*
main,footer,.intro,.equip,.entry,.bottomArea,.pageDirection,.contentArea,.footer-corporateArea { position: relative;}

.entry,.bottomArea,.bgWhite,.footer-corporateArea{background-color: #fff;}
.pageDirection{background-color: #000;}
.bgList{
  width: 100vw;
  height: 100vh;
  overflow: hidden;
position: fixed;
		

}
*/

/*
.bgList video{
	position: absolute;
  top: 0;
  left: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
}
*/

/*#mainVisual{background-color: #000;}*/


.blackFilter{position: absolute;width: 100vw;height: 100vh; background-color: rgba(0,0,0,0.5);
top: 0; left: 0}

.intro {
	padding: 80px 0;
	background-color: white;
}

.intro .container {
	text-align: center;
}

.intro .tit23 sup {
	font-size: 50%;
}


.planList {
	padding: 140px 0 100px;
	background:#878787 url(../imgs/bg01.jpg) no-repeat center top / 100% auto;
	background-attachment: fixed;
}

.planList .container {
	max-width: 1100px;
}

.planList .titJpEn .en {
	color: #fff;
}

.planList .navPlanList {
	gap: 40px;
	justify-content: center;
	margin-bottom: 70px;
}

.planList .navPlanList a {
	font-size: 32px;
	color: #bbbbbb;
	line-height: 1;
	position: relative;
	transition: 0.2s;
	font-family: 'Cormorant Garamond', serif;
}

.planList .navPlanList a span {
	font-family: 'Shippori Mincho B1', sans-serif;
}

.planList .navPlanList a::after {
	content: '';
	position: absolute;
	left: -5px;
	bottom: -10px;
	width: calc(100% + 10px);
	height: 1px;
	background: #bbbbbb;
	transition: 0.2s;
}

.planList .navPlanList a:hover,
.planList .navPlanList .active {
	color: #fff;
}

.planList .navPlanList a:hover::after,
.planList .navPlanList .active::after {
	background: #fff;
	height: 2px;
}

.planList .listItem {
	align-items: stretch;
	gap: 2%;
	transition: 0.3s;
}

.planList .listItem .item {
	width: 49%;
	line-height: 1;
	margin-bottom: 35px;
}

.planList .listItem .item .caption {	
	margin-top: 5px;
	color: #fff;
	line-height: 1.6;
}

.planList .listItem .item a {
	height: 100%;
	transition: 0.3s;
	box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.75);
	-webkit-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.75);
}

.planList .listItem .item a:hover {
	box-shadow: 8px 8px 0px 0px rgba(141, 168, 166, .9); 
	transform: translateY(-8px);
}

.planList .listItem .item .lb {
	font-family: 'Shippori Mincho B1', sans-serif;
	margin:0 10px 10px;
	padding: 10px;
	line-height: 1.2;
	background: url(../imgs/bg-type.jpg) no-repeat center center ;
	font-size: 17px;
	position: relative;
}

.planList .listItem .item .lb::after {
	content: '';
	width: 3px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	position: absolute;
	top: 2px;
	left: 2px;
	border: 2px solid #8da8a6;
}

.planList .listItem .item .hanbaiki{margin-bottom: 10px; background: #D9C21A;
background: linear-gradient(90deg, rgba(217, 194, 26, 1) 0%, rgba(245, 233, 147, 1) 52%, rgba(217, 194, 26, 1) 100%);padding: 8px;line-height: 1; font-size: 13px; color:hsla(0,0%,13%,1.00)}
.planList .listItem .item .hanbaiki.jiki{background:#4b6f6e; color: #fff;opacity: 0.7 }
.planList .listItem .item .hanbaiki.senchaku{background:hsla(188,98%,19%,1.00); color: #fff;opacity: 1 }


.planList .listItem .item .lb span {
	display: block;
	font-size: 11px;
}

.planList .listItem .item .lb sup {
	font-size: 50%;
}

.planList .listItem .item .txt {
	width: 42%;
	background: rgba(141, 168, 166, 0.6);
	color: #fff;
	text-align: center;
/*	padding: 20px 10px;*/
	padding:0 0 20px 0;
	align-items: flex-start;
	justify-content: center;
	font-family: 'Libre Caslon Display', serif;
}

.planList .listItem .item .txt > div {
	width: 100%;
}

.planList .listItem .item .img {
	width: 58%;
	padding: 20px;
	background: rgba(238, 238, 238, 0.8);	
	justify-content: center;
	align-items: center;
}


.planList .listItem .item .type {
	width: 100%;
	font-size: 36px;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.planList .listItem .item .type span {
	font-size: 18px;
	display: block;
	width: 100%;
}

.planList .listItem .item .num p {
	width: 100%;
}

.planList .listItem .item .num p:first-child {
	font-size: 30px;
}

.planList .listItem .item .num p:first-child span {
	font-size: 16px;
}

.planList .listItem .item .num p:last-child {
	font-size: 36px;
}

.planList .listItem .item .num p:last-child span:first-child {
	font-size: 20px;
}

.planList .listItem .item .num p:last-child span:last-child {
	font-size: 13px;
}





.equip {
	padding: 120px 0 0;
	color: #fff;
	background-color: #fff;
}

.equip .container {
	max-width: 1280px;
}

.equip .equip02 {
	background: #9EA9B0;
/*	margin-bottom: 100px;*/
}
.equip  .eq02Cap{text-align: right;font-size: 10px; color: #000; margin-bottom: 100px;}
.equip .equip02 .titJpEn {
	text-align: left;
	margin-bottom: 20px;
}

.equip .equip02 .titJpEn .en {
	font-size: 24px;
	border-bottom: 1px solid #fff;
	color: #fff;
	line-height: 1.6;
}

.equip .equip02 .titJpEn .jp {
	font-size: 18px;
	color: #fff;
}
.equip .equip02 .row01{align-items: center}
.equip .equip02 .row01 .col01 {
	width: 50%;
}

.equip .equip02 .row01 .col02 {
	width: 50%;
	padding: 30px;
}

.equip .equip02 .row01 .col02 .tit23 {
	margin-bottom: 20px;
}

.equip .equip02 .row01 .col02 li:not(:last-child) {
	margin-bottom: 40px;
}

.equip .equip02 .row03 {
	padding: 30px;
}

.equip .equip02 .row03 .col01 {
	width: 33%;
}

.equip .equip02 .row03 .col02 {
	width: 64%;
}

.equip .equip02 .row03 .col02 .itemBubble {
	width: 31%;
	font-size: 12px;
}

.equip .equip02 .row03 .col02 .itemBubble h5 {
	margin: 5px 0;
	font-size: 14px;
}
.equip .equip02 .row03 .col02 .itemBubble .bgWhite {
	display: inline-block;
	padding: 0 10px;
	color: #000;
	background: #fff;
	margin-bottom: 5px;
}

.equip .equip02 .row03 .col02 .itemBubble .desc {
}

.equip .equip02 .row04 {
	align-items: center;
	background: #d8dcdf;
	color: #000;
}

.equip .equip02 .row04 .col01 {
	width: 33%;
}

.equip .equip02 .row04 .col02 {
	width: 67%;
	padding: 20px;
}

.equip .equip02 .row04 .col02 .desc {
	width: 60%;
}

.equip .equip02 .row04 .col02 .desc h4 {
	font-size: 20px;
	margin-bottom: 10px;
}

.equip .equip02 .row04 .col02 ul {
	width: 35%;
}

.equip .equip02 .row04 .col02 ul li {
	height: 84px;
	width: 48%;
	margin-bottom: 4%;
	border-radius: 10px;
	text-align: center;
	background: #fff;
	color: #000;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	line-height: 1.4;
	font-size: 18px;
}

.equip .equip02 .row04 .col02 ul li:nth-child(3),
.equip .equip02 .row04 .col02 ul li:nth-child(4) {
	margin-bottom: 0;
}

.equip .internet {
	background: #94adab;
	padding: 60px 60px 40px;
	color: #fff;
}

.equip .internet .titJpEn {
	margin-bottom: 40px;
}

.equip .internet .titJpEn .en {
	color: #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
}

.equip .internet .titJpEn .jp {
	color: #fff;
}

.equip .internet .flexBox {
	align-items: center;
}

.equip .internet .txt {
	width: 55%;
}

.equip .internet .txt h4 {
	margin-bottom: 20px;
	color: #94adab;
	background: #fff;
	padding: 10px 0;
	width: calc(100% + 60px);
	margin-left: -60px;
	padding-left: 60px;
}

.equip .internet .txt h5 {
	margin-bottom: 10px;
}

.equip .internet .txt p {
	margin-bottom: 20px;
}

.equip .internet .txt .caption {
	margin-bottom: 0;
	color: #fff;
}

.equip .internet .img {
	width: 45%;
}



@media screen and (max-width: 767px) {
	
	body:before{
	content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100vh;
    background: url("../imgs/bg01-sp.jpg") center no-repeat;
    background-size: cover;
	}
	
	
	.intro {
		padding: 60px 0;
		background-color: #fff;
		z-index: 1;
		position: relative
	}

	.intro .container p {
/*		text-align: left;*/
		line-height: 3;
	}

	


	.planList {
		
		background: none
/*		background:#878787 url(../imgs/bg01-sp.jpg) no-repeat center top / 100% auto;*/
/*		background-attachment:fixed;*/
	}


	.planList .navPlanList {
		gap: 20px;
		margin-bottom: 40px;
	}

	.planList .navPlanList a {
		font-size: 5vw;
	}

	.planList .navPlanList a::after {
		bottom: -5px;
	}

	.planList .listItem {
		display: block;
	}

	.planList .listItem .item {
		width: 100%;
		margin: 0 0 20px !important;
	}

	.planList .listItem .item .txt {
		padding: 10px 5px;
	}

	.planList .listItem .item .img {
		padding: 10px;
	}

	.planList .listItem .item .img img {
		max-width: 60%;
	}

	.planList .listItem .item .lb {
		font-size: 3vw;
	}

	.planList .listItem .item .lb span {
		font-size: 2vw;
	}

	.planList .listItem .item .type {
		width: 80%;
		margin: 0 auto 10px;
		font-size: 6vw;
	}

	.planList .listItem .item .type span {
		font-size: 4vw;
	}

	.planList .listItem .item .num p:first-child {
		font-size: 5vw;
	}

	.planList .listItem .item .num p:first-child span {
		font-size: 3vw;
	}

	.planList .listItem .item .num p:last-child {
		font-size: 7vw;
	}

	.planList .listItem .item .num p:last-child span:first-child {
		font-size: 5vw;
	}

	.planList .listItem .item .num p:last-child span:last-child {
		font-size: 4vw;
	}









	.equip {
		padding: 60px 0 0;
			background-color: #fff;
		position: relative
	}

	.equip .container {
		width: 100%;
	}

	.equip .equip02 {
/*		margin-bottom: 40px;*/
	}

	.equip .equip02 .row01 .col01 {
		width: 100%;
	}

	.equip .equip02 .row01 .col01 img {
		width: 100%;
	}

	.equip .equip02 .row01 .col02 {
		width: 100%;
		padding: 30px 15px;
	}

	.equip .equip02 .row02 .photo .photo__capIn {
		position: static;
		text-align: right;
		padding-right: 5px;
	}

	.equip .equip02 .titJpEn .en {
		font-size: 6vw;
	}

	.equip .equip02 .titJpEn .jp {
		font-size: 4vw;
	}

	.equip .equip02 .row01 .col02 li:not(:last-child) {
		margin-bottom: 20px;
	}

	.equip .equip02 .row02 img {
		width: 100%;
	}

	.equip .equip02 .row03 {
		padding: 30px 15px;
	}

	.equip .equip02 .row03 .col01 {
		width: 100%;
		margin-bottom: 20px;
	}

	.equip .equip02 .row03 .col02 {
		width: 100%;
	}

	.equip .equip02 .row03 .col02 .itemBubble {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		font-size: 2.4vw;
		line-height: 1.4;
	}
	.equip .equip02 .row03 .col02 .itemBubble .bgWhite{font-size: 9px;}
	.equip .equip02 .row03 .col02 .itemBubble:not(:last-child) {
		margin-bottom: 20px;
	}

	.equip .equip02 .row03 .col02 .itemBubble h5 {
		font-size: 3.0vw;
		line-height: 1;
	}	

	.equip .equip02 .row03 .col02 .itemBubble figure {
		width: 40%;
		margin-top: 12px;
	}

	.equip .equip02 .row03 .col02 .itemBubble .itemBubbleDesc {
		width: 56%;
	}

	.equip .equip02 .row04 .col01 {
		width: 100%;
	}

	.equip .equip02 .row04 .col01 img {
		width: 100%;
	}

	.equip .equip02 .row04 .col02 {
		width: 100%;
		padding: 20px 15px 40px;
	}

	.equip .equip02 .row04 .col02 .desc {
		width: 100%;
		margin-bottom: 20px;
	}

	.equip .equip02 .row04 .col02 .desc h4 {
		font-size: 4.5vw;
		margin-bottom: 10px;
	}

	.equip .equip02 .row04 .col02 ul {
		width: 100%;
	}

	.equip .equip02 .row04 .col02 ul li {
		height: 50px;
		font-size: 3.5vw;
		width: 49%;
		margin-bottom: 4%;
	}

	.equip .internet {
		width: calc(100% - 30px);
		margin: 0 auto;
		padding: 20px 15px;
	}

	.equip .internet .txt {
		width: 100%;
		order: 2;
	}

	.equip .internet .txt .photo {
		margin-bottom: 20px;
	}

	.equip .internet .txt .photo img {
		width: 100%;
	}
	.equip .internet .titJpEn{margin-bottom: 15px;}
	.equip .internet .txt h4 {
		width: 100%;
		width: calc(100% + 30px);
		margin-left: -15px;
		padding: 10px 0;
	}

	.equip .internet .img {
		display: none;
	}




.entry,.entryStep,.contentArea,.bottomArea,footer{
		background-color: #fff;
	z-index: 1;
	position: relative
	
	
}
	.pageDirection{
		background-color: #000;
		z-index: 1;
	position: relative
	
}
.entryStep{padding-top: 80px;margin-top: 0; margin-bottom: 0;}
}
.kankyoseino{max-width: 350px; margin: auto;padding: 40px 10px;}