@charset "utf-8";

/*------------------------------------------------------------------
/
/	STYLE:TABLET
/
/-----------------------------------------------------------------*/
html {}
body {
	font-size:1em;
}

/* common
-------------------------------------------------------*/
.pc {display: block !important;}
.sp {display: none !important;}

.area{width:100%;}
.area_in{
	width:100%;/* 任意の幅 */
	margin: 30px auto;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.arrow{
	display: block;
	width: 50px;
	margin: 0 auto;
}
* img{
	max-width: 100%;
}

/* header
-------------------------------------------------------*/
#header {
	min-height:inherit;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header .in .branding{
	text-align: center;
}
#header .logo{
	display: block;
	margin-bottom: 10px;
}
#header .in .branding h1{
	display: block;
	font-size: 0.8em;
	padding-left: 0;
}
#header{
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header .in .contact{
	width: 80%;
}

/* footer
-------------------------------------------------------*/
#footer{
	padding: 20px 0;
}
#footer .logo img{
	max-width: 90%;
}

/*=======================================================
	以下コンテンツのセクションごと
=======================================================*/
/* visual
-------------------------------------------------------*/
#visual{
	padding-left: 10%;
	padding-right: 10%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
		background: url(../images/bg_sp.jpg) no-repeat center top;
		-webkit-background-size: cover;
		background-size: cover;
		text-align: center;
}
#visual .v_cta > img{
	width: 100%;
}
#visual .v_cta a{
	position: absolute;
	top:48%;
	left: 40px;
}
/* title
-------------------------------------------------------*/
.title01{
	line-height: 1.3;
	padding: 10px 0;
}
.title01 h3 br{
	display: block;
}
.title01 .area_in{
	margin: 10px 0 0 0;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.title02{
	font-size: 1em;
}
.title03{
	font-size: 1em;
}
@media screen and (min-width: 640px) and (max-width: 768px) {
	.title01 h3{
		font-size: 1.5em;
		letter-spacing: 2px;
	}
	.title02{
		font-size: 1.2em;
	}
}

/* banner
-------------------------------------------------------*/
.banner .v_cta a{
	display: inline-block;
	text-align: center;
	background-color: #e11607;
	line-height: 1.5;
	padding: 15px 5%;
	color: #fff;
	font-size: 1.3em;
	font-weight: 900;
	letter-spacing: 3px;
}
/*-------*/
/* #area01
-------------------------------------------------------*/
/* #area02
-------------------------------------------------------*/
#area02 h4.title03{
	font-size: 1.3em;
	letter-spacing: 0;
}
.area .box02{
	background: #fff;
	padding: 20px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px;
}
/* #area03
-------------------------------------------------------*/
#area03 .title03{
	font-size: 1.3em;
}
#area03 .title04{
	font-size: 1.3em;
}

#area03 .area03_banner a{
	padding: 0 10%;
}
/* #area04
-------------------------------------------------------*/
/* #area05
-------------------------------------------------------*/
/* #area06
-------------------------------------------------------*/
/* #area07
-------------------------------------------------------*/
/* #area08
-------------------------------------------------------*/
/* #area09
-------------------------------------------------------*/
/* #area10
-------------------------------------------------------*/