/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
/***********************************タブレット用*/
/* iPHone4,iPhone5,iPhone5s,iPhone6 */
@media screen and (min-width: 320px) and (max-width: 413px)
{
	body{
		font-size: 80%;
	}
	.none{
		display: none;
	}
	.nobr{
		display: inline;
	}
	.header-wrp{
		position: relative;
		z-index: 999;
		height: 70px;
		margin-bottom: 10px;
	}
	.header{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.header .logo{
		width: 100%;
	}
	.contents{
		padding-top: 0px;
		background-position: 0 20px;
	}
	.header .sitedata{
		display: none;
	}
	.section{
		margin-bottom: 10px;
	}
	.section .section-num{
		width: 50px;
		height: 36px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color: #008fa9;
		float: left;
		text-align: center;
		padding-top: 14px;
		margin-right: 10px;
		line-height: 80%;
	}
	.section .section-num .num{
		font-size: 170%;
	}
	.section .section-num .ti{
		font-size: 7px;
	}
	.section .section-header{
		margin-bottom: 30px;
	}
	.section .section-header h2{
		font-size: 130%;
		line-height: 100%;
	}
	.section .section-header .section-subtitle{
		font-size: 80%;
		line-height: 80%;
	}
	.single{
		padding-top: 10px;
		line-height: 100%;
	}
	.double{
		padding-top: 5px;
		line-height: 120%;
	}
	.section .section-text{
		line-height: 200%;
		font-size: 110%;
		width: 100%;
		margin-left: 0;
	}
	.footer{
		width: 100%;
		min-width: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.btn-r > a{
		display: block;
		width: 80%;
		height: 30px;
		margin-left: auto;
		margin-right: auto;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color: #008fa9;
		text-decoration: none;
		text-align: center;
		padding-top: 8px;
		font-size: 100%;
	}
	.btn > a{
		display: none;
	}
	.footer-address{
		width: 90%;
		font-size: 110%;
		margin-left: auto;
		margin-right: auto;
	}
	.footer-name{
		font-size: 110%;
	}
	#sns > div{
		float: left;
		width: 32%;
		margin-left: 1%;
		color: #fff;
		text-align: center;
		vertical-align:top;
		margin-bottom: 2%;
	}
	#sns > div:first-child{
	margin-left: 1%;
	}
	.contact .contactbox .inputbox{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.contact .contactbox .inputbox input,
	.contact .contactbox .inputbox textarea{
		width: 200px;
		font-size: 160%;
		margin-bottom: 30px;
	}
}
 
/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media screen and (min-width: 414px) and (max-width: 499px)
{
	body{
		font-size: 80%;
	}
	.none{
		display: none;
	}
	.nobr{
		display: inline;
	}
	.header-wrp{
		position: relative;
		z-index: 999;
		height: 70px;
		margin-bottom: 10px;
	}
	.header{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.header .logo{
		width: 100%;
	}
	.contents{
		padding-top: 0px;
		background-position: 0 20px;
	}
	.header .sitedata{
		display: none;
	}
	.section{
		margin-bottom: 10px;
	}
	.section .section-num{
		width: 50px;
		height: 36px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color: #008fa9;
		float: left;
		text-align: center;
		padding-top: 14px;
		margin-right: 10px;
		line-height: 80%;
	}
	.section .section-num .num{
		font-size: 170%;
	}
	.section .section-num .ti{
		font-size: 7px;
	}
	.section .section-header{
		margin-bottom: 30px;
	}
	.section .section-header h2{
		font-size: 130%;
		line-height: 100%;
	}
	.section .section-header .section-subtitle{
		font-size: 80%;
		line-height: 80%;
	}
	.single{
		padding-top: 10px;
		line-height: 100%;
	}
	.double{
		padding-top: 5px;
		line-height: 120%;
	}
	.section .section-text{
		line-height: 200%;
		font-size: 110%;
		width: 100%;
		margin-left: 0;
	}
	.footer{
		width: 100%;
		min-width: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.btn-r > a{
		display: block;
		width: 80%;
		height: 30px;
		margin-left: auto;
		margin-right: auto;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color: #008fa9;
		text-decoration: none;
		text-align: center;
		padding-top: 8px;
		font-size: 100%;
	}
	.btn > a{
		display: none;
	}
	.footer-address{
		width: 90%;
		font-size: 110%;
		margin-left: auto;
		margin-right: auto;
	}
	.footer-name{
		font-size: 110%;
	}
	#sns > div{
		float: left;
		width: 32%;
		margin-left: 1%;
		color: #fff;
		text-align: center;
		vertical-align:top;
		margin-bottom: 2%;
	}
	#sns > div:first-child{
	margin-left: 1%;
	}
	.contact .contactbox .inputbox{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.contact .contactbox .inputbox input,
	.contact .contactbox .inputbox textarea{
		width: 200px;
		font-size: 160%;
		margin-bottom: 30px;
	}
}