@charset "utf-8";



#main{
	width: 100% ;
	margin: 0px auto ;
	padding: 0px ;
}


#main-pic-box{
	margin: 0px auto ;
	padding:0;
	position: absolute;
	top: 48%;
	left: 20%;
	transform: translate(-50%, -50%);
	/*WebKitブラウザのレンダリングぼやけ対策*/
	backface-visibility: hidden;
	transform-style: preserve-3d;
}
#main-pic-box img{
	width: 300px ;
}




#head-text{
	display: table;
	display: none ;
	position: absolute ;
	right: 35px ;
	bottom: 0px ;
	min-height: 250px ;
}


#head-text .head-text{
	display: table-cell ;
	width: 300px ;
	text-align: left ;
	background: url(../images/head-text-back00.png) right bottom no-repeat ;
}
#head-text .head-text img.page-logo02{
	display: block ;
	width: 170px ;
	margin: 40px auto 25px auto ;
}
#head-text .head-text .zoom01{
	display: block ;
	margin: 0px auto 30px auto ;
	text-align: center ;
	font-weight: bold ;
	font-size: 16px ;
	color: #4087fb ;
}
.zoom01 img{
	width: 24px ;
	padding: 0px 7px 0px 7px ;
}
.zoom01:hover{
	filter:alpha(opacity=50); /* IE 6,7*/
	-ms-filter: "alpha(opacity=50)"; /* IE 8,9 */
	-moz-opacity:0.5; /* FF , Netscape */
	-khtml-opacity: 0.5; /* Safari 1.x */
	opacity:0.5;
	zoom:0.5; /*IE*/
}
#head-text .head-text span{
	display: block ;
	padding: 0px 20px 15px 20px ;
	line-height: 200% ;
}
#head-text .sns-link01{
	display: table-cell ;
	width: 40px ;
	padding: 10px 0px 0px 0px ;
	vertical-align: top ;
	text-align: center ;
	background: #FFF ;
}
#head-text .sns-link01 img{
	width: 16px ;
	margin: 10px 0px 0px 0px ;
}
#head-text .sns-link01 img:hover{
	filter:alpha(opacity=50); /* IE 6,7*/
	-ms-filter: "alpha(opacity=50)"; /* IE 8,9 */
	-moz-opacity:0.5; /* FF , Netscape */
	-khtml-opacity: 0.5; /* Safari 1.x */
	opacity:0.5;
	zoom:0.5; /*IE*/
}


a#covid-text{
	display: table ;
	padding: 3px 20px ;
	color: #FFF ;
	font-weight: 700 ;
	background: #a90101 ;
	border-radius:5px;
	text-decoration: underline ;
	position: absolute ;
	left: 10px ;
	bottom: 10px ;
}
a#covid-text:hover{
	color: #FFF ;
}
a#covid-text:hover{
	background: #FF0000 ;
}
#accent01{
	position: absolute ;
  right: 140px;
	right: 275px ;
	bottom: -40px ;
	z-index: 999999 ;
}
#accent01 img{
	width: 370px ;
}

#main{
	position: relative ;
}
#main-logo{
	width: 200px ;
	margin: 15px 0px 0px 0px ;
	padding: 20px ;
	text-align: center ;
	position: absolute ;
	left: 20px ;
	top: 20px ;
}

#main-logo h1{
	padding: 0px 0px 20px 0px ;
    font-family: 'Noto Sans Japanese';
    font-weight: 500;
    /*
    thin 100
    light 200
    demi-light 300
    regular 400
    medium 500
    bold 700
    black 900
    */
	font-size: 22px ;
	letter-spacing: 0.3em ;
	line-height: 100% ;
	text-align: center ;
	color: #151515 ;
}
#main-logo h1 span{
    font-family: 'Noto Sans Japanese';
    font-weight: 100;
    /*
    thin 100
    light 200
    demi-light 300
    regular 400
    medium 500
    bold 700
    black 900
    */
	font-size: 8px ;
	letter-spacing: 0.78em ;
	line-height: 100% ;
}


#main-menu01{
	display: table ;
	margin: 0px 10px 10px auto ;
	padding: 45px 20px 12px 15px ;
	border-bottom: 1px solid #CCCCCC ;
	border: none ;
}
#main-menu01 ul{
	min-width: 650px ;
	margin: 0px 10px 0px auto ;
}
#main-menu01 li a{
	display: block ;
	padding: 10px 20px 10px 20px ;
	border-bottom: 2px solid #FFF ;
    font-family: 'Noto Sans Japanese';
    font-weight: 500;
    /*
    thin 100
    light 200
    demi-light 300
    regular 400
    medium 500
    bold 700
    black 900
    */
	font-size: 16px ;
	line-height: 100% ;
	text-align: center ;
	color: #000000 ;
	color: #FFF;
	text-decoration: none ;
	transform   : scale(0.90, 1.0);   /* 変形 横,縦 */
	float: right ;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

#main-menu01 li a span{
	display: block ;
	padding: 12px 0px 0px 0px ;
	font-size: 12px ;
	letter-spacing: 0.10em ;
	line-height: 100% ;
	text-align: center ;
	transform   : scale(1.0, 1.0);   /* 変形 横,縦 */
	color: #9c9c9c ;
}
#main-menu01 li a:visited{color: #000000 ;}
#main-menu01 li a:hover{color: #787878 ;border-bottom: 2px solid #739ebe ;}


#main-menu01 li.toiawase01 a{
	margin: 0px 0px 0px 10px ;
	padding: 10px 20px ;
	font-size: 13px ;
	color: #FFF ;
	letter-spacing: 0.5em ;
	background: #739ebe ;
    transition: 0.5s;
    -webkit-transition: 0.5s;
	border-radius:5px;
	line-height: 170% ;
}
#main-menu01 li.toiawase01 a:visitred{color: #FFF ;}
#main-menu01 li.toiawase01 a:hover{
	background: #506987 ;
	border-radius:10px;
	border-bottom: 2px solid #FFF ;
}






#covid-box01{
	margin: -50px auto 150px auto ;
	padding: 20px 50px 50px 50px ;
	background: #dbe0d5 ;
	border-radius: 10px ;
}
#covid-box01 .main-box01-inner{
	max-width: 960px ;
	margin: 0px auto ;
	padding: 0px 20px 0px 20px ;
}
#main-box01 .main-box01-inner{
	max-width: 960px ;
	margin: 0px auto ;
	padding: 0px 20px 0px 20px ;
}
.main-box01-text01{
	margin: 0px 0px 50px 0px ;
	padding: 50px 20px 0px 20px ;
	font-size: 14px ;
	line-height: 170% ;
	text-shadow: 0px 0px 1px #dbe0d5,0px 0px 2px #dbe0d5, 0px 0px 1px #dbe0d5,0px 0px 2px #dbe0d5,0px 0px 3px #dbe0d5,0px 0px 4px #dbe0d5,0px 0px 3px #dbe0d5,
	 0px 0px 1px #dbe0d5,0px 0px 2px #dbe0d5, 0px 0px 1px #dbe0d5,0px 0px 2px #dbe0d5,0px 0px 3px #dbe0d5,0px 0px 4px #dbe0d5,0px 0px 3px #dbe0d5;
	background: url(../images/covid-mainpic02.jpg) right bottom no-repeat #dbe0d5 ;
}
.main-box01-text01 h1{
	margin: 20px 0px 20px -20px ;
	font-weight: 700 ;
	font-size: 20px ;
}
.main-box01-text01 h2{
	margin: 20px 0px 10px -10px ;
	font-size: 15px ;
	font-weight: 700 ;
}
.main-box01-text01-1{
	background: #FFF ;
	border: 2px solid #CC0000 ;
	margin: 0px 0px 100px 0px ;
	padding: 30px ;
	text-shadow:none;
}
.main-box01-text01-1 h1{
	margin: 0px 0px 20px 0px ;
}



#main-box01{
	display: table ;
  min-height: 220px;
	margin: 0px auto ;
	min-height: 1000px ;
	/*padding: 100px 0px 0px 250px ;*/
	padding: 100px 0px 0px 0px ;
  padding: 0px 0px 0px 0px;
  text-align: center;
}
#main-box01 .accent-box02{
	width: 700px ;
	margin: 0px 0px 0px auto;
	padding: 0px 300px 100px 0px ;
	background: url(../images/accent02-2.png) right bottom no-repeat  ;
}
#main-box01 .text-box01{
	width: 680px ;
	margin: 0px 0px 0px auto;
	padding: 70px 80px 50px 80px ;
	background: #f2f2f2 ;
	position: relative ;
}

#main-box01 .text-box01 h1{
	width: 700px ;
	margin: -111px 0px 50px -70px ;
    font-family: 'LibreBaskerville';
    font-weight: 700;
    /*
    regular 100
    italic 400
    bold 700
    */
	font-size: 70px ;
	line-height: 100% ;
	color: #000000 ;
	position: relative ;
}
#main-box01 .text-box01 h1 span{
	display: inline-block ;
    font-family: 'Damion-Regular';
    font-weight: 100;
	font-size: 70px ;
	line-height: 100% ;
	color: #71a8c5 ;
	position: absolute ;
	right: -70px ;
	top: 30px ;
	transform:rotate(-15deg);
}
#main-box01 .accent-03{
	position: absolute ;
	left: 200px ;
	bottom: -230px ;
}

#livestown-bnr-sp{
	display: none ;
}
#livestown-bnr{
	display: block ;
	max-width: 1000px ;
	margin: 50px auto 150px auto ;
}
#livestown-bnr img{
	width: 100% ;
}
#livestown-bnr a:hover{
	opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=85); /* IE lt 8 */
	-ms-filter: "alpha(opacity=85)"; /* IE 8 */
	-khtml-opacity: .85; /* Safari 1.x */
	-moz-opacity: .85; /* FF lt 1.5, Netscape */
}




#main-box02{
	padding: 200px 0px 0px 0px ;
}

#h1-box{
	display: table ;
	margin: 0px auto -40px auto ;
	position: relative ;
}
#main-box02 h1{
	width: auto ;
	margin: 0px auto ;
	padding:0;
    font-family: 'Noto Sans Japanese';
    font-weight: 700;
    /*
    thin 100
    light 200
    demi-light 300
    regular 400
    medium 500
    bold 700
    black 900
    */
	font-size: 75px ;
	line-height: 100% ;
	transform   : scale(1.3, 1.0);   /* 変形 横,縦 */
	text-align: center ;
	position: relative ;
}

#main-box02 h1 img{
	width: 200px ;
	position: absolute ;
	right: -230px ;
	bottom: -25px ;
}
#main-box02 span.text02-1{
    font-family: 'Noto Sans Japanese';
    font-weight: 100;
    /*
    thin 100
    light 200
    demi-light 300
    regular 400
    medium 500
    bold 700
    black 900
    */
	font-size: 12px ;
	line-height: 100% ;
	letter-spacing: 0.75em ;
	color: #607a8d ;
	position: absolute ;
	left: -250px ;
	top: -40px ;
}
#main-box02 span.text02-2{
    font-family: 'ipag';
    font-weight: 100 ;
    /*
    thin 100
    light 200
    demi-light 300
    regular 400
    medium 500
    bold 700
    black 900
    */
	font-size: 10px ;
	line-height: 100% ;
	letter-spacing: 0.5em ;
	position: absolute ;
	right: -50px ;
	top: -20px ;
}


#slide-box{
	padding: 0px 0px 20px 0px ;
	background: #5c7083 ;
	color: #FFF ;
}
#slide-box .text-box02{
	width: 600px ;
	margin: 0px auto ;
	padding: 70px 0px 30px 0px ;
    font-family: 'ipag';
    font-weight: 100 ;
    /*
    thin 100
    light 200
    demi-light 300
    regular 400
    medium 500
    bold 700
    black 900
    */
	font-size: 14px ;
	line-height: 250% ;
	letter-spacing: 0.05em ;
	color: #FFF ;
}
#main-box02 .main-box02-accent01{
	text-align: right ;
    font-family: 'Noto Sans Japanese';
    font-weight: 500;
    /*
    thin 100
    light 200
    demi-light 300
    regular 400
    medium 500
    bold 700
    black 900
    */
	font-size: 25px ;
	line-height: 170% ;
	letter-spacing: 0.5em ;
	color: #CCCCCC ;
}



#slick-box div{
	width: 100% ;
	padding: 0px 25px 0px 5px ;
	margin: 0px ;
}





#main-box03{
	margin: 130px auto ;
}
#main-box03 .main-box03-title{
	text-align: center ;
}
#main-box03 h1{
	display: inline ;
	margin: 0px auto ;
    font-family: 'Noto Sans Japanese';
    font-weight: 900;
    /*
    thin 100
    light 200
    demi-light 300
    regular 400
    medium 500
    bold 700
    black 900
    */
	font-size: 60px ;
	transform   : scale(1.2, 1.0);   /* 変形 横,縦 */
	line-height: 170% ;
	text-align: center ;
	letter-spacing: 0.05em ;
	color: #000 ;
	position: relative ;
}
#main-box03 h1 .text03-1{
    font-family: 'ipag';
    font-weight: 100 ;
    /*
    thin 100
    light 200
    demi-light 300
    regular 400
    medium 500
    bold 700
    black 900
    */
	font-size: 10px ;
	line-height: 100% ;
	letter-spacing: 0.5em ;
	position: absolute ;
	right: 0px ;
	top: -10px ;
}
#main-box03 h1 .text03-2{
    font-family: 'ipag';
    font-weight: 100 ;
    /*
    thin 100
    light 200
    demi-light 300
    regular 400
    medium 500
    bold 700
    black 900
    */
	font-size: 18px ;
	color: #CCC ;
	line-height: 100% ;
	letter-spacing: 0.5em ;
	position: absolute ;
	right: -250px ;
	bottom: 0px ;
}
#main-box03 article{
	width: 675px ;
	margin: 0px auto ;
	padding: 30px 10px 30px 10px ;
	border-bottom: 2px solid #000 ;
}
#main-box03 article .date{
	display: block ;
	text-align: left ;
}
#main-box03 article .news-text01{
	display: table-cell ;
	width: 635px ;
	padding-left: 10px ;
	vertical-align: middle ;
	line-height: 190% ;
	text-align: left ;
}
#main-box03 article a.news-link01{
	display: table-cell ;
	width: 30px ;
	vertical-align: middle ;
}
#main-box03 article a.news-link01:hover{
	filter:alpha(opacity=50); /* IE 6,7*/
	-ms-filter: "alpha(opacity=50)"; /* IE 8,9 */
	-moz-opacity:0.5; /* FF , Netscape */
	-khtml-opacity: 0.5; /* Safari 1.x */
	opacity:0.5;
	zoom:0.5; /*IE*/
}
#main-box03 article a.news-link01 img{
	width: 25px ;
}


#main-box03 a.newspage-link{
	display: table ;
	margin: -20px auto 20px auto ;
	text-align: center ;
	font-size: 120% ;
	color: #63594a ;
}
#main-box03 a.newspage-link:hover{
	color: #4d658a ;
}
#main-box03 article a{
	color: #3f3f3f ;
	text-decoration: none ;
	font-size: 110% ;
	line-height: 200% ;
}
#main-box03 article a:hover{
	filter:alpha(opacity=80); /* IE 6,7*/
	-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
	-moz-opacity:0.8; /* FF , Netscape */
	-khtml-opacity: 0.8; /* Safari 1.x */
	opacity:0.8;
	color: #4d658a ;
}
#main-box03 span.news-date{display: block ;padding: 0px 0px 10px 0px ;}
#main-box03 .news-left-box{
	width: 45% ;
	white-space: nowrap ;
	padding-left:3%;
	float: left ;
}
#main-box03 .news-right-box{
	width: 45% ;
	float: right ;
}
#main-box03 .news-right-box img{
	width: 100% ;
	padding-right:3%;
}





#main-box04{
	margin: 0px auto 140px auto ;
	padding: 50px ;
}
#main-box04 .main-box04-logo{
	display: table-cell ;
	margin-top: 260px ;
	padding: 130px 60px 0px 0px ;
	text-align: center ;
	vertical-align: middle ;
}
#main-box04 .main-box04-logo img{
	width: 290px ;
	padding: 0px 30px ;
}
#main-box04 .main-box04-text{
	display: table-cell ;
	padding: 30px 60px 30px 0px ;
	text-align: left ;
	vertical-align: middle ;
	color: #FFF ;
}



#main-box05{
	width: 800px ;
	margin: 0px auto ;
	padding: 60px  ;
	text-align: center ;
	background: #5a7087 ;
	color: #FFF ;
}
#main-box05 h1{
	text-align: center ;
}
#main-box05 h1 span{
	display: block ;
	margin: 20px ;
	font-size: 10px ;
	text-align: center ;
	letter-spacing: 0.5em ;
}
#main-box05 h2{
	width: 320px ;
	margin: 0px auto ;
	padding: 10px ;
	text-align: center ;
	border: 2px solid #FFF ;
}

.h2-text{
	font-size: 18px ;
	letter-spacing: 0.1em ;
	line-height: 190% ;
}


/* FORM内容部分ここから */
div#mf_wrapper {
	width: 800px;
	margin:0px auto;
	font-family: sans-serif;
}
form#mailform {
	padding: 5px;
}
table.mailform {
	width: 800px;
	border-top: 1px dotted #999999 ;
	
}
table.mailform tr th,
table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: 1px dotted  #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	white-space:nowrap;
}
table.mailform tr th span {
	padding: 0px 0px 0px 3px ;
	font-size: 12px;
	font-weight: bold ;
	color: #CC0000;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	height: 120px;
}
.input-float01 div{
	white-space:nowrap;
	float: left ;
}
.w-10 textarea{width: 10% ;}
.w-20 textarea{width: 20% ;}
.w-30 textarea{width: 30% ;}
.w-40 textarea{width: 40% ;}
.w-50 textarea{width: 50% ;}
.w-60 textarea{width: 60% ;}
.w-70 textarea{width: 70% ;}
.w-80 textarea{width: 80% ;}
.w-90 textarea{width: 90% ;}
.w-100 textarea{width: 100% ;}
.w-10 input{width: 10% ;}
.w-20 input{width: 20% ;}
.w-30 input{width: 30% ;}
.w-40 input{width: 40% ;}
.w-50 input{width: 50% ;}
.w-60 input{width: 60% ;}
.w-70 input{width: 70% ;}
.w-80 input{width: 80% ;}
.w-90 input{width: 90% ;}
.w-100 input{width: 100% ;}



#main-box06{
	margin: 0px auto ;
	padding: 60px  ;
	background: url(../images/slide/top-slide-01.jpg) center center no-repeat ;
	color: #FFF ;
}
#main-box06 h1{
	display: table-cell ;
	width: 45% ;
    font-family: 'Noto Sans Japanese';
    font-weight: 100;
    /*
    thin 100
    light 200
    demi-light 300
    regular 400
    medium 500
    bold 700
    black 900
    */
	font-size: 24px ;
	text-align: center ;
	line-height: 170% ;
	vertical-align: middle ;

}
#main-box06 span{
	display: table-cell ;
	width: 45% ;
	padding: 30px ;
	text-align: right ;
	line-height: 190% ;
	vertical-align: middle ;
	font-size: 12px ;
}













	
/*
	参考　
	https://www.seojuku.com/blog/responsive-mediaquery.html
	レスポンシブ：タブレット縦/スマホ横/スマホ縦
	@media screen and (max-width: 1024px) { }
	@media screen and (max-width: 896px) { }
	@media screen and (max-width: 480px) { }
*/






@media screen and (max-width:1024px) { 
	#main-box01{
		display: block ;
		margin: 10px  ;
	}
	#covid-box01{
		margin: -50px auto 130px auto;
		padding: 20px 5px 50px 5px;
	}
	.main-box01-text01{
		font-size: 1.7vw ;
	}
	.main-box01-text01 h1{
		font-size: 2.2vw ;
	}
	#main-pic-box img{
		width: 30vw ;
	}

	#main-box01 .accent-box02{
		width: 100% ;
		margin: 0px ;
		padding: 0px 0px 80px 0px ;
		background: url(../images/accent02-2.png) right bottom no-repeat  ;
	}
	#main-box01 .text-box01{
		width: 95% ;
		margin: 0px auto ;
		background: #f2f2f2 ;
		padding: 30px 10px 10px 10px ;
		line-height: 200% ;
		font-size: 2vw;
		position: relative ;
	}
	#main-box01 .text-box01 h1{
		width: 95% ;
		margin: -60px 0px 50px 10px ;
		font-size: 7vw ;
	}
	#main-box01 .text-box01 h1 span{
		font-size: 7vw ;
		line-height: 100% ;
		color: #71a8c5 ;
		position: absolute ;
		right: 30px ;
		top: 15px ;
		transform:rotate(-15deg);
	}
	#main-box01 .text-box01 h2{
		line-height: 200% ;
		font-size: 140% ;
	}
	#main-box01 .accent-03{
		position: absolute ;
		left: 200px ;
		bottom: -230px ;
	}


	#h1-box{
		display: table ;
		margin: 0px auto -30px auto ;
		position: relative ;
	}
	#main-box02 h1{
		width: 100% ;
		padding:0;
		font-size: 7vw ;
	}
	#main-box02 h1 img{
		width: 150px ;
		position: absolute ;
		right: -140px ;
		bottom: -35px ;
	}
	#main-box02 span.text02-1{
		font-size: 1.5vw ;
		position: absolute ;
		left: -200px ;
		top: -40px ;
	}
	#main-box02 span.text02-2{
		font-size: 1.2vw ;
	}


	#slick-box{
		width: 100% ;
		margin: 10px auto 10px auto ;
		padding: 0px ;
	}
	#slick-box .slick-box-text{
		width: 100% ;
		padding: 0px 5px ;
		margin: 0px auto ;
		font-size: 2vw ;
	}
	#slick-box a{
		width: 90% ;
	}
	#slick-box a img{
		width: 100% ;
	}
	#slide-box .text-box02{
		width: 70% ;
		font-size: 2vw ;
	}
	#main-box02 .main-box02-accent01{
		font-size: 2vw ;
	}


	#main-box04 .main-box04-logo{
		margin-top: 260px ;
		padding: 40px 60px 0px 0px ;
	}

	#main-box04 .main-box04-logo img{
		width: 200px ;
	}
	#main-box04 .main-box04-text{
		font-size: 1.3vw ;
		line-height: 200% ;
	}
	#main-box04 .main-box04-text h1{
		margin-bottom: 15px ;
	}





	#main-box06 h1{
		display: block ;
		width: 100% ;
		font-size: 3vw ;
		text-align: center ;
		line-height: 170% ;
	}
	#main-box06 span{
		display: block ;
		width: 100% ;
		padding: 30px ;
		text-align: center ;
		font-size: 1.4vw ;
	}



	#sp-buttom{
		display: block ;
		width: 100vw ;
		z-index: 1 ;
		position: fixed ;
		bottom: 0 ;
	}
	#sp-buttom img{
		width: 100% ;
	}


}



@media screen and (max-width: 896px) {
	#head-text{
		display: table;
		display: none;
		position: absolute ;
		right: 2vw ;
		bottom: 0px ;
		min-height: 250px ;
	}
	#head-text .head-text{
		display: table-cell ;
		width: 40vw ;
		text-align: left ;
		background: url(../images/head-text-back00.png) right bottom no-repeat ;
	}
	#head-text .head-text img.page-logo02{
		display: block ;
		width: 90% ;
		max-width: 100px ;
		margin: 40px auto 25px auto ;
	}
	#head-text .head-text .zoom01{
		display: block ;
		margin: 0px auto 30px auto ;
		text-align: center ;
		font-weight: bold ;
		font-size: 2vw ;
		color: #4087fb ;
	}
	.zoom01 img{
		width: 24px ;
		padding: 0px 7px 0px 7px ;
	}
	.zoom01:hover{
		filter:alpha(opacity=50); /* IE 6,7*/
		-ms-filter: "alpha(opacity=50)"; /* IE 8,9 */
		-moz-opacity:0.5; /* FF , Netscape */
		-khtml-opacity: 0.5; /* Safari 1.x */
		opacity:0.5;
		zoom:0.5; /*IE*/
	}
	#head-text .head-text span{
		display: block ;
		padding: 0px 20px 15px 20px ;
		line-height: 150% ;
		font-size: 1.5vw ;
	}
	#head-text .sns-link01{
		display: table-cell ;
		width: 40px ;
		padding: 10px 0px 0px 0px ;
		vertical-align: top ;
		text-align: center ;
		background: #FFF ;
	}
	#head-text .sns-link01 img{
		width: 16px ;
		margin: 10px 0px 0px 0px ;
	}
	#head-text .sns-link01 img:hover{
		filter:alpha(opacity=50); /* IE 6,7*/
		-ms-filter: "alpha(opacity=50)"; /* IE 8,9 */
		-moz-opacity:0.5; /* FF , Netscape */
		-khtml-opacity: 0.5; /* Safari 1.x */
		opacity:0.5;
		zoom:0.5; /*IE*/
	}
	#accent01{
		display: none ;
	}

	#main-pic-box{
		margin: 0px auto ;
		padding:0;
		position: absolute;
		top: 48%;
		left: 20%;
		transform: translate(-50%, -50%);
		/*WebKitブラウザのレンダリングぼやけ対策*/
		backface-visibility: hidden;
		transform-style: preserve-3d;
	}
	#main-pic-box img{
		width: 30vw ;
	}


	#slick-box{
		width: 100% ;
		margin: 10px auto 10px auto ;
		padding: 0px ;
	}
	#slick-box a{
		width: 90% ;
	}
	#slick-box a img{
		width: 100% ;
	}	
	#slick-box .slick-box-text{
		width: 100% ;
		padding: 0px 5px ;
		margin: 0px auto ;
		font-size: 2vw ;
	}
	#slide-box .text-box02{
		width: 70% ;
		font-size: 2vw ;
	}
	#main-box02 .main-box02-accent01{
		font-size: 2vw ;
	}


	#main-box03 h1 .text03-2 {
	    font-size: 2.3vw;
	    position: absolute;
	    right: -220px;
	    bottom: 0px;
	}
	#main-box03 article {
	    width: 90%;
	}








	#main-box04{
		padding: 50px ;
	}
	#main-box04 .main-box04-logo{
		display: block ;
		margin-top: 10px ;
		padding: 10px 0px 0px 0px ;
		text-align: center ;
		vertical-align: middle ;
	}
	#main-box04 .main-box04-logo img{
		width: 200px ;
		padding: 0px 30px ;
	}
	#main-box04 .main-box04-text{
		display: block ;
		padding: 30px 0px 30px 0px;
		font-size: 2vw ;
	}
	#main-box04 .main-box04-text h1{
		margin-bottom: 15px ;
	}


	#main-box05{
		width: 90% ;
		margin: 0px auto ;
		padding: 60px 20px  ;
	}
	.h2-text{
		font-size: 3vw ;
	}
	/* FORM内容部分ここから */
	div#mf_wrapper {
		width: 100% ;
	}

	table.mailform {
		width: 100% ;
		
	}
	table.mailform tr th,
	table.mailform tr td {
		font-size: 1.5vw;
	}

	table.mailform tr th span {
		font-size: 1.5vw;
	}
	table.mailform tr th p {
		font-size: 1.5vw;
	}


	#main-box06 h1{
		font-size: 4vw ;
	}
	#main-box06 span{
		font-size: 2vw ;
	}



	#sp-buttom{
		display: none ;
	}
	
}



@media screen and (max-width: 480px) { 
	#slide-show-mainpic{
		margin: 0px auto -10px auto;
	}
	#main-pic-box{
		margin: 0px auto ;
		padding:0;
		position: absolute;
		top: 25%;
		left: 50%;
		transform: translate(-50%, -50%);
		/*WebKitブラウザのレンダリングぼやけ対策*/
		backface-visibility: hidden;
		transform-style: preserve-3d;
	}
	#main-pic-box img{
		width: 50vw ;
	}	
	#head-text{
		display: table;
		display: none;
		width: 90% ;
		position: static ;
		margin: 200px auto 20px auto ;
		min-height: 250px ;
	}	
	#head-text .head-text img.page-logo02{
		display: block ;
		width: 90% ;
		max-width: 150px ;
		margin: 20px auto 10px auto ;
	}
	#head-text .head-text .zoom01{
		display: block ;
		margin: 0px auto 10px auto ;
		text-align: center ;
		font-weight: bold ;
		font-size: 3vw ;
		color: #4087fb ;
	}
	#head-text .head-text span{
		display: block ;
		padding: 0px 20px 15px 20px ;
		line-height: 150% ;
		font-size: 2.7vw ;
	}
	#head-text .sns-link01{
		display: table-cell ;
		width: 20px ;
		padding: 10px 0px 0px 0px ;
		vertical-align: top ;
		text-align: center ;
		background: #FFF ;
	}
	#accent01{
		display: none ;
	}

	#main #box01 {
		margin: 0px auto 30px auto;
	}

	#main-menu01{
		display: table ;
		margin: 10px auto 20px auto ;
		padding: 25px 5px 0px 5px ;
	}
	#main-menu01 ul{
		min-width: 380px ;
		margin: 0px 0px 0px 0px ;
	}
	#main-menu01 li a{
		padding: 3px 15px 3px 0px ;
		font-size: 4vw ;
	}
	#main-menu01 li a span{
		padding: 5px 0px 10px 0px ;
		font-size: 2.5vw ;
	}
	#main-menu01 li.toiawase01 a{
		margin: 0px 0px 0px 10px ;
		padding: 10px 20px ;
		font-size: 3.5vw ;
	}


	#main-box01{
		display: block;
		margin: 0px auto;
		min-height: 1000px;
		padding: 20px 0px 0px 0px;
	}
	
	#covid-box01{
		padding: 0px 0px 0px 0px;
	}
	.main-box01-text01{
		margin: 0px 0px 20px 0px;
		padding: 10px 10px 500px 10px;
		font-size: 3vw ;
		text-shadow: 0px 0px 1px #FFF,0px 0px 2px #FFF, 0px 0px 1px #FFF,0px 0px 2px #FFF,0px 0px 3px #FFF,0px 0px 4px #FFF,0px 0px 3px #FFF, 0px 0px 1px #FFF,0px 0px 2px #FFF, 0px 0px 1px #FFF,0px 0px 2px #FFF,0px 0px 3px #FFF,0px 0px 4px #FFF,0px 0px 3px #FFF;
		
	}
	.main-box01-text01 h1{
		font-size: 2.8vw ;
		margin: 0px auto ;
	}
	.main-box01-text01 h2 {
	    margin: 10px 0px 10px -5px;
	    font-size: 3.2vw;
	    font-weight: 700;
	}
	.main-box01-text01-1 {
		margin: 10px 0px 20px 0px;
		padding: 10px;
		line-height: 180%;
	}
	.main-box01-text01-1 h1 {
		margin: 0px 0px 10px 0px;
	}


	#main-box01 .accent-box02{
		width: 100% ;
		margin: 0px ;
		padding: 0px 0px 80px 0px ;
		background: none ;
	}
	#main-box01 .text-box01{
		width: 95% ;
		margin: 0px auto ;
		padding: 10px ;
		line-height: 200% ;
		font-size: 3vw;
	}

	#main-box01 .text-box01 h1{
		width: 95% ;
		margin: -30px 0px 50px 10px ;
		font-size: 7vw ;
	}
	#main-box01 .text-box01 h1 span{
		font-size: 7vw ;
		position: absolute ;
		right: 30px ;
		top: 5px ;
		transform:rotate(-15deg);
	}


	#livestown-bnr{
		display: none ;
	}
	#livestown-bnr-sp{
		display: block ;
		width: 95% ;
		max-width: 1000px ;
		margin: 0px auto 70px auto ;
	}
	#livestown-bnr-sp img{
		width: 100% ;
	}
	#livestown-bnr-sp a:hover{
		opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=85); /* IE lt 8 */
		-ms-filter: "alpha(opacity=85)"; /* IE 8 */
		-khtml-opacity: .85; /* Safari 1.x */
		-moz-opacity: .85; /* FF lt 1.5, Netscape */
	}



	#main-box02 span.text02-1{
		font-size: 2vw ;
		position: absolute ;
		left: -100px ;
		top: -20px ;
	}
	#main-box02 span.text02-2{
		font-size: 2vw ;
		position: absolute;
		right: -18px;
		top: -15px;
	}
	#main-box02 h1 img {
		width: 90px;
		position: absolute;
		right: -80px;
		bottom: -25px;
	}

	#slick-box{
		width: 100% ;
		margin: 10px auto 10px auto ;
		padding: 0px ;
	}
	#slick-box a{
		width: 90% ;
	}
	#slick-box a img{
		width: 100% ;
	}	
	#slick-box .slick-box-text{
		width: 100% ;
		padding: 0px 5px ;
		margin: 0px auto ;
		font-size: 2vw ;
	}
	#slide-box .text-box02{
		width: 90% ;
		font-size: 3vw ;
	}
	#main-box02 .main-box02-accent01{
		font-size: 2vw ;
	}

	#main-box03 h1 .text03-2 {
	    font-size: 3vw;
	    position: absolute;
	    right: -70px;
	    bottom: -20px;
	}
	#main-box03 article {
	    width: 90%;
	}



	#main-box03 .news-left-box{
		width: 100% ;
		margin: 0px auto ;
		float: none ;
	}
	#main-box03 .news-right-box{
		width: 100% ;
		margin: 10px auto 0px auto ;
		float: none ;
	}
	#main-box03 .news-left-box img{
	width: 100% ;
	}


	#main-box04 {
	    padding: 50px 20px;
	}
	#main-box04 .main-box04-text{
		display: block ;
		padding: 50px 0px 10px 0px ;
		font-size: 3.5vw ;
	}
	#main-box04 .main-box04-text h1{
		margin-bottom: 15px ;
	}



	#main-box05{
		width: 90% ;
		margin: 0px auto ;
		padding: 60px 15px 60px 10px  ;
	}
	.h2-text{
		font-size: 6vw ;
	}
	/* FORM内容部分ここから */
	div#mf_wrapper {
		width: 100% ;
	}

	table.mailform {
		width: 100% ;
		
	}
	table.mailform tr th{
		font-size: 2vw;
	}
	table.mailform tr td {
		font-size: 2.5vw;
	}

	table.mailform tr th span {
		font-size: 2vw;
	}
	table.mailform tr th p {
		display: none ;
	}


	#main-box06{
		margin: 0px auto ;
		padding: 60px 10px  ;
	}

	#main-box06 h1{
		font-size: 6vw ;
	}
	#main-box06 span{
	padding: 0px ;
		font-size: 3.5vw ;
	}

}


/* tel-link */
#main-box05 .h2-text a{
	color: #FFF ;
}