@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
	--primary : #5da126;
}
/*--------------------------------------------
COMMON
---------------------------------------------*/
@media screen and (max-width: 768px){
	.list-banners01{
		margin-top : calc( ( 120 - 13 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.list-banners01{
		margin-top : 80px;
	}
}
/*--------------------------------------------
RESTAURANT
---------------------------------------------*/
#restaurant p{
	letter-spacing : .1em;
}
#restaurant .box{
	background-repeat : repeat;
	background-position : 0 0;
	position : relative;
	background-image : url("../images/ui/bg/pattern01.jpg");
}
#restaurant .box:after{
	content : "";
	display : block;
	background : url("../images/ui/icon/breakfast.svg") 0 0 / contain no-repeat;
	position : absolute;
}
#restaurant h2{
	font-weight : 700;
	color : #f60;
	text-align : center;
	letter-spacing : .1em;
	text-indent : .1em;
}
#restaurant ul{
	display : flex;
	justify-content : space-between;
}
#restaurant ul li{
}
#restaurant li a{
	background-color : #fff;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	letter-spacing : .1em;
	text-indent : .1em;
}
@media screen and (max-width: 768px){
	#restaurant .wrap{
		padding-top : calc( ( 50 - 13 ) * 100vw / 768 );
		padding-bottom : calc( 67 * 100vw / 768 );
		padding-left : calc( 48 * 100% / 768 );
		padding-right : calc( 48 * 100% / 768 );
	}
	#restaurant p{
		font-size : 2.6rem;
		line-height : 2;
	}
	#restaurant .box{
		flex-shrink : 0;
		width : 100%;
		margin-top : calc( ( 64 - 13 ) * 100vw / 768 );
		padding-top : calc( 45 * 100vw / 768 );
		padding-left : calc( 24 * 100% / 672 );
		padding-right : calc( 24 * 100% / 672 );
		padding-bottom : calc( 33 * 100vw / 768 );
	}
	#restaurant .box:after{
		width : calc( 92 * 100% / 672 );
		height : calc( 87 * 100vw / 768 );
		top : calc( 2 * 100vw / 768 );
		right : calc( 70 * 100% / 672 );
	}
	#restaurant h2{
		font-size : 3.2rem;
	}
	#restaurant ul{
		margin-top : calc( 23 * 100vw / 768 );
	}
	#restaurant li{
		width : calc( 300 * 100% / 624 );
	}
	#restaurant li a{
		font-size : 2.6rem;
		line-height : 1.3077;
		padding-top : calc( ( 22 - 4 ) * 100vw / 768 );
		padding-bottom : calc( ( 19 - 4 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#restaurant .wrap{
		display : flex;
		padding-top : calc( 40px - 8px );
		padding-bottom : 40px;
		justify-content : space-between;
	}
	#restaurant p{
		font-size : 1.8rem;
		line-height : 1.8889;
		display : flex;
		justify-content : center;
		flex-grow : 1;
	}
	#restaurant .box{
		flex-shrink : 0;
		width : 391px;
		padding-top : 28px;
		padding-left : 25px;
		padding-right : 15px;
		padding-bottom : 32px;
	}
	#restaurant .box:after{
		width : 92px;
		height : 87px;
		top : 0;
		right : -13px;
	}
	#restaurant h2{
		font-size : 2.2rem;
	}
	#restaurant ul{
		margin-top : 23px;
	}
	#restaurant li a{
		width : 168px;
		font-size : 1.8rem;
		line-height : 1.3333;
		padding-top : calc( 19px - 3px );
		padding-bottom : calc( 15px - 3px );
		position : relative;
		z-index : 1;
	}
}
/*--------------------------------------------
OUCHIDE KEIYAKU
---------------------------------------------*/
#ouchidekeiyaku .wrap{
	position : relative;
}
#ouchidekeiyaku .wrap:before , #ouchidekeiyaku .wrap:after{
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-position : 0 0;
	background-size : contain;
	position : absolute;
}
#ouchidekeiyaku .wrap:before{
	background-image : url("../images/ouchidekeiyaku/bg01.png");
}
#ouchidekeiyaku .wrap:after{
	background-image : url("../images/ouchidekeiyaku/bg02.png");
}
#ouchidekeiyaku .list > li{
	counter-increment : no;
}
#ouchidekeiyaku h3{
	color : #fff;
	background-color : #f36c90;
	letter-spacing : .1em;
	width : 100%;
	position : relative;
	background-repeat : no-repeat;
}
#ouchidekeiyaku h3:before{
	content : counter(no);
	font-weight : 700;
	position : absolute;
}
#ouchidekeiyaku .list > li:nth-child(1) h3{
	background-image : url("../images/ui/icon/movie.png");
}
#ouchidekeiyaku .list > li:nth-child(2) h3{
	background-image : url("../images/ui/icon/form.png");
}
#ouchidekeiyaku .list > li:nth-child(3) h3{
	background-image : url("../images/ui/icon/webcamera.png");
}
#ouchidekeiyaku .list p{
	letter-spacing : .1em;
}
#ouchidekeiyaku .list a{
	margin-left : auto;
	margin-right : auto;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #f5d25a;
	letter-spacing : .1em;
	text-indent : .1em;
}
@media screen and (max-width: 768px){
	#ouchidekeiyaku .wrap{
		padding-top : calc( ( 37 - 13 ) * 100vw / 768 );
		padding-bottom : calc( 92 * 100vw / 768 );
	}
	#ouchidekeiyaku .wrap:before{
		width : calc( 269 * 100% / 768 );
		height : calc( 228 * 100vw / 768 );
		top : calc( -206 * 100vw / 768 );
		left : calc( -82 * 100% / 768 );
	}
	#ouchidekeiyaku .wrap:after{
		width : calc( 198 * 100% / 768 );
		height : calc( 196 * 100vw / 768 );
		top : calc( -184 * 100vw / 768 );
		left : calc( 570 * 100% / 768 );
	}
	#ouchidekeiyaku .title01{
	}
	#ouchidekeiyaku .list{
		margin-top : calc( ( 55 - 13 ) * 100vw / 768 );
	}
	#ouchidekeiyaku .list li + li{
		margin-top : calc( 86 * 100vw / 768 );
	}
	#ouchidekeiyaku h3{
		font-size : 4rem;
		height : calc( 200 * 100vw / 768 );
		padding-top : calc( 123 * 100vw / 768 );
		padding-left : calc( 31 * 100% / 720 );
	}
	#ouchidekeiyaku h3:before{
		font-size : 6.3rem;
		top : calc( 39 * 100vw / 768 );
		left : calc( 17 * 100% / 720 );
	}
	#ouchidekeiyaku .list > li:nth-child(1) h3{
		background-size : auto calc( 138 * 100vw / 768 );
		background-position : right calc( 28 * 100% / 720 ) top 50%;
	}
	#ouchidekeiyaku .list > li:nth-child(2) h3{
		background-size : auto calc( 135 * 100vw / 768 );
		background-position : right calc( 7 * 100% / 720 ) top calc( 43 * 100vw / 768 );
	}
	#ouchidekeiyaku .list > li:nth-child(3) h3{
		background-size : auto calc( 124 * 100vw / 768 );
		background-position : right calc( 23 * 100% / 720 ) top calc( 39 * 100vw / 768 );
	}
	#ouchidekeiyaku .list p{
		font-size : 2.6rem;
		line-height : 2;
		margin-top : calc( ( 42 - 13 ) * 100vw / 768 );
	}
	#ouchidekeiyaku .iframe-container{
		margin-top : calc( ( 37 - 13 ) * 100vw / 768 );
		height : calc( 380 * 100vw / 768 );
	}
	#ouchidekeiyaku .list a{
		margin-top : calc( ( 52 - 13 ) * 100vw / 768 );
		width : calc( 600 * 100% / 720 );
		height : calc( 80 * 100vw / 768 );
		font-size : 3rem;
	}
}
@media print,screen and (min-width: 769px){
	#ouchidekeiyaku .wrap{
		padding-top : calc( 68px - 8px );
		padding-bottom : 68px;
	}
	#ouchidekeiyaku .wrap:before{
		width : 345px;
		height : 292px;
		top : -111px;
		left : -25px;
	}
	#ouchidekeiyaku .wrap:after{
		width : 278px;
		height : 260px;
		top : -93px;
		right : -18px;
	}
	#ouchidekeiyaku .title01{
		margin-top : calc( 72px - 8px );
	}
	#ouchidekeiyaku .list{
		display : flex;
		margin-top : 45px;
	}
	#ouchidekeiyaku .list > li{
		width : 340px;
	}
	#ouchidekeiyaku .list > li:not(:nth-child(3n+1)){
	}
	#ouchidekeiyaku h3{
		text-indent : .1em;
		font-size : 2.2rem;
		height : 180px;
		text-align : center;
		padding-top : 137px;
	}
	#ouchidekeiyaku h3:before{
		font-size : 3rem;
		top : 13px;
		left : 8px;
	}
	#ouchidekeiyaku .list > li:nth-child(1) h3{
		background-size : auto 66px;
		background-position : center 47px;
	}
	#ouchidekeiyaku .list > li:nth-child(2) h3{
		background-size : auto 73px;
		background-position : center 44px;
	}
	#ouchidekeiyaku .list > li:nth-child(3) h3{
		background-size : auto 76px;
		background-position : center 34px;
	}
	#ouchidekeiyaku .list p{
		font-size : 1.8rem;
		line-height : 1.8889;
		margin-top : calc( 17px - 8px );
	}
	#ouchidekeiyaku .iframe-container{
		margin-top : calc( 16px - 8px );
		height : 192px;
	}
	#ouchidekeiyaku .list a{
		margin-top : calc( 21px - 8px );
		width : 256px;
		height : 54px;
		font-size : 1.8rem;
	}
}
/*--------------------------------------------
COVID 19
---------------------------------------------*/
#covid-19 .list01 li{
	border-color : #3cb4a0;
	border-style : solid;
}
#covid-19 .list01 p{
	letter-spacing : .1em;
}
#covid-19 .list02 li{
	display : flex;
	align-items : flex-start;
	letter-spacing : .1em;
}
#covid-19 .list02 li:before{
	content : "";
	display : block;
	flex-shrink : 0;
	background : url("../images/ui/icon/check01.png") 0 0 / contain no-repeat;
}
@media screen and (max-width: 768px){
	#covid-19 .wrap{
		padding-top : calc( ( 35 - 13 ) * 100vw / 768 );
		padding-bottom : calc( 64 * 100vw / 768 );
	}
	#covid-19 .lede01 + .title01{
		margin-top : calc( ( 55 - 13 ) * 100vw / 768 );
	}
	#covid-19 .list01{
		margin-top : calc( 26 * 100vw / 768 );
	}
	#covid-19 .list01 li{
		border-width : calc( 6 * 100vw / 768 );
		border-radius : calc( 6 * 100vw / 768 );
		padding-bottom : calc( ( 46 - 6.5 ) * 100vw / 768 );
	}
	#covid-19 .list01 li + li{
		margin-top : calc( 20 * 100vw / 768 );
	}
	#covid-19 .list01 p{
		font-size : 2.6rem;
		line-height : 1.5;
		margin-top : calc( ( 49 - 6.5 ) * 100vw / 768 );
		padding-left : calc( 19 * 100% / 708 );
		padding-right : calc( 19 * 100% / 708 );
	}
	#covid-19 .list01 li:nth-child(1){
		padding-top : calc( 57 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(1) picture{
		margin-left : calc( 244 * 100% / 708 );
	}
	#covid-19 .list01 li:nth-child(1) img{
		height : calc( 132 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(2){
		padding-top : calc( 50 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(2) picture{
		margin-left : calc( 270 * 100% / 708 );
	}
	#covid-19 .list01 li:nth-child(2) img{
		height : calc( 141 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(3){
		padding-top : calc( 34 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(3) picture{
		margin-left : calc( 239 * 100% / 708 );
	}
	#covid-19 .list01 li:nth-child(3) img{
		height : calc( 178 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(4){
		padding-top : calc( 54 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(4) picture{
		margin-left : calc( 283 * 100% / 708 );
	}
	#covid-19 .list01 li:nth-child(4) img{
		height : calc( 152 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(5){
		padding-top : calc( 26 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(5) picture{
		margin-left : calc( 281 * 100% / 708 );
	}
	#covid-19 .list01 li:nth-child(5) img{
		height : calc( 164 * 100vw / 768 );
	}
	#covid-19 .list01 + .title01{
		margin-top : calc( 114 * 100vw / 768 );
	}
	#covid-19 .list02{
		margin-top : calc( ( 54 - 7 ) * 100vw / 768 );
		padding-left : calc( 20 * 100% / 720 );
		padding-right : calc( 20 * 100% / 720 );
	}
	#covid-19 .list02 li{
		width : 100%;
		font-size : 2.6rem;
		line-height : 1.5385;
	}
	#covid-19 .list02 li + li{
		margin-top : calc( 25 * 100vw / 768 );
	}
	#covid-19 .list02 li:before{
		margin-right : calc( 3 * 100% / 700 );
		width : calc( 26 * 100% / 700 );
		height : calc( 20 * 100vw / 768 );
		margin-top : calc( ( 4 + 7 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#covid-19 .wrap{
		padding-top : calc( 47px - 8px );
		padding-bottom : 58px;
	}
	#covid-19 .lede01 + .title01{
		margin-top : calc( 72px - 8px );
	}
	#covid-19 .list01{
		margin-top : 42px;
		display : flex;
		flex-wrap : wrap;
		justify-content : center;
	}
	#covid-19 .list01 li{
		border-width : 2px;
		width : 340px;
		border-radius : 6px;
		padding-bottom : calc( 30px - 8px );
	}
	#covid-19 .list01 li:not(:nth-child(3n+1)){
		margin-left : 20px;
	}
	#covid-19 .list01 li:nth-child(n+4){
		margin-top : 20px;
	}
	#covid-19 .list01 p{
		font-size : 1.8rem;
		line-height : 1.8889;
		margin-top : calc( 31px - 8px );
		padding-left : 19px;
		padding-right : 19px;
	}
	#covid-19 .list01 li:nth-child(1){
		padding-top : 36px;
	}
	#covid-19 .list01 li:nth-child(1) picture{
		margin-left : 56px;
	}
	#covid-19 .list01 li:nth-child(1) img{
		height : 133px;
	}
	#covid-19 .list01 li:nth-child(2){
		padding-top : 51px;
	}
	#covid-19 .list01 li:nth-child(2) picture{
		margin-left : 73px;
	}
	#covid-19 .list01 li:nth-child(2) img{
		height : 141px;
	}
	#covid-19 .list01 li:nth-child(3){
		padding-top : 46px;
	}
	#covid-19 .list01 li:nth-child(3) picture{
		margin-left : 56px;
	}
	#covid-19 .list01 li:nth-child(3) img{
		height : 178px;
	}
	#covid-19 .list01 li:nth-child(4){
		padding-top : 53px;
	}
	#covid-19 .list01 li:nth-child(4) picture{
		margin-left : 94px;
	}
	#covid-19 .list01 li:nth-child(4) img{
		height : 152px;
	}
	#covid-19 .list01 li:nth-child(5){
		padding-top : 27px;
	}
	#covid-19 .list01 li:nth-child(5) picture{
		margin-left : 91px;
	}
	#covid-19 .list01 li:nth-child(5) img{
		height : 165px;
	}
	#covid-19 .list01 + .title01{
		margin-top : 94px;
	}
	#covid-19 .list02{
		margin-top : calc( 49px - 8px );
		padding-left : 50px;
	}
	#covid-19 .list02 li{
		width : 940px;
		font-size : 1.8rem;
		line-height : 1.8889;
	}
	#covid-19 .list02 li + li{
		margin-top : 20px;
	}
	#covid-19 .list02 li:before{
		margin-right : 1px;
		width : 26px;
		height : 20px;
		margin-top : 8px;
	}
}
/*--------------------------------------------
FAQ
---------------------------------------------*/
#faq dt{
	display : flex;
	align-items : flex-start;
	background-color : #f5f4e9;
	color : #f184a1;
	font-weight : 500;
	letter-spacing : .1em;
}
#faq dt:before{
	content : "Q";
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	flex-shrink : 0;
	color : #fff;
	background-color : #f184a1;
	border-radius : 50%;
	font-family : "FOT-スーラ Pro M";
	letter-spacing : 0;
	line-height : 1;
}
#faq dd{
	letter-spacing : .1em;
}
#faq dd a:not(.link01){
	text-decoration : underline;
}
#faq dd[data-before]:before{
	display : inline-flex;
	align-items : center;
	justify-content : center;
	content : attr(data-before);
	background-color : #f69;
	color : #fff;
	font-weight : 500;
	letter-spacing : .1em;
	text-indent : .1em;
}
@media screen and (max-width: 768px){
	#faq{
		margin-bottom : calc( 152 * 100vw / 768 );
	}
	#faq dl > div + div{
		margin-top : calc( 10 * 100vw / 768 );
	}
	#faq dt{
		font-size : 2.6rem;
		line-height : 1.3;
		flex-shrink : 0;
		padding-top : calc( ( 15 + 12 - 3.9 ) * 100vw / 768 );
		padding-left : calc( 14 * 100% / 720 );
		padding-right : calc( 14 * 100% / 720 );
		padding-bottom : calc( 13 * 100vw / 768 );
		cursor : pointer;
	}
	#faq dt:before{
		margin-top : calc( ( -12 + 3.9 ) * 100vw / 768 );
		width : calc( 50 * 100% / 692 );
		height : calc( 50 * 100vw / 768 );
		margin-right : calc( 14 * 100% / 692 );
	}
	#faq dd{
		font-size : 2.6rem;
		line-height : 2;
		padding-left : calc( 24 * 100% / 720 );
		padding-right : calc( 24 * 100% / 720 );
		padding-top : calc( ( 24 - 13 ) * 100vw / 768 );
		padding-bottom : calc( ( 56 - 13 - 10 ) * 100vw / 768 );
		display : none;
	}
	#faq dd[data-before]:before{
		margin-top : calc( -5 * 100vw / 768 );
		font-size : 2.2rem;
		margin-right : calc( 4 * 100% / 672 );
		padding-left : calc( 14 * 100% / 672 );
		padding-right : calc( 14 * 100% / 672 );
		height : calc( 35 * 100vw / 768 );
	}
	#faq .title05{
		margin-top : calc( ( 109 - 13 ) * 100vw / 768 );
	}
	#faq .title05 + dl{
		margin-top : calc( 26 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#faq{
		margin-bottom : 166px;
	}
	#faq dl > div{
		display : flex;
		align-items : flex-start;
	}
	#faq dl > div + div{
		padding-top : 24px;
		border-top : 1px solid #ccc;
		margin-top : calc( 24px - 4.5px );
	}
	#faq dt{
		font-size : 1.8rem;
		line-height : 1.5;
		width : 340px;
		flex-shrink : 0;
		margin-right : 20px;
		padding-top : 10px;
		padding-left : 4px;
		padding-right : 4px;
		padding-bottom : 19px;
	}
	#faq dt:before{
		margin-top : calc( -3px + 4.5px );
		width : 25px;
		height : 25px;
		margin-right : 5px;
	}
	#faq dd{
		font-size : 1.8rem;
		line-height : 1.5;
		padding-top : calc( 11px - 4.5px )!important;
		display : block !important;
		height : auto !important;
	}
	#faq dd[data-before]:before{
		margin-top : -2px;
		font-size : 1.4rem;
		margin-right : 4px;
		padding-left : 12px;
		padding-right : 12px;
		height : 22px;
	}
	#faq .title05{
		margin-top : calc( 129px - 4.5px );
	}
	#faq .title05 + dl{
		margin-top : 24px;
	}
}
/*--------------------------------------------
ACCESS
---------------------------------------------*/
#access p{
	text-align : center;
	letter-spacing : .1em;
	text-indent : .1em;
}
#access table{
	table-layout : auto;
}
#access th , #access td{
	letter-spacing : .1em;
	vertical-align : top;
}
#access th td , #access td td{
	padding-left : 1em;
}
#access dt , #access dd{
	letter-spacing : .1em;
}
#access dd{
	text-align : right;
}
@media screen and (max-width: 768px){
	#access .wrap{
		padding-top : calc( 38 * 100vw / 768 );
		padding-bottom : calc( ( 86 - 8 ) * 100vw / 768 );
	}
	#access #scroll{
		position : relative;
		padding-bottom : calc( 37 * 100vw / 768 );
	}
	#access .ps-scrollbar-x-rail{
		height : calc( 16 * 100vw / 768 );
		background-color : #d0d0c6;
		border-radius : calc( 8 * 100vw / 768 );
		opacity : 1!important;
	}
	#access .ps-scrollbar-x{
		height : calc( 16 * 100vw / 768 );
		background-color : #f184a1;
		border-radius : calc( 8 * 100vw / 768 );
		bottom : 0;
	}
	#access picture img{
		width : 600px !important;
		height : auto;
	}
	#access #scroll + p{
		margin-top : calc( ( 38 - 2.4 ) * 100vw / 768 );
	}
	#access p{
		font-size : 2.4rem;
		line-height : 1.2;
	}
	#access p + ul{
		margin-top : calc( ( 61 - 2.4 ) * 100vw / 768 );
	}
	#access #scroll + ul{
		margin-top : calc( 30 * 100vw / 768 );
	}
	#access .wrap > ul > li + li{
		margin-top : calc( ( 66 - 13 ) * 100vw / 768 );
	}
	#access table{
		margin-top : calc( ( 29 - 13 ) * 100vw / 768 );
		width : calc( 672 * 100% / 720 );
		margin-left : auto;
		margin-right : auto;
	}
	#access th , #access td{
		font-size : 2.6rem;
		line-height : 2;
	}
	#access .table01{
		display : block;
	}
	#access .table01 tbody , #access .table01 tr , #access .table01 th , #access .table01 td{
		display : block;
	}
	#access .table01 td{
		padding-left : calc( 144 * 100% / 672 );
	}
	#access .table02 th{
		width : calc( 348 * 100% / 672 );
	}
	#access dl{
		margin-top : calc( ( 29 - 13 ) * 100vw / 768 );
	}
	#access dt , #access dd{
		font-size : 2.6rem;
		line-height : 2;
	}
}
@media print,screen and (min-width: 769px){
	#access{
		position : relative;
		z-index : 1;
	}
	#access .wrap{
		padding-bottom : calc( 86px - 8px );
	}
	#access picture img{
		width : 100%;
		height : auto;
	}
	#access #scroll + p{
		margin-top : 19px;
	}
	#access p{
		font-size : 1.8rem;
	}
	#access #scroll + ul{
		margin-top : 72px;
	}
	#access p + ul{
		margin-top : 27px;
	}
	#access .wrap > ul{
		display : flex;
		justify-content : space-between;
	}
	#access .wrap > ul > li{
		width : 520px;
	}
	#access table{
		margin-top : calc( 20px - 8px );
	}
	#access th , #access td{
		font-size : 1.8rem;
		line-height : 1.8889;
	}
	#access .table02 th{
		width : 260px;
	}
	#access dl{
		margin-top : calc( 20px - 8px );
	}
	#access dt , #access dd{
		font-size : 1.8rem;
		line-height : 1.8889;
	}
}
#facilities .slider , #facilities02 .slider{
	width : 100%;
	font-size : 0;
}
#facilities picture , #facilities02 picture{
	overflow : hidden;
}
#facilities picture > img , #facilities02 picture > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	font-family : "object-fit: cover;";
}
#facilities h4 , #facilities p , #facilities02 h4 , #facilities02 p{
	text-align : center;
	letter-spacing : .1em;
	text-indent : .1em;
}
@media screen and (max-width: 768px){
	#facilities , #facilities02{
		margin-bottom : calc( ( 117 - 13 ) * 100vw / 768 );
	}
	#facilities .slider , #facilities02 .slider{
		margin-top : calc( 38 * 100vw / 768 );
	}
	#facilities div.slick-slide , #facilities02 div.slick-slide{
		width : calc( 600 * 100vw / 768 );
		margin-left : calc( 10 * 100vw / 768 );
		margin-right : calc( 10 * 100vw / 768 );
	}
	#facilities picture , #facilities02 picture{
		width : calc( 600 * 100vw / 768 );
		height : calc( 456 * 100vw / 768 );
	}
	#facilities h4 , #facilities02 h4{
		font-size : 3.2rem;
		line-height : 1.625;
		margin-top : calc( ( 21 - 10 ) * 100vw / 768 );
	}
	#facilities p , #facilities02 p{
		margin-top : calc( 5 * 100vw / 768 );
		font-size : 2.6rem;
		line-height : 2;
	}
}
@media print,screen and (min-width: 769px){
	#facilities , #facilities02{
		margin-bottom : calc( 74px - 4px );
	}
	#facilities .slider , #facilities02 .slider{
		margin-top : 30px;
	}
	#facilities div.slick-slide , #facilities02 div.slick-slide{
		width : 330px;
		margin-left : 5px;
		margin-right : 5px;
	}
	#facilities picture , #facilities02 picture{
		width : 330px;
		height : 250px;
	}
	#facilities h4 , #facilities02 h4{
		font-size : 1.8rem;
		line-height : 1.8889;
		margin-top : calc( 14px - 8px );
	}
	#facilities p , #facilities02 p{
		margin-top : 5px;
		font-size : 1.6rem;
		line-height : 1.5;
	}
}
/*--------------------------------------------
SCHOOL
---------------------------------------------*/
#school p{
	text-align : center;
	letter-spacing : .1em;
	text-indent : .1em;
}
#school .icons{
	display : flex;
	justify-content : flex-end;
	align-items : center;
}
#school .icons div{
	display : flex;
	align-items : center;
}
#school .icons dd{
	letter-spacing : .1em;
	margin-left : .25em;
	padding-right : .25em;
}
@media screen and (max-width: 768px){
	#school{
		margin-bottom : calc( ( 100 - 5 ) * 100vw / 768 );
	}
	#school .wrap{
		padding-top : calc( 45 * 100vw / 768 );
	}
	#school p{
		margin-top : calc( 68 * 100vw / 768 );
		font-size : 2.6rem;
	}
	#school .icons{
		margin-top : calc( 36 * 100vw / 768 );
	}
	#school .icons dd{
		font-size : 2.4rem;
	}
	#school .icons div + div{
		margin-left : calc( 24 * 100% / 720 );
	}
	#school .icon-train{
		height : calc( 29 * 100vw / 768 );
	}
	#school .icon-bus{
		height : calc( 24 * 100vw / 768 );
	}
	#school .icon-bike{
		height : calc( 29 * 100vw / 768 );
	}
	#school .icon-walk{
		height : calc( 29 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#school{
		margin-bottom : calc( 135px - 7px );
	}
	#school .wrap{
		padding-top : 42px;
	}
	#school p{
		margin-top : 34px;
		font-size : 1.8rem;
	}
	#school .icons{
		margin-top : 36px;
	}
	#school .icons dd{
		font-size : 1.4rem;
	}
	#school .icons div + div{
		margin-left : 14px;
	}
	#school .icon-train{
		height : 20px;
	}
	#school .icon-bus{
		height : 17px;
	}
	#school .icon-bike{
		height : 20px;
	}
	#school .icon-walk{
		height : 20px;
	}
}
#school-tabcontroller{
	display : flex;
	justify-content : center;
}
#school-tabcontroller a{
	width : 100%;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	border-style : solid;
	border-color : #ccc;
	transition : background-color .3s ease-in , color .3s ease-in;
	backface-visibility : hidden;
	will-change : background-color, color;
	letter-spacing : .1em;
	text-indent : .1em;
}
#school-tabcontroller li:not(.is-active){
	background-color : #fff;
}
#school-tabcontroller li.is-active a , #school-tabcontroller li:hover a{
	color : #fff;
	background-color : #f184a1;
}
@media screen and (max-width: 768px){
	#school-tabcontroller li{
		width : calc( 324 * 100% / 720 );
	}
	#school-tabcontroller li + li{
		margin-left : calc( 24 * 100% / 720 );
	}
	#school-tabcontroller a{
		border-width : calc( 4 * 100vw / 768 );
		height : calc( 80 * 100vw / 768 );
		font-size : 2.6rem;
	}
}
@media print,screen and (min-width: 769px){
	#school-tabcontroller li{
		width : 260px;
	}
	#school-tabcontroller li + li{
		margin-left : 20px;
	}
	#school-tabcontroller a{
		border-width : 1px;
		height : 60px;
		font-size : 1.8rem;
	}
}
#school-initiallink{
	display : flex;
	justify-content : center;
}
#school-initiallink a{
	letter-spacing : .1em;
}
#school-initiallink a:before{
	content : "▼";
	color : #f184a1;
}
@media screen and (max-width: 768px){
	#school-initiallink{
		flex-wrap : wrap;
		margin-top : calc( 46 * 100vw / 768 );
	}
	#school-initiallink:before{
		content : "";
		display : block;
		width : 100%;
		order : 2;
		height : calc( 34 * 100vw / 768 );
	}
	#school-initiallink li:nth-child(-n+5){
		order : 1;
	}
	#school-initiallink li:nth-child(n+6){
		order : 3;
	}
	#school-initiallink li + li{
		margin-left : calc( 26 * 100% / 720 );
	}
	#school-initiallink a{
		font-size : 2.6rem;
	}
}
@media print,screen and (min-width: 769px){
	#school-initiallink{
		margin-top : 64px;
	}
	#school-initiallink li + li{
		margin-left : 18px;
	}
	#school-initiallink a{
		font-size : 1.8rem;
	}
}
#school-tab > li:not(.is-active){
	display : none;
}
#school-tab dd > div{
	display : flex;
	align-items : flex-start;
}
#school-tab dd > div:before{
	flex-shrink : 0;
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-position : center;
	background-size : auto 100%;
}
#school-tab dd > div.train:before{
	background-image : url("../images/ui/icon/train.png");
}
#school-tab dd > div.bus:before{
	background-image : url("../images/ui/icon/bus.png");
}
#school-tab dd > div.bike:before{
	background-image : url("../images/ui/icon/bike.png");
}
#school-tab dd > div.walk:before{
	background-image : url("../images/ui/icon/walk.png");
}
#school-tab dd > div.bt:before{
	background-image : url("../images/ui/icon/bt.png");
}
@media screen and (max-width: 768px){
	#school-tab{
		margin-top : calc( 20 * 100vw / 768 );
	}
	#school-tab dl{
		margin-top : calc( ( 29 - 5 ) * 100vw / 768 );
	}
	#school-tab dl > div{
		padding-left : calc( 24 * 100% / 720 );
		padding-right : calc( 24 * 100% / 720 );
	}
	#school-tab dl > div + div{
		margin-top : calc( 30 * 100vw / 768 );
	}
	#school-tab dt{
		font-size : 2.6rem;
		line-height : 1.3846;
		font-weight : 700;
	}
	#school-tab dt a{
		display : flex;
		align-items : flex-start;
		font-size : 2.6rem;
		line-height : 1.3846;
		font-weight : 700;
	}
	#school-tab dd{
		margin-top : calc( 15 * 100vw / 768 );
		font-size : 2.6rem;
		line-height : 1.3846;
	}
	#school-tab dd > div:before{
		width : calc( 46 * 100% / 672 );
		height : calc( 29 * 100vw / 768 );
		margin-right : calc( 4 * 100% / 672 );
		margin-left : calc( 24 * 100% / 672 );
		margin-top : calc( 3.5 * 100vw / 768 );
	}
	#school-tab dd > div + div{
		margin-top : calc( 15 * 100vw / 768 );
	}
	#school-tab dl + h2{
		margin-top : calc( ( 191 - 5 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#school-tab{
		margin-top : 12px;
	}
	#school-tab dl{
		margin-top : calc( 29px - 7px );
	}
	#school-tab dl > div{
		display : flex;
		align-items : flex-start;
	}
	#school-tab dl > div + div{
		margin-top : 20px;
	}
	#school-tab dt{
		flex-shrink : 0;
		width : 400px;
		font-size : 1.8rem;
		line-height : 1.5;
	}
	#school-tab dd{
		font-size : 1.8rem;
		line-height : 1.5;
		padding-right : 1em;
	}
	#school-tab dd > div:before{
		width : 31px;
		height : 20px;
		margin-right : 3px;
		margin-top : 3.5px;
	}
	#school-tab dl + h2{
		margin-top : calc( 52px - 7px );
	}
}
/*--------------------------------------------
FLOW
---------------------------------------------*/
#flow .lede{
	letter-spacing : .1em;
}
#flow ol p , #flow ol li , #flow ol dt , #flow ol dd{
	letter-spacing : .1em;
}
#flow ol dl{
	border-style : solid;
	border-color : #f184a1;
}
#flow ol h3{
	letter-spacing : .1em;
	color : #f184a1;
	font-weight : 700;
}
#flow .complete{
	position : relative;
	width : 100%;
	color : #f184a1;
	letter-spacing : .1em;
}
#flow .complete:after{
	content : "";
	display : block;
	background : url("../images/ui/icon/cat.png") 0 0 / contain no-repeat;
	position : absolute;
}
#flow .box > li{
	background-color : #fff;
}
#flow .box h3{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #f184a1;
	letter-spacing : .1em;
	text-indent : .1em;
	color : #fff;
}
#flow .box p{
	letter-spacing : .1em;
}
#flow .box p em{
	display : inline;
	background : linear-gradient(transparent 90%, #fc0 0%);
}
@media screen and (max-width: 768px){
	#flow{
		margin-bottom : calc( ( -124 + 35 + 26 ) * 100vw / 768 );
	}
	#flow .wrap{
		padding-top : calc( ( 35 - 13 ) * 100vw / 768 );
		padding-left : 0;
		padding-right : 0;
	}
	#flow .lede{
		font-size : 2.6rem;
		line-height : 2;
		padding-left : calc( 48 * 100% / 768 );
		padding-right : calc( 48 * 100% / 768 );
	}
	#flow .wrap > ol{
		margin-top : calc( ( 59 - 13 ) * 100vw / 768 );
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
	#flow .wrap > ol > li + li{
		margin-top : calc( ( 70 - 13 ) * 100vw / 768 );
	}
	#flow .wrap > ol > li > p , #flow .wrap > ol > li > ul , #flow .wrap > ol > li > ol , #flow .wrap > ol > li > dl{
		width : calc( 672 * 100% / 720 );
		margin-left : auto;
		margin-right : auto;
	}
	#flow .wrap > ol h2{
		margin-bottom : calc( ( 31 - 13 ) * 100vw / 768 );
	}
	#flow .wrap > ol p , #flow .wrap > ol li , #flow .wrap > ol dt , #flow .wrap > ol dd , #flow .wrap > ol h3{
		font-size : 2.6rem;
		line-height : 2;
	}
	#flow .wrap > ol dl{
		border-width : calc( 3 * 100vw / 768 );
		display : flex;
		flex-wrap : wrap;
		padding-left : calc( 28 * 100% / 672 );
		padding-right : calc( 28 * 100% / 672 );
		padding-top : calc( ( 40 - 13 ) * 100vw / 768 );
		padding-bottom : calc( ( 40 - 13 ) * 100vw / 768 );
	}
	#flow .wrap > ol p + dl{
		margin-top : calc( 26 * 100vw / 768 );
	}
	#flow .wrap > ol dl + p{
		margin-top : calc( 26 * 100vw / 768 );
	}
	#flow .wrap > ol p + h3{
		margin-top : calc( 10 * 100vw / 768 );
	}
	#flow .complete{
		margin-top : calc( ( 121 - 13 - 6.5 ) * 100vw / 768 );
		font-size : 3.6rem;
		line-height : 1.3611;
		padding-left : calc( 48 * 100% / 768 );
		padding-right : calc( 48 * 100% / 768 );
	}
	#flow .complete:after{
		width : calc( 157 * 100% / 768 );
		height : calc( 205 * 100vw / 768 );
		right : calc( 14 * 100% / 768 );
		top : calc( ( -65 + 6.5 ) * 100vw / 768 );
	}
	#flow .box{
		margin-top : calc( ( 104 - 6.5 ) * 100vw / 768 );
		padding-top : calc( 69 * 100vw / 768 );
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
		padding-bottom : calc( 52 * 100vw / 768 );
		background-color : #fff2f2;
	}
	#flow .box li + li{
		margin-top : calc( 28 * 100vw / 768 );
	}
	#flow .box h3{
		font-size : 3.4rem;
		line-height : 1.1471;
		padding-top : calc( ( 25.5 - 2.5 ) * 100vw / 768 );
		padding-bottom : calc( ( 25.5 - 2.5 ) * 100vw / 768 );
	}
	#flow .box p{
		font-size : 2.6rem;
		line-height : 2;
		padding-top : calc( ( 32 - 13 ) * 100vw / 768 );
		padding-bottom : calc( ( 45 - 13 ) * 100vw / 768 );
		padding-left : calc( 24 * 100% / 720 );
		padding-right : calc( 24 * 100% / 720 );
	}
}
@media print,screen and (min-width: 769px){
	#flow{
		overflow : hidden;
		margin-bottom : 69px;
	}
	#flow .wrap{
		padding-top : calc( 29px - 6px );
	}
	#flow .lede{
		font-size : 1.6rem;
		line-height : 1.75;
		text-indent : .1em;
		text-align : center;
	}
	#flow .wrap > ol{
		margin-top : calc( 35px - 6px );
	}
	#flow .wrap > ol > li + li{
		margin-top : calc( 45px - 6px );
	}
	#flow .wrap > ol > li > p , #flow .wrap > ol > li > ul , #flow .wrap > ol > li > ol , #flow .wrap > ol > li > dl{
		margin-left : 132px;
	}
	#flow .wrap > ol h2{
		margin-bottom : calc( 14px - 6px );
	}
	#flow .wrap > ol p , #flow .wrap > ol li , #flow .wrap > ol dt , #flow .wrap > ol dd , #flow .wrap > ol h3{
		font-size : 1.6rem;
		line-height : 1.75;
	}
	#flow .wrap > ol dl{
		border-width : 1px;
		display : inline-flex;
		padding-left : 14px;
		padding-right : 100px;
		padding-top : calc( 18px - 6px );
		padding-bottom : calc( 18px - 6px );
	}
	#flow .wrap > ol p + dl{
		margin-top : 16px;
	}
	#flow .wrap > ol dl + p{
		margin-top : 16px;
	}
	#flow .wrap > ol p + h3{
		margin-top : 10px;
	}
	#flow .complete{
		text-align : center;
		text-indent : .1em;
		margin-top : calc( 103px - 6px );
		font-size : 2.4rem;
	}
	#flow .complete:after{
		width : 91px;
		height : 119px;
		left : 848px;
		top : -50px;
	}
	#flow .box{
		position : relative;
		margin-top : 132px;
		display : flex;
		justify-content : space-between;
		padding-bottom : 30px;
	}
	#flow .box:before{
		content : "";
		display : block;
		background-color : #fff2f2;
		position : absolute;
		top : -40px;
		width : 1260px;
		left : 50%;
		transform : translateX(-50%);
		height : calc( 100% + 40px );
		z-index : -1;
	}
	#flow .box > li{
		width : 520px;
	}
	#flow .box h3{
		font-size : 2.4rem;
		line-height : 1.625;
		padding-top : calc( 19px - 7.5px );
		padding-bottom : calc( 19px - 7.5px );
	}
	#flow .box p{
		font-size : 1.6rem;
		line-height : 1.75;
		padding-top : calc( 15px - 6px );
		padding-bottom : calc( 30px - 6px );
		padding-left : 20px;
		padding-right : 20px;
	}
}
/*--------------------------------------------
THANKS
---------------------------------------------*/
#thanks h2{
	font-weight : 700;
	letter-spacing : .1em;
}
#thanks p{
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	#thanks .wrap{
		padding-top : calc( 72 * 100vw / 768 );
		padding-bottom : calc( 120 * 100vw / 768 );
	}
	#thanks h2{
		font-size : 3.2rem;
		margin-bottom : calc( 40 * 100vw / 768 );
	}
	#thanks p{
		font-size : 2.6rem;
		line-height : 2;
	}
	#thanks p + p{
		margin-top : calc( 52 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#thanks .wrap{
		padding-top : 72px;
		padding-bottom : 100px;
	}
	#thanks h2{
		font-size : 2.8rem;
		margin-bottom : 40px;
	}
	#thanks p{
		font-size : 1.6rem;
		line-height : 1.75;
	}
	#thanks p + p{
		margin-top : 28px;
	}
}
/*--------------------------------------------
VOICES
---------------------------------------------*/
#voices .banner{
	display : block;
	margin-left : auto;
	margin-right : auto;
}
#voices .posts a{
	display : flex;
	align-items : flex-start;
	background-color : #fff;
}
#voices .posts picture{
	flex-shrink : 0;
	overflow : hidden;
}
#voices .posts picture > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	font-family : "object-fit: cover;";
}
#voices .posts a > div{
	flex-grow : 1;
}
#voices .posts h2 span{
	display : block;
	letter-spacing : .1em;
}
#voices .posts h2 span:nth-of-type(1){
	color : #f184a1;
	font-weight : 500;
}
#voices .posts p{
	letter-spacing : .1em;
}
#voices .posts li.is-hidden{
	display : none;
}
@media screen and (max-width: 768px){
	#voices{
		margin-bottom : calc( 75 * 100vw / 768 );
	}
	#voices .wrap{
		padding-left : 0;
		padding-right : 0;
	}
	#voices .banner{
		width : calc( 720 * 100% / 768 );
	}
	#voices .posts{
		margin-top : calc( 58 * 100vw / 768 );
	}
	#voices .posts{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
	#voices .posts > li{
		box-shadow : calc( 4.243 * 100vw / 768 ) calc( 4.243 * 100vw / 768 ) 0 0 #ccc;
		position : relative;
	}
	#voices .posts > li:nth-child(even){
		margin-top : calc( 53 * 100vw / 768 );
	}
	#voices .posts > li:nth-child(even) a{
		flex-direction : row-reverse;
	}
	#voices .posts > li:nth-child(odd):not(:first-child){
		margin-top : calc( 66 * 100vw / 768 );
	}
	#voices .posts > li:nth-child(odd):before{
		content : "";
		display : block;
		background-color : #fef4f7;
		position : absolute;
		width : calc( 600 * 100% / 720 );
		height : calc( 600 * 100vw / 768 );
		z-index : -1;
	}
	#voices .posts > li:nth-child(1):before{
		left : calc( -24 * 100% / 720 );
		top : calc( -29 * 100vw / 768 );
	}
	#voices .posts > li:nth-child(3):before{
		right : calc( -24 * 100% / 720 );
		top : calc( -18 * 100vw / 768 );
	}
	#voices .posts > li:nth-child(5):before{
		left : calc( -24 * 100% / 720 );
		top : calc( -3 * 100vw / 768 );
	}
	#voices .posts > li:nth-child(7):before{
		right : calc( -24 * 100% / 720 );
		top : calc( 5 * 100vw / 768 );
	}
	#voices .posts > li:nth-child(9):before{
		left : calc( -24 * 100% / 720 );
		top : calc( -6 * 100vw / 768 );
	}
	#voices .posts picture{
		width : calc( 184 * 100% / 720 );
		height : calc( 245 * 100vw / 768 );
	}
	#voices .posts a > div{
		padding-left : calc( 12 * 100% / 720 );
		padding-right : calc( 12 * 100% / 720 );
		padding-top : calc( ( 23 - 8 ) * 100vw / 768 );
	}
	#voices .posts h2 span:nth-of-type(1){
		font-size : 3.4rem;
		line-height : 1.4706;
	}
	#voices .posts h2 span:nth-of-type(2){
		font-size : 2.6rem;
		line-height : 1.5385;
		margin-top : calc( 5 * 100vw / 768 );
	}
	#voices .posts p{
		margin-top : calc( 10 * 100vw / 768 );
		font-size : 2.6rem;
		line-height : 1.7692;
	}
	#voices #paginationSingle{
		margin-top : calc( 105 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#voices{
		overflow : hidden;
		margin-bottom : 80px;
	}
	#voices .banner{
		width : 800px;
	}
	#voices .posts{
		margin-top : 64px;
	}
	#voices .posts{
		display : flex;
		flex-wrap : wrap;
	}
	#voices .posts > li{
		width : 500px;
		box-shadow : 4.243px 4.243px 0 0 #ccc;
	}
	#voices .posts > li:nth-child(n+3){
		margin-top : 50px;
	}
	#voices .posts > li:nth-child(even){
		margin-left : 20px;
	}
	#voices .posts > li:nth-child(4n+3){
		margin-left : 120px;
	}
	#voices .posts > li:nth-child(4n+3) a , #voices .posts > li:nth-child(4n+4) a{
		flex-direction : row-reverse;
	}
	#voices .posts > li:nth-child(12n+1) , #voices .posts > li:nth-child(12n+7){
		position : relative;
	}
	#voices .posts > li:nth-child(12n+1):before , #voices .posts > li:nth-child(12n+7):before{
		content : "";
		display : block;
		position : absolute;
		background-color : #fef4f7;
		width : 1060px;
		height : 450px;
		z-index : -1;
		top : -20px;
	}
	#voices .posts > li:nth-child(12n+1):before{
		left : -60px;
	}
	#voices .posts > li:nth-child(12n+7):before{
		left : 20px;
	}
	#voices .posts picture{
		width : 150px;
		height : 200px;
	}
	#voices .posts a > div{
		padding-left : 20px;
		padding-right : 16px;
		padding-top : calc( 37px - 3px );
	}
	#voices .posts h2 span:nth-of-type(1){
		font-size : 2.2rem;
		line-height : 1.2727;
	}
	#voices .posts h2 span:nth-of-type(2){
		font-size : 1.6rem;
		line-height : 1.75;
	}
	#voices .posts p{
		margin-top : 10px;
		font-size : 1.6rem;
		line-height : 1.75;
	}
	#voices .voice_text img.photo{
        margin: 10px;
        width: 350px;
	}
        #voices .voice_text img.photo.fl-r{
            float: right;
            margin-right: 0px;
        }
        #voices .voice_text img.photo.fl_l{
            float: left;
            margin-left: 0px;
        }
	#voices #paginationSingle{
		margin-top : 57px;
	}
}
/*--------------------------------------------
VOICES-single
---------------------------------------------*/
#main.voice .box_v_i_fish{
	position : relative;
}
#main.voice .photo_v_i{
	position : absolute;
	top : 0;
}
#main.voice .photo_v_i img{
	width : 100%;
	height : auto;
}
#main.voice h2 span{
	display : block;
}
#main.voice h2 span:nth-of-type(1){
	font-weight : 500;
	letter-spacing : .1em;
	color : #f184a1;
}
#main.voice h2 span:nth-of-type(2){
	letter-spacing : .1em;
}
#main.voice .title_v_i{
	background-color : #fef4f7;
	font-family : "FOT-スーラ Pro M";
}
#main.voice .voice_q{
	letter-spacing : .1em;
	color : #f184a1;
}
#main.voice .voice_q + p:not([class]){
	letter-spacing : .1em;
}
#main.voice .voice_link.center,
#main.voice .back_div.center {
	margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-style: solid;
    border-color: #ccc;
    letter-spacing: .1em;
    text-indent: .1em;	
}
@media screen and (max-width: 768px){
	#main.voice{
		padding-top : calc( 76 * 100vw / 768 );
		padding-bottom : calc( 94 * 100vw / 768 );
		padding-left: calc( 24 * 100% / 768 );
		padding-right: calc( 24 * 100% / 768 );
	}
	#main.voice .photo_v_i{
		left : 0;
		width : calc( 188 * 100% / 720 );
	}
	#main.voice .box_v_i_fish{
		background-color : #fef4f7;
		min-height : calc( 250 * 100vw / 768 );
	}
	#main.voice h2{
		padding-top : calc( ( 27 - 7 ) * 100vw / 768 );
		padding-left : calc( 200 * 100% / 720 );
	}
	#main.voice h2 span:nth-of-type(1){
		font-size : 3.8rem;
		line-height : 1.3684;
	}
	#main.voice h2 span:nth-of-type(2){
		font-size : 2.6rem;
		margin-top : calc( 20 * 100vw / 768 );
	}
	#main.voice .title_v_i{
		margin-top : calc( ( 26 - 6 ) * 100vw / 768 );
		font-size : 3.6rem;
		line-height : 1.3333;
		width : calc( 572 * 100% / 720 );
		margin-left : auto;
		padding-left : calc( 53 * 100% / 720 );
		padding-right : calc( 30 * 100% / 720 );
		padding-bottom : calc( ( 23 - 6 ) * 100vw / 768 );
	}
	#main.voice .voice_text{
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( ( 67 - 11 ) * 100vw / 768 );
	}
	#main.voice .voice_q{
		font-size : 3rem;
		line-height : 1.7333;
		padding-left : calc( 24 * 100% / 720 );
		padding-right : calc( 24 * 100% / 720 );
	}
	#main.voice .voice_q ~ p:not([class]){
		padding-left : calc( 24 * 100% / 720 );
		padding-right : calc( 24 * 100% / 720 );
		font-size : 2.6rem;
		line-height : 2;
	}
	#main.voice p:not([class]) + .voice_q{
		margin-top : calc( 52 * 100vw / 768 );
	}
	#main.voice .img_wrap{
		text-align : center;
		margin-top : calc( ( 73 - 13 ) * 100vw / 768 );
	}
	#main.voice .img_wrap img{
		width : 100%;
	}
	#main.voice .voice_link.center,
	#main.voice .back_div.center {
		margin-top : calc( 71 * 100vw / 768 );
		border-width: calc( 4 * 100vw / 768 );
		width: calc( 324 * 100vw / 768 );
		height: calc( 80 * 100vw / 768 );
		font-size: 2.6rem;
	}
    #main.voice .img-st {
        max-width: 100%;
        height: auto;
        margin: 10px 0 ;
	}
}
@media print,screen and (min-width: 769px){
	#main.voice{
		padding-top: 48px;
		padding-bottom: 66px;
		margin-left: auto;
		margin-right: auto;
		width: 1140px;
		padding-left: 40px;
		padding-right: 40px;
	}
	#main.voice .photo_v_i{
		left : 91px;
		width : 188px;
	}
	#main.voice h2{
		padding-top : 34px;
		padding-left : 300px;
	}
	#main.voice h2 span:nth-of-type(1){
		font-size : 3.6rem;
	}
	#main.voice h2 span:nth-of-type(2){
		font-size : 1.8rem;
		margin-top : 20px;
	}
	#main.voice .title_v_i{
		display : flex;
		align-items : center;
		height : 133px;
		margin-top : 32px;
		padding-left : 300px;
		font-size : 2.6rem;
		line-height : 1.3;
	}
	#main.voice .voice_text{
		margin-left : auto;
		margin-right : auto;
		width : 872px;
		margin-top : calc( 43px - 6px );
	}
	#main.voice .voice_q{
		font-size : 2.2rem;
		line-height : 1.5455;
        overflow : hidden;
	}
	#main.voice .voice_q ~ p:not([class]){
		font-size : 1.8rem;
		line-height : 1.8889;
		margin-top : 10px;
        overflow : hidden;
        margin-bottom: 24px;
	}
	#main.voice p:not([class]) + .voice_q{
		margin-top : 34px;
	}
	#main.voice .img_wrap{
		text-align : center;
		margin-top : calc( 104px - 8px );
	}
	#main.voice .img_wrap img{
		width : 800px;
	}
	#main.voice .voice_link.center,
	#main.voice .back_div.center {
		border-width: 1px;
		width: 260px;
		height: 60px;
		font-size: 1.8rem;
		margin-top : 102px;
	}
    #main.voice .img-st {
        width: 350px;
        height: auto;
    }
    #main.voice .img-st.img-fl {
        height: auto;
        float: left;
        margin: 10px 10px 10px 0 ;
	}
    #main.voice .img-st.img-fr {
        float: right;
        margin: 10px 0px 10px 10px ;
	}
}


	#movie-main .wrap p {
		line-height: 1.8;
	}
	#movie-main .wrap p.read {
		margin-bottom: 3em;
	}
@media screen and (max-width: 768px){
	#movie-main .wrap .title {
		font-size: 4.6rem;
		color: #f16d90;
		letter-spacing: .1em;
		margin-bottom: 10px;
		text-align: center;
		display: block;
	}
	.youtube {
		width: calc(100vw - ( 60 * 100vw / 768 ));
		margin: 10px auto 0 auto;
	}
	.youtube iframe {
		width: calc(100vw - ( 60 * 100vw / 768 ));
		height: 60vw;
	}
	#moviewrap li {
		margin-bottom: 60px;
	}
	#moviewrap li p {
	}
	.theta360 {
		display: flex;
		margin-top: 20px;
		flex-wrap: wrap;
		justify-content: center;
	}
		.theta360 dl {
			width: calc(100vw - ( 60 * 100vw / 768 ));
			margin-bottom: 30px;
		}
		.theta360 dl:nth-last-of-type(2n + 1) {
		}
		.theta360 dl dt {
			text-align: center;
			margin-bottom: 10px;
			font-size: 3.4rem;	
			font-weight: 500;
			color: #f16d90;
		}
		.theta360 dl dd {
		height: calc(100vw - ( 60 * 100vw / 768 ));
		}
}
@media print,screen and (min-width: 769px){
	#movie-main .wrap {
		width: 1060px;
		margin: auto;
		padding: 20px 0 ;
	}
	#movie-main .wrap .title {
		font-size: 3rem;
		color: #f16d90;
		letter-spacing: .1em;
		margin-bottom: 10px;
		text-align: center;
		display: block;
	}
	.youtube {
		width: 800px;
		margin: 10px auto 0 auto;
	}
	.youtube iframe {
		width: 800px;
		height: 500px;
	}
	#moviewrap li {
		margin-bottom: 60px;
	}
	#moviewrap li p {
		text-align: center;
	}
	.theta360 {
		display: flex;
		margin-top: 20px;
		flex-wrap: wrap;
		justify-content: center;
	}
		.theta360 dl {
			width: 800px;
			margin-bottom: 30px;
		}
		.theta360 dl:nth-last-of-type(2n + 1) {
		}
		.theta360 dl dt {
			text-align: center;
			margin-bottom: 10px;
			font-size: 2.2rem;	
			font-weight: 500;
			color: #f16d90;
		}
		.theta360 dl dd {
			height: 500px;
		}
}

/*--------------------------------------------
FORM
---------------------------------------------*/
.contact #title h1:before , .apply #title h1:before , .request #title h1:before , .flow #title h1:before{
	background-color : #fff2f2;
	color: #f184a1;
	display: block;
	position: absolute;
}
@media screen and (max-width: 768px){
	.contact #title h1:before , .apply #title h1:before , .request #title h1:before , .flow #title h1:before{
		font-size: 3rem;
		margin-right: calc( 6 * 100vw / 768 );
		padding: calc( 10 * 100vw / 768 );
		width: 4em;
		margin-top: calc( 52 * 100vw / 768 );
		left: calc(50% - 2em - 5px);
	}
}
@media print,screen and (min-width: 769px){
	.contact #title h1:before , .apply #title h1:before , .request #title h1:before , .flow #title h1:before{
		font-size: 2rem;
		margin-right: 5px;
		padding: 5px;
		width: 5em;
		margin-top: 53px;
		left: calc(50% - 2.5em - 5px);
	}
}



/*--------------------------------------------
COMMON
---------------------------------------------*/
.list-covid a{
	display : block;
}
@media screen and (max-width: 768px){
	.list-covid{
		margin-top : calc( ( 120 - 13 ) * 100vw / 768 );
	}
	.list-covid li + li{
		margin-top : calc( 73 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.list-covid{
		display : flex;
		justify-content : space-between;
		margin-top : 80px;
	}
	.list-covid li{
		width : 520px;
	}
}
/*--------------------------------------------
OUCHIDE KEIYAKU
---------------------------------------------*/
#ouchidekeiyaku .wrap{
	position : relative;
}
#ouchidekeiyaku .wrap:before , #ouchidekeiyaku .wrap:after{
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-position : 0 0;
	background-size : contain;
	position : absolute;
}
#ouchidekeiyaku .wrap:before{
	background-image : url("../images/ouchidekeiyaku/bg01.png");
}
#ouchidekeiyaku .wrap:after{
	background-image : url("../images/ouchidekeiyaku/bg02.png");
}
#ouchidekeiyaku .list > li{
	counter-increment : no;
}
#ouchidekeiyaku h3{
	color : #fff;
	background-color : #f36c90;
	letter-spacing : .1em;
	width : 100%;
	position : relative;
	background-repeat : no-repeat;
}
#ouchidekeiyaku h3:before{
	content : counter(no);
	font-weight : 700;
	position : absolute;
}
#ouchidekeiyaku .list > li:nth-child(1) h3{
	background-image : url("../images/ui/icon/movie.png");
}
#ouchidekeiyaku .list > li:nth-child(2) h3{
	background-image : url("../images/ui/icon/form.png");
}
#ouchidekeiyaku .list > li:nth-child(3) h3{
	background-image : url("../images/ui/icon/webcamera.png");
}
#ouchidekeiyaku .list > li:nth-child(4) h3{
	background-image : url("../images/ui/icon/onlinenailen.png");
}

#ouchidekeiyaku .list p{
	letter-spacing : .1em;
}
#ouchidekeiyaku .list a{
	margin-left : auto;
	margin-right : auto;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #f5d25a;
	letter-spacing : .1em;
	text-indent : .1em;
}
@media screen and (max-width: 768px){
	#ouchidekeiyaku .wrap{
		padding-top : calc( ( 37 - 13 ) * 100vw / 768 );
		padding-bottom : calc( 92 * 100vw / 768 );
	}
	#ouchidekeiyaku .wrap:before{
		width : calc( 269 * 100% / 768 );
		height : calc( 228 * 100vw / 768 );
		top : calc( -206 * 100vw / 768 );
		left : calc( -82 * 100% / 768 );
	}
	#ouchidekeiyaku .wrap:after{
		width : calc( 198 * 100% / 768 );
		height : calc( 196 * 100vw / 768 );
		top : calc( -184 * 100vw / 768 );
		left : calc( 570 * 100% / 768 );
	}
	#ouchidekeiyaku .title01{
	}
	#ouchidekeiyaku .list{
		margin-top : calc( ( 55 - 13 ) * 100vw / 768 );
	}
	#ouchidekeiyaku .list li + li{
		margin-top : calc( 86 * 100vw / 768 );
	}
	#ouchidekeiyaku h3{
		font-size : 4rem;
		height : calc( 200 * 100vw / 768 );
		padding-top : calc( 123 * 100vw / 768 );
		padding-left : calc( 31 * 100% / 720 );
	}
	#ouchidekeiyaku h3:before{
		font-size : 6.3rem;
		top : calc( 39 * 100vw / 768 );
		left : calc( 17 * 100% / 720 );
	}
	#ouchidekeiyaku .list > li:nth-child(1) h3{
		background-size : auto calc( 138 * 100vw / 768 );
		background-position : right calc( 28 * 100% / 720 ) top 50%;
	}
	#ouchidekeiyaku .list > li:nth-child(2) h3{
		background-size : auto calc( 135 * 100vw / 768 );
		background-position : right calc( 7 * 100% / 720 ) top calc( 43 * 100vw / 768 );
	}
	#ouchidekeiyaku .list > li:nth-child(3) h3{
		background-size : auto calc( 124 * 100vw / 768 );
		background-position : right calc( 23 * 100% / 720 ) top calc( 39 * 100vw / 768 );
	}
	#ouchidekeiyaku .list p{
		font-size : 2.6rem;
		line-height : 2;
		margin-top : calc( ( 42 - 13 ) * 100vw / 768 );
	}
	#ouchidekeiyaku .iframe-container{
		margin-top : calc( ( 37 - 13 ) * 100vw / 768 );
		height : calc( 380 * 100vw / 768 );
	}
	#ouchidekeiyaku .list a{
		margin-top : calc( ( 52 - 13 ) * 100vw / 768 );
		width : calc( 600 * 100% / 720 );
		height : calc( 80 * 100vw / 768 );
		font-size : 3rem;
	}
}
@media print,screen and (min-width: 769px){
	#ouchidekeiyaku .wrap{
		padding-top : calc( 68px - 8px );
		padding-bottom : 68px;
	}
	#ouchidekeiyaku .wrap:before{
		width : 345px;
		height : 292px;
		top : -111px;
		left : -25px;
	}
	#ouchidekeiyaku .wrap:after{
		width : 278px;
		height : 260px;
		top : -93px;
		right : -18px;
	}
	#ouchidekeiyaku .title01{
		margin-top : calc( 72px - 8px );
	}
	#ouchidekeiyaku .list{
		display : flex;
		margin-top : 45px;
        gap: 50px 20px;
        justify-content: center;
	}
	#ouchidekeiyaku .list > li{
		width : 340px;
	}
	#ouchidekeiyaku .list.list-column2{
        flex-wrap: wrap;
	}
	#ouchidekeiyaku .list.list-column2 > li{
		width : 500px;
	}

	#ouchidekeiyaku h3{
		text-indent : .1em;
		font-size : 2.2rem;
		height : 180px;
		text-align : center;
		padding-top : 137px;
	}
	#ouchidekeiyaku h3:before{
		font-size : 3rem;
		top : 13px;
		left : 8px;
	}
	#ouchidekeiyaku .list > li:nth-child(1) h3{
		background-size : auto 66px;
		background-position : center 47px;
	}
	#ouchidekeiyaku .list > li:nth-child(2) h3{
		background-size : auto 73px;
		background-position : center 44px;
	}
	#ouchidekeiyaku .list > li:nth-child(3) h3{
		background-size : auto 76px;
		background-position : center 34px;
	}
	#ouchidekeiyaku .list > li:nth-child(4) h3{
		background-size : auto 76px;
		background-position : center 34px;
	}
	#ouchidekeiyaku .list p{
		font-size : 1.8rem;
		line-height : 1.8889;
		margin-top : calc( 17px - 8px );
	}
	#ouchidekeiyaku .iframe-container{
		margin-top : calc( 16px - 8px );
		height : 192px;
	}
	#ouchidekeiyaku .list a{
		margin-top : calc( 21px - 8px );
		width : 256px;
		height : 54px;
		font-size : 1.8rem;
	}
}
/*--------------------------------------------
COVID 19
---------------------------------------------*/
#covid-19 .list01 li{
	border-color : #3cb4a0;
	border-style : solid;
}
#covid-19 .list01 p{
	letter-spacing : .1em;
}
#covid-19 .list02 li{
	display : flex;
	align-items : flex-start;
	letter-spacing : .1em;
}
#covid-19 .list02 li:before{
	content : "";
	display : block;
	flex-shrink : 0;
	background : url("../images/ui/icon/check01.png") 0 0 / contain no-repeat;
}
@media screen and (max-width: 768px){
	#covid-19 .wrap{
		padding-top : calc( ( 35 - 13 ) * 100vw / 768 );
		padding-bottom : calc( 64 * 100vw / 768 );
	}
	#covid-19 .lede01 + .title01{
		margin-top : calc( ( 55 - 13 ) * 100vw / 768 );
	}
	#covid-19 .list01{
		margin-top : calc( 26 * 100vw / 768 );
	}
	#covid-19 .list01 li{
		border-width : calc( 6 * 100vw / 768 );
		border-radius : calc( 6 * 100vw / 768 );
		padding-bottom : calc( ( 46 - 6.5 ) * 100vw / 768 );
	}
	#covid-19 .list01 li + li{
		margin-top : calc( 20 * 100vw / 768 );
	}
	#covid-19 .list01 p{
		font-size : 2.6rem;
		line-height : 1.5;
		margin-top : calc( ( 49 - 6.5 ) * 100vw / 768 );
		padding-left : calc( 19 * 100% / 708 );
		padding-right : calc( 19 * 100% / 708 );
	}
	#covid-19 .list01 li:nth-child(1){
		padding-top : calc( 57 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(1) picture{
		margin-left : calc( 244 * 100% / 708 );
	}
	#covid-19 .list01 li:nth-child(1) img{
		height : calc( 132 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(2){
		padding-top : calc( 50 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(2) picture{
		margin-left : calc( 270 * 100% / 708 );
	}
	#covid-19 .list01 li:nth-child(2) img{
		height : calc( 141 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(3){
		padding-top : calc( 34 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(3) picture{
		margin-left : calc( 239 * 100% / 708 );
	}
	#covid-19 .list01 li:nth-child(3) img{
		height : calc( 178 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(4){
		padding-top : calc( 54 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(4) picture{
		margin-left : calc( 283 * 100% / 708 );
	}
	#covid-19 .list01 li:nth-child(4) img{
		height : calc( 152 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(5){
		padding-top : calc( 26 * 100vw / 768 );
	}
	#covid-19 .list01 li:nth-child(5) picture{
		margin-left : calc( 281 * 100% / 708 );
	}
	#covid-19 .list01 li:nth-child(5) img{
		height : calc( 164 * 100vw / 768 );
	}
	#covid-19 .list01 + .title01{
		margin-top : calc( 114 * 100vw / 768 );
	}
	#covid-19 .list02{
		margin-top : calc( ( 54 - 7 ) * 100vw / 768 );
		padding-left : calc( 20 * 100% / 720 );
		padding-right : calc( 20 * 100% / 720 );
	}
	#covid-19 .list02 li{
		width : 100%;
		font-size : 2.6rem;
		line-height : 1.5385;
	}
	#covid-19 .list02 li + li{
		margin-top : calc( 25 * 100vw / 768 );
	}
	#covid-19 .list02 li:before{
		margin-right : calc( 3 * 100% / 700 );
		width : calc( 26 * 100% / 700 );
		height : calc( 20 * 100vw / 768 );
		margin-top : calc( ( 4 + 7 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#covid-19 .wrap{
		padding-top : calc( 47px - 8px );
		padding-bottom : 58px;
	}
	#covid-19 .lede01 + .title01{
		margin-top : calc( 72px - 8px );
	}
	#covid-19 .list01{
		margin-top : 42px;
		display : flex;
		flex-wrap : wrap;
		justify-content : center;
	}
	#covid-19 .list01 li{
		border-width : 2px;
		width : 340px;
		border-radius : 6px;
		padding-bottom : calc( 30px - 8px );
	}
	#covid-19 .list01 li:not(:nth-child(3n+1)){
		margin-left : 20px;
	}
	#covid-19 .list01 li:nth-child(n+4){
		margin-top : 20px;
	}
	#covid-19 .list01 p{
		font-size : 1.8rem;
		line-height : 1.8889;
		margin-top : calc( 31px - 8px );
		padding-left : 19px;
		padding-right : 19px;
	}
	#covid-19 .list01 li:nth-child(1){
		padding-top : 36px;
	}
	#covid-19 .list01 li:nth-child(1) picture{
		margin-left : 56px;
	}
	#covid-19 .list01 li:nth-child(1) img{
		height : 133px;
	}
	#covid-19 .list01 li:nth-child(2){
		padding-top : 51px;
	}
	#covid-19 .list01 li:nth-child(2) picture{
		margin-left : 73px;
	}
	#covid-19 .list01 li:nth-child(2) img{
		height : 141px;
	}
	#covid-19 .list01 li:nth-child(3){
		padding-top : 46px;
	}
	#covid-19 .list01 li:nth-child(3) picture{
		margin-left : 56px;
	}
	#covid-19 .list01 li:nth-child(3) img{
		height : 178px;
	}
	#covid-19 .list01 li:nth-child(4){
		padding-top : 53px;
	}
	#covid-19 .list01 li:nth-child(4) picture{
		margin-left : 94px;
	}
	#covid-19 .list01 li:nth-child(4) img{
		height : 152px;
	}
	#covid-19 .list01 li:nth-child(5){
		padding-top : 27px;
	}
	#covid-19 .list01 li:nth-child(5) picture{
		margin-left : 91px;
	}
	#covid-19 .list01 li:nth-child(5) img{
		height : 165px;
	}
	#covid-19 .list01 + .title01{
		margin-top : 94px;
	}
	#covid-19 .list02{
		margin-top : calc( 49px - 8px );
		padding-left : 50px;
	}
	#covid-19 .list02 li{
		width : 940px;
		font-size : 1.8rem;
		line-height : 1.8889;
	}
	#covid-19 .list02 li + li{
		margin-top : 20px;
	}
	#covid-19 .list02 li:before{
		margin-right : 1px;
		width : 26px;
		height : 20px;
		margin-top : 8px;
	}
}

#notfound .wrap p {
	line-height: 1.8;
}


/*--------------------------------------------
kitazononet
---------------------------------------------*/
#kitazononet .wrap{
	position : relative;
}
#kitazononet .wrap:before , #kitazononet .wrap:after{
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-position : 0 0;
	background-size : contain;
	position : absolute;
}
#kitazononet .wrap:before{
	background-image : url("../images/kitazononet/bg01.png");
}
#kitazononet .wrap:after{
	background-image : url("../images/kitazononet/bg02.png");
}
#kitazononet .list > li{
	counter-increment : no;
}
#kitazononet h3{
	color : #fff;
	background-color : #f36c90;
	letter-spacing : .1em;
	width : 100%;
	position : relative;
	background-repeat : no-repeat;
    line-height: 1.3;
}
#kitazononet .list > li:nth-child(1) h3{
	background-image : url("../images/ui/icon/shinsei.png");
}
#kitazononet .list > li:nth-child(2) h3{
	background-image : url("../images/ui/icon/mail.png");
}
#kitazononet .list > li:nth-child(3) h3{
	background-image : url("../images/ui/icon/webcamera.png");
}
#kitazononet .list p{
	letter-spacing : .1em;
}
#kitazononet .list a{
	margin-left : auto;
	margin-right : auto;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #f5d25a;
	letter-spacing : .1em;
	text-indent : .1em;
}
#kitazononet .photo-list {
    display: flex;
    justify-content: center;
    gap:20px 20px;
}
    #kitazononet .photo-list li {
    }
        #kitazononet .photo-list li img {
            width: 100%;
        }
@media screen and (max-width: 768px){
	#kitazononet .wrap{
		padding-top : calc( ( 37 - 13 ) * 100vw / 768 );
		padding-bottom : calc( 92 * 100vw / 768 );
	}
	#kitazononet .wrap:before{
		width : calc( 269 * 100% / 768 );
		height : calc( 228 * 100vw / 768 );
		top : calc( -206 * 100vw / 768 );
		left : calc( -82 * 100% / 768 );
	}
	#kitazononet .wrap:after{
		width : calc( 198 * 100% / 768 );
		height : calc( 196 * 100vw / 768 );
		top : calc( -184 * 100vw / 768 );
		left : calc( 570 * 100% / 768 );
	}
	#kitazononet .title01{
	}
	#kitazononet .list{
		margin-top : calc( ( 55 - 13 ) * 100vw / 768 );
	}
	#kitazononet .list li + li{
		margin-top : calc( 86 * 100vw / 768 );
	}
	#kitazononet h3{
		font-size : 4rem;
		height : calc( 200 * 100vw / 768 );
		padding-top : calc( 123 * 100vw / 768 );
		padding-left : calc( 31 * 100% / 720 );
	}
	#kitazononet h3:before{
		font-size : 6.3rem;
		top : calc( 39 * 100vw / 768 );
		left : calc( 17 * 100% / 720 );
	}
	#kitazononet .list > li:nth-child(1) h3{
		background-size : auto calc( 138 * 100vw / 768 );
		background-position : right calc( 28 * 100% / 720 ) top 50%;
	}
	#kitazononet .list > li:nth-child(2) h3{
		background-size : auto calc( 135 * 100vw / 768 );
		background-position : right calc( 7 * 100% / 720 ) top calc( 43 * 100vw / 768 );
	}
	#kitazononet .list > li:nth-child(3) h3{
		background-size : auto calc( 124 * 100vw / 768 );
		background-position : right calc( 23 * 100% / 720 ) top calc( 39 * 100vw / 768 );
	}
	#kitazononet .list p{
		font-size : 2.6rem;
		line-height : 2;
		margin-top : calc( ( 42 - 13 ) * 100vw / 768 );
	}
	#kitazononet .iframe-container{
		margin-top : calc( ( 37 - 13 ) * 100vw / 768 );
		height : calc( 380 * 100vw / 768 );
	}
	#kitazononet .list a{
		margin-top : calc( ( 52 - 13 ) * 100vw / 768 );
		width : calc( 600 * 100% / 720 );
		height : calc( 80 * 100vw / 768 );
		font-size : 3rem;
	}
    #kitazononet .photo-list li {
    }
}
@media print,screen and (min-width: 769px){
	#kitazononet .wrap{
		padding-top : calc( 68px - 8px );
		padding-bottom : 68px;
	}
	#kitazononet .wrap:before{
		width : 345px;
		height : 292px;
		top : -111px;
		left : -25px;
	}
	#kitazononet .wrap:after{
		width : 278px;
		height : 260px;
		top : -93px;
		right : -18px;
	}
	#kitazononet .title01{
		margin-top : calc( 72px - 8px );
	}
	#kitazononet .list{
		display : flex;
		margin-top : 45px;
        justify-content: center;
	}
	#kitazononet .list > li{
		width : 450px;
	}
	#kitazononet .list > li:not(:nth-child(3n+1)){
		margin-left : 20px;
	}
	#kitazononet h3{
		text-indent : .1em;
		font-size : 2.2rem;
		height : 210px;
		text-align : center;
		padding-top : 137px;
	}
	
	#kitazononet .list > li:nth-child(1) h3{
		background-size : auto 66px;
		background-position : center 47px;
	}
	#kitazononet .list > li:nth-child(2) h3{
		background-size : auto 73px;
		background-position : center 44px;
	}
	#kitazononet .list > li:nth-child(3) h3{
		background-size : auto 76px;
		background-position : center 34px;
	}
	#kitazononet .list p{
		font-size : 1.8rem;
		line-height : 1.8889;
		margin-top : calc( 17px - 8px );
	}
	#kitazononet .iframe-container{
		margin-top : calc( 16px - 8px );
		height : 192px;
	}
	#kitazononet .list a{
		margin-top : calc( 21px - 8px );
		width : 256px;
		height : 54px;
		font-size : 1.8rem;
	}
    #kitazononet .photo-list {
        margin: 40px 0 ;
    }
        #kitazononet .photo-list li {
            width: 200px;
        }
}



/*--------------------------------------------
campaign
---------------------------------------------*/
#campaign .wrap{
	position : relative;
}
    #campaign .campaign-list {
    }
        #campaign .campaign-list li {
        }
                #campaign .campaign-list li picture {
                }
                    #campaign .campaign-list li picture img {
                        width: 100%;
                        height: auto;
                    }
                #campaign .campaign-list li .box {
                }
                    #campaign .campaign-list li .box {
                    }
                        #campaign .campaign-list li .box .title {
                            color: #f16d90;
                            line-height: 1.3;
                            letter-spacing:.1em;
                        }
                        #campaign .campaign-list li .box .text {
                            line-height: 1.8;
                        }
                        #campaign .campaign-list li .box .more {
                            justify-content: flex-end;
                            display: flex;
                            margin-top: .5em;
                        }
                            #campaign .campaign-list li .box .more span {
                            }

@media screen and (max-width: 768px){
	#campaign .wrap{
		padding-top : calc( ( 37 - 13 ) * 100vw / 768 );
		padding-bottom : calc( 92 * 100vw / 768 );
	}
            #campaign .campaign-list li {
                position: relative;
                margin-bottom: calc( 60 * 100% / 768 );
            }
                #campaign .campaign-list li:before {
                    width: calc( 650 * 100% / 768 );
                    height: calc( 420 * 100vw / 768 );
                    right: calc( 0 * 100vw / 768 );
                    top: 40vw;
                    content: "";
                    display: block;
                    background-color: #fef4f7;
                    position: absolute;
                    z-index: -1;
                }
                #campaign .campaign-list li picture {
                    width: calc( 620 * 100% / 768 );
                    margin-bottom: calc( 20 * 100% / 768 );
                }
                    #campaign .campaign-list li picture img {
                        width: 100%;
                        height: auto;
                    }
                    #campaign .campaign-list li .box  {
                        margin-left: calc( 40 * 100% / 768 );
                    }
                        #campaign .campaign-list li .box .title {
                            font-size: 4.6rem;
                            line-height: 1.3;
                            color: #f16d90;

                        }
                        #campaign .campaign-list li .box .text {
                            margin-top: calc( 10 * 100vw / 768 );
                            font-size: 2.6rem;
                            line-height: 2.0;
                        }
                            #campaign .campaign-list li .box .text .more {
                            }
                                #campaign .campaign-list li .box .text .more span {
                                }
}

@media print,screen and (min-width: 769px){
	#campaign .wrap{
		padding-top : calc( 68px - 8px );
		padding-bottom : 68px;
	}
        #campaign .campaign-list li {
            margin-bottom: 40px;
        }
            #campaign .campaign-list li .flex-box {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
            }
                #campaign .campaign-list li picture {
                    width: 430px;
                }
                #campaign .campaign-list li .box {
                    width: 600px;
                }
                    #campaign .campaign-list li .box {
                    }
                        #campaign .campaign-list li .box .title {
                            font-size: 3rem;
                        }
                        #campaign .campaign-list li .box .text {
                            margin-top: 10px;
                        }
                            #campaign .campaign-list li .box .text .more {
    margin-top: calc( 19px - 8px );
    margin-left: auto;
                            }
                                #campaign .campaign-list li .box .text .more span {
                                }
}