/* CSS Document */

header{background-color: #FFF;}
.pan > div{padding-top: 30px;}
@media screen and (max-width: 999px) {
	.pan > div{padding-top: 1rem;}
}

.bg_rainbow_grad{
	background:-moz-linear-gradient(left, rgba(190,255,255,0.3) , rgba(255,255,190,0.3) , rgba(250,195,190,0.3));
  background:-webkit-linear-gradient(left, rgba(190,255,255,0.3) , rgba(255,255,190,0.3) , rgba(250,195,190,0.3));
  background:linear-gradient(to right, rgba(190,255,255,0.3) , rgba(255,255,190,0.3) , rgba(250,195,190,0.3));
}

.int_mainpic{
	position: relative;
	z-index: 2;
}
.int_mainpic .p{
	position: relative;
	z-index: -1;
}
.int_mainpic .p img{
	object-fit: cover;
	object-position: center bottom;
	width:100%;
	max-height: 630px;
	min-height: 290px;
}
@media screen and (min-width: 1601px) {
	.int_mainpic .p img{max-height: calc(1vw * 630 / 16);}
}
.int_mainpic .t{}
.int_mainpic .t .t1{
	line-height: 165%;
	display: block;	
}
.int_mainpic .t .t2{margin-top: 1em;}
@media screen and (min-width: 1000px) {
	.int_mainpic .t{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.int_mainpic .t .bg_w{
		background-color: rgba(255,255,255,0.63);
		border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		overflow: hidden;
		margin-top: -1%;
		margin-left: -41%;
	}
	.int_mainpic .t *[class*="bg_rainbow"]{
		min-width: 350px;
		min-height: 350px;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.int_mainpic .t .t1{
		font-size: 25px;
		margin-top: 2em;
	}
	.int_mainpic .t .t1.row5{
		font-size: 23px;
		margin-top: 1em;
	}
}
@media screen and (max-width: 999px) {
	.int_mainpic .t *[class*="bg_rainbow"]{
		text-align: left;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.int_mainpic .t .t1{font-size: 20px;}
	.int_mainpic .t .t2{
		display: flex;
		flex-wrap: wrap;
	}
	.int_mainpic .t .t2 > *{margin-right: 0.25em;}
}

.int_list{margin-top: 100px;}
.int_list h3{font-size: 25px;}
.int_list li{text-align: justify;}
.int_list li:nth-child(n+2){margin-top: 170px;}
.int_list li .flex{
	margin-top: 1em;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.int_list li .flex .t{
	line-height: 165%;
	margin-top: -0.325em;
}
.int_list li .flex img{
	width:100%;
	object-fit: cover;
}
@media screen and (min-width: 1000px) {
	.int_list li .flex.LR > *{
		width:440px;
		max-width: 49.5%;
	}
	.int_list li .flex.TB{flex-direction: column;}
	.int_list li .flex.TB .p{margin-top: 1em;}
}
@media screen and (max-width: 999px) {
	.int_list{margin-top: 50px;}
	.int_list h3{
		font-size: 20px;
		line-height: 165%;
	}
	.int_list li:nth-child(n+2){margin-top: 70px;}
	.int_list li .flex{
		flex-direction: column;
		align-items: center;
	}
	.int_list li .flex .t{width:100%;}
	.int_list li .flex .p{margin-top: 1em;}
	.int_list li .flex img{min-height: 300px;}
}

.int_shisetsu{
	margin-top: 160px;
	margin-bottom: 170px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.int_shisetsu > *{
	width: 440px;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.int_shisetsu .pic{
	width:100%;
	height:245px;
	margin-bottom: 8px;
	background-color: #CCC;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.int_shisetsu .type{
	min-width:220px;
	margin-bottom: 8px;
}
.int_shisetsu .type > *{
	background-color: rgba(255,255,255,0.75);
	padding: 2px 0;
}
.int_shisetsu .name{margin-bottom: 4px;}
.int_shisetsu .addr{margin-bottom: 8px;}
.int_shisetsu .c_ovalbtn{margin-top: auto;}
@media screen and (max-width: 999px) {
	.int_shisetsu{
		margin-top: 100px;
		margin-bottom: 100px;
	}
	.int_shisetsu > *{width: 340px;}
	.int_shisetsu .pic{height:185px;}
	.int_shisetsu .type{font-size: 13px;}
	.int_shisetsu .name{
		font-size: 20px;
		margin-bottom: 0;
	}
	.int_shisetsu .addr{
		font-size: 12px;
		margin-bottom: 1em;
	}
}


.int_staff{}
.int_staff > *[class*="bg_paper"]{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: -1;
	opacity:0.3;
}
.int_staff .Wbase{
	padding-top: 70px;
	padding-bottom: 90px;
}
.int_staff ul{
	margin-top: 50px;
	display: flex;
}
.int_staff ul li{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.int_staff .pic{
	width: 100%;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	overflow: hidden;
	position: relative;
}
.int_staff a.pic::before{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(255,255,255,0);
	mix-blend-mode: overlay;
	transition: 0.5s;
}
.int_staff a.pic:hover::before{
	background-color: rgba(255,255,255,0.5);
}
.int_staff .pic .bg_W{
	background-color: rgba(255,255,255,0.63);
}
.int_staff .pic *[class*="bg_rainbow"]{
	height:200px;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.int_staff .t{
	margin: 1em -0.125em;
	line-height: 165%;
}
.int_staff .t span{margin: 0 0.125em;}
.int_staff .t + a{margin-top: auto;}
@media screen and (min-width: 1000px) {
	.int_staff ul li{
		width:32%;
		width:calc(1% * 284 / 9);
	}
	.int_staff ul li:nth-child(n+2){
		margin-left: 2%;
		margin-left: calc(1% * 24 / 9);
	}
}
@media screen and (max-width: 999px) {
	.int_staff .Wbase{
		padding-top: 50px;
		padding-bottom: 65px;
	}
	.int_staff ul{
		margin-top: 40px;
		flex-direction: column;
		align-items: center;
	}
	.int_staff ul li{width:285px;}
	.int_staff ul li:nth-child(n+2){margin-top: 50px;}
}

.rec_btn_entry.int{
	margin-top: 105px;
	margin-bottom: 100px;
}
.rec_btn_entry.int .c_ovalbtn{
	width:250px;
	margin-top: 40px;
}