﻿@media screen and (min-width: 0px) and (max-width: 798px) {
/****************body設定*********************/
	html,body {
		font-size:100%;
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-o-text-size-adjust: 100%;
		text-size-adjust: 100%;
		height:100%;
	}
	body {
		background:#fff;
		font-size: 14px;
		line-height: 1.6em;
		letter-spacing: 1.0px;
	}
	.pc,.pc-inline{
		display:none;
	}
	.sp{
		display:block;
	}
	img{
		max-width:100%;
	}
	a[href^="tel:"] {
			pointer-events:auto;
	}
	#logo,
	nav,#fixbtn{
		display: none;
	}
/****************初期設定*********************/
	header.openmenu{
		overflow:auto;
		height:100% !important;
	}

	header div#header-area #telnumber{
		display:none;
	}
	#accordion {
		width:100%;
		height:100%;
		display: block;
	}

	header #accordion p.logo{
		width:56vw;
		height:14vw;
		left:3vw;
		top:3.5vw;
		text-align:left;
		position:absolute;
		z-index:9999;
		display:block;
	}
	header #accordion p.logo a{
		display:block;
		width:100%;
		height:100%;
	}
	header #accordion p.logo img{
		width:100%;
		margin-top:0px;
	}

	header #accordion p.btn {
		position:absolute;
		cursor:pointer;
		background-image:url(images/menu01.png);
		background-repeat: no-repeat;
		background-position:right top;
		background-size:auto 100%;
		width:17vw;
		height:17vw;
		right:0vw;
		top:0vw;
		z-index:9994;
		display:block;
	}
	header #accordion p.mail {
		position:absolute;
		cursor:pointer;
		background-image:url("images/btn_mail02.png");
		background-repeat: no-repeat;
		background-position:right top;
		background-size:auto 100%;
		width:17vw;
		height:17vw;
		right:17vw;
		top:0vw;
		z-index:9999;
		display:block;
	}
	header #accordion p.mail a{
		display: block;
		width:17vw;
		height:17vw;
	}

	#accordion ul.navsp{
		display:none;
		z-index:9994;
		position:relative;
		width:100%;
		height:100%;
		text-align:left;
		background:#f19e98;
		margin-top:17vw;
		border-top:0.3vw solid #fff;
		line-height:0;
		font-size:0;
	 }
	.navsp li{
		background:#f19e98;
		margin-bottom:0px;
		border-bottom:0.3vw solid #fff;
		box-sizing:border-box;
		text-align:left;
		font-size:4vw;
		color:#fff;
		height:14vw;
		width:100%;
	}
	.navsp li a{
		width:100%;
		height:100%;
		display:block;
		color:#fff;
		text-decoration:none;
		box-sizing:border-box;
		padding-left:10vw;
		line-height:14vw;
	}


	header #accordion p.btn.active{
		background-image:url(images/menu02.png);
	}


/****************共通設定*********************/
	header{
		position:fixed;
		height:17vw;
		width: 100%;
		overflow:hidden;
		vertical-align: top;
		top: 0;
		left: 0;
		z-index: 1001;
		text-align: center;
		-moz-transition: height 0.3s;
		-o-transition: height 0.3s;
		-webkit-transition: height 0.3s;
		transition: height 0.3s;
	}
	#main-image{
		width: 100%;
		height: 60vw;
		background-position:center center;
		background-size:cover;
		background-repeat: no-repeat;
		-webkit-animation: fadeIn 2.0s ease 0.3s 1 normal;
		animation: fadeIn 2.0s ease 0.3s 1 normal;
		position: relative;
		top: 17vw;
	}
	#main-image h1{
		color: #fff;
		top: 0vw;
		left: 0vw;
		position: absolute;
		height: 100%;
	}
	#main-image h1 img{
		height: 100%;
		width: auto;
	}
	/****************共通設定*********************/
	section{
		width: 100%;
		letter-spacing: 0.15em;
		margin-bottom: 10vw;
	}
	h2{
		font-family: fot-tsukuardgothic-std, sans-serif;
		text-align: center;
		font-size: 6vw;
		line-height: 1.4em;
		margin-bottom: 6vw;
		letter-spacing: 0.15em;
		background: url("images/h2_bg.png") no-repeat center center;
	}
	h2 p{
		margin-left: auto;
		margin-right: auto;
		font-size: 4vw;
		height: auto;
		color: #848484;
		text-align: center;
	}
	h2 span.green{
		color: #52a38c;
		font-size: 140%;
	}
	h3,h3.center{
		color: #000;
		font-size: 5.5vw;
		line-height: 1.6em;
		font-weight: normal;
		margin-bottom: 6vw;
	}
	.top_content{
		padding-top: 26vw;
		width: 100%;
		text-align: center;
	}
	.content-text{
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		line-height: 1.8em;
		color: #000;
		margin-bottom: 3em;
		padding-bottom: 3em;
	}
	.content-text-center{
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		line-height: 1.8em;
		color: #000;
		margin-bottom: 3em;
	}
	.content-text-center{
		font-size: 3.5vw;
	}
	.content-text .boxarea{
		line-height: 2.0em;
		font-size: 3.5vw;
		width: 100% !important;
		margin-bottom:3vw;
	}
	.content-text .boximg{
		width: 100%;
		margin-left: 0%;
	}
	.content-text br,
	.content-text-center br{
		display: none;
	}
	.supporter{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.supporter li{
		display: block;
		width: 32%;
		margin-right: 1%;
		vertical-align: top;
		margin-bottom: 6vw;
	}
	.supporter li:last-child{
		margin-right: 0;
	}
	.supporter li p{
		background: #f19e98;
		border-radius: 10px;
		text-align: center;
		color: #fff;
		height: 22vw;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
		justify-content: center;
		margin-top: .5em;
		font-size: 3.0vw;
		font-weight: bold;
		line-height: 1.1em;
		padding: .2em;
	}
	.supporter li p br{
		display: none;
	}

	.service{
		width: 100%;
		font-size: 0;
		letter-spacing: -.40em;
	}
	.service dl{
		width: 100%;
		display: block;
		padding: 6vw 4vw;
		background: #fce7e5;
		box-sizing: border-box;
		text-align: center;
		letter-spacing: 0.15em;
		font-size: 3.5vw;
		color: #000;
	}
	.service dl:nth-child(2n){
		background: #f6f8e6;
	}
	.service dl p.title{
		font-size: 5.5vw;
		font-weight: bold;
		color: #000;
		margin-bottom: 3vw;
	}
	.service dl p.midashi{
		font-size: 5vw;
		color: #000;
		margin-bottom: 3vw;
		line-height: 1.4em;
		text-align: center;
	}
	.service dl p.text{
		font-size: 3.5vw;
		color: #000;
		margin-bottom: 5vw;
		line-height: 1.6em;
		text-align: left;
	}
	.service dl dd img{
		width: 100%;
		margin-bottom: 4vw;
	}
	.service dl dd a{
		display: block;
		text-align: center;
		border-radius: 10px;
		width: 100%;
		height: 12vw;
		line-height: 12vw;
		color: #000;
		background: #fff url("images/yajirushi.png") no-repeat right center;
	}
	footer{
		width: 100%;
		background: #84d7c0;
		text-align: center;
		box-sizing: border-box;
		position:static;
		height: auto;
		padding-bottom: 4vw;
		padding-top: 6vw;
	}
	footer h4{
		position: static;
		text-align: center;
		margin-bottom: 4vw;
		width: 60vw;
		margin-left: auto;
		margin-right: auto;
	}
	footer h5{
		position: static;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		font-size: 3.5vw;
		color: #000;
		line-height: 1.6em;
		font-weight: normal;
	}
	footer #rightnavi{
		display: none;
	}
	footer small{
		font-style:normal;
		color: #000;
		font-size: 2.5vw;
		position: static;
		text-align: center;
		width: 100%;
		margin-top: 4vw;
		display: block;
	}

	#title-area{
		width: 100%;
		height: 22vw;
		margin-top: 17vw;
		margin-bottom: 10vw;
		background: #f19e98;
	}
	#title-area h1{
		text-align: center !important;
		font-size: 5vw !important;
		line-height: 22vw !important;
		color: #fff;
	}
	
	.tunagu_box{
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		margin-bottom: 5vw;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}
	.tunagu_box th{
		background: #efefef;
		padding: 2vw 3vw;
		text-align: left;
		font-size: 3.0vw;
		width: 100%;
		display: block;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}
	.tunagu_box td{
		background: #fff;
		padding: 3vw 3vw;
		text-align: left;
		font-size: 3.0vw;
		width: 100%;
		display: block;
		box-sizing: border-box;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.tunagu_box td input,.tunagu_box td textarea{
		border: 1px solid #ccc;
		padding: 2vw 2vw;
		box-sizing: border-box;
		width: 100%;
	}
	p.send{
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		height: 16vw;
	}
	p.send input{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		height: 14vw;
		border-radius: 10px;
		border:1px solid #f19e98;
		color: #fff;
		background: #f19e98;
		font-size: 4vw;
	}

}