@charset "UTF-8";

body{
	min-width: 320px;
	width: 100%;
	overflow-x: hidden;
}
body img.pc,
body br.pc{
	display: none !important;
}
body img{
	max-width: 100%;
}
/******************************************************************************
	header
******************************************************************************/
body header#globalHeader{
	height: 9.2vw;
}
body header#globalHeader p.logo{
	left: 0;
	width: 21.3333vw;
}

/******************************************************************************
	footer
******************************************************************************/
body footer{
	position: relative;
	padding: 0 0 2vw 0;
	z-index: 10000;
}
body footer .inner{
	max-width: 9999px;
}
body footer ul.sitemap{
	float: none;
	margin: 0;
	text-align: left;
}
body footer ul.sitemap li{
	box-sizing: border-box;
	float: left;
	width: 50%;
	margin: 0;
	border-bottom: #222 1px solid;
	font-size: 2.9333vw;
	line-height: 10vw;
}
body footer ul.sitemap li:nth-of-type(2n+1){
	border-right: #222 1px solid;
}
body footer ul.sitemap li a{
	position: relative;
	display: block;
	padding: 0 0 0 5vw;
}
body footer ul.sitemap li a:before{
	content: " ";
	position: absolute;
	left: 2.2vw;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -1vw;
	border-style: solid;
	border-width: 1vw 0 1vw 1.2vw;
	border-color: transparent transparent transparent #fff;
}
body footer p.copyright{
	float: none;
	position: relative;
	margin-top: -1px;
	padding-top: 2vw;
	border-top: #999 1px solid;
	text-align: center;
	font-size: 2.9333vw;
}

/******************************************************************************
	common
******************************************************************************/
body main section{
	max-width: initial;
	min-width: initial;
	font-size: 2.9333vw;
}
/******************************************************************************
	#kv
******************************************************************************/
body main section#kv{
	height: 157.3333vw;
	background-image: url("../img/bg_kv_sp.jpg");
	background-size: cover;
}
body main section#kv h1{
	position: absolute;
	width: 87vw;
	left: 6.5vw;
	bottom: 16.2667vw;
}
body main section#kv .scroll{
	right: 9.6vw;
	bottom: -10vw;
	height: calc(20vw + 5px);
}
@keyframes scroll{
	0%{
		top: -10vw;
		height: 10vw;
	}
	100%{
		top: 20vw;
	}
}
/******************************************************************************
	#about
******************************************************************************/
body main section#about{
	display: flex;
	align-items: center;
	padding: 16vw 6.5vw 123vw;
	background-color: #fff;
	background-image: url("../img/thumb_about_sp.jpg"),url("../img/bg_about02.png");
	background-repeat: no-repeat,no-repeat;
	background-position: center bottom,right 4vw bottom 100vw;
	background-size: 100% auto,39.4667vw auto;
}
body main section#about figure{
	display: none;
}
body main section#about .text h2{
	font-size: 5.8667vw;
}
body main section#about .text h2 span{
	font-size: 3.4667vw;
}
body main section#about .text h3{
	margin: 8vw 0;
	font-size: 3.2vw;
}
body main section#about .text p{
	margin: 0;
	line-height: 280%;
}
/******************************************************************************
	#service
******************************************************************************/
body main section#service{
	padding: 16vw 6vw;
}
body main section#service .bg{
	width: 50%;
	height: calc(100% - 46vw);
}
body main section#service .inner{
	position: relative;
	z-index: 2;
}
body main section#service h2{
	padding: 12.8vw 0 0;
	margin: 0 0 8vw;
	font-size: 2.6667vw;
}
body main section#service h2 span{
	font-size: 9.6vw;
}
body main section#service p{
	margin: 0 auto 8vw;
}
body main section#service p.period{
	width: auto;
	font-size: 3.2vw;
}
body main section#service .wrap{
	display: block;
	width: 66.6667vw;
}
body main section#service .wrap .item{
	width: auto;
	max-width: initial;
	margin: 0 0 12vw;
}
body main section#service .wrap .item:last-of-type{
	margin: 0;
}
body main section#service .wrap .item h3{
	font-size: 3.7333vw;
}
body main section#service .wrap .item .taxi{
	padding: 0 0 4vw;
	margin: 0 0 6vw;
}
body main section#service .wrap .item .taxi figure{
	margin: 0 0 4vw;
}
body main section#service .wrap .item .taxi dl dt{
	font-size: 3.2vw;
}
body main section#service .wrap .item .taxi dl dd{
	font-size: 2.9333vw;
}
body main section#service .wrap .item > dl{
	padding-bottom: 4vw;
	margin-bottom: 4vw;
}
body main section#service .wrap .item > dl dt{
	font-size: 3.2vw;
}
body main section#service .wrap .item > dl.message dd{
	font-size: 2.9333vw;
}
body main section#service .wrap .item div.sticker{
	position: static;
	display: flex;
	width: auto;
	height: auto !important;
	margin-top: 4vw;
	padding: 8vw 0;
	border: #c2c2c2 1px solid;
	background: transparent;
}
body main section#service .wrap .item div.sticker p.close{
	display: none;
}
body main section#service .wrap .item div.sticker figure img{
	width: 17.6vw;
}
body main section#service .wrap .item div.sticker figure figcaption{
	margin: 4vw 0 0;
	color: #333;
}
/******************************************************************************
	#donation
******************************************************************************/
body main section#donation{
	padding: 16vw 6.5vw;
}
body main section#donation h2{
	width: 77.4vw;
	height: 10vw;
	max-width: initial;
	margin: 0 auto 9vw;
	line-height: 10vw;
	font-size: 4.2667vw;
}
body main section#donation h2:before{
	left: -4.8vw;
	border-width: 5vw 4.8vw 5vw 0;
}
body main section#donation h2:after{
	right: -4.8vw;
	border-width: 5vw 0 5vw 4.8vw;
}
body main section#donation h2 span{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
body main section#donation h2 span:before{
	width: 1.4vw;
	height: 1.4vw;
	top: 4.3vw;
	left: 1vw;
	border-radius: 0.7vw;
}
body main section#donation h2 span:after{
	width: 1.4vw;
	height: 1.4vw;
	top: 4.3vw;
	right: 1vw;
	border-radius: 0.7vw;
}
body main section#donation figure{
	margin-bottom: 8vw;
}
body main section#donation figure img{
	width: 32vw;
}
body main section#donation p{
	font-size: 3.2vw;
}
body main section#donation .wrap{
	display: block;
}
body main section#donation .wrap figure{
	width: 53.3333vw;
	margin: 0 auto 8vw;
	border: #333 2px dotted;
}
body main section#donation .wrap .text{
	width: auto;
	text-align: center;
}
body main section#donation .wrap .text h3{
	margin-bottom: 4vw;
	font-size: 3.7333vw;
}
/******************************************************************************
	#organization
******************************************************************************/
body main section#organization{
	padding: 16vw 6.5vw;
	background-size: 12.4vw auto;
}
body main section#organization h2{
	width: 77.4vw;
	height: 10vw;
	max-width: initial;
	margin: 0 auto 10vw;
	line-height: 10vw;
	font-size: 4.2667vw;
}
body main section#organization h2:before{
	left: -4.8vw;
	border-width: 5vw 4.8vw 5vw 0;
}
body main section#organization h2:after{
	right: -4.8vw;
	border-width: 5vw 0 5vw 4.8vw;
}
body main section#organization h2 span{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
body main section#organization h2 span:before{
	width: 1.4vw;
	height: 1.4vw;
	top: 4.3vw;
	left: 1vw;
	border-radius: 0.7vw;
}
body main section#organization h2 span:after{
	width: 1.4vw;
	height: 1.4vw;
	top: 4.3vw;
	right: 1vw;
	border-radius: 0.7vw;
}
body main section#organization ul{
	width: auto;
}
body main section#organization ul li,
body main section#organization ul li:nth-of-type(4){
	width: 40vw;
	height: 25vw;
	max-width: initial;
	margin-bottom: 4vw;
}
/******************************************************************************
	#sakura
******************************************************************************/
body main section#sakura{
	padding: 16vw 6.5vw;
}
body main section#sakura .wrap{
	width: auto;
}
body main section#sakura .wrap h2{
	top: -3vw;
	padding: 0 6.4vw;
	font-size: 4.2667vw;
}
body main section#sakura .wrap figure{
	padding: 10vw;
}
/******************************************************************************
	.modal
******************************************************************************/
.fancybox-slide--html{
	padding: 6vw;
}
.fancybox-slide--html .fancybox-close-small{
	width: 5.3333vw;
	height: 5.3333vw;
	background-size: 100% auto;
}
.fancybox-slide--html .fancybox-close-small:hover{
	opacity: 1;
}
.fancybox-button svg{
	display: none;
}
.modal{
	box-sizing: border-box;
	padding: 8vw 0 0;
}
.modal figure{
	padding: 4vw;
}
.modal dl{
	justify-content: space-between;
	max-width: initial;
	margin: 4vw auto 0;
}
.modal dl dt{
	margin: 0;
}
.modal dl dt img{
	width: 13.6vw;
}
.modal dl dd{
	width: calc(100% - 17.6vw);
	font-size: 2.9333vw;
}