@charset "utf-8";

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

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

.area{width:100%;}
.area_in{
	width:100%;/* 任意の幅 */
	margin: 20px auto;
	padding: 0 5%;
	-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%;
}

.fleft{
	float:none;
	width:100%;
}


.fright{
	float:none;
	  width:100%;
	  text-align:center;
}


/* header
-------------------------------------------------------*/
#header{
	min-height:inherit;
	height: auto;
	position: relative;
}
#header .in .branding h1 {
	font-size: 0.675em;
	text-align: center;
	margin-bottom: 10px;
	display: block;
	padding-left: 0;
}
#header .in .branding{
	text-align: center;
}
#header .in .contact{
	width: 100%;
	text-align: center;
}
#header .in .branding,
#header .in .contact{
	display: block;
	text-align: center;
}
#header .in .contact ul{
	width: 100%;
	display: table;
}
#header .in .branding .logo{
	display: inline-block;
	width: 100%;
	max-width: 230px;
	margin-bottom: 10px;
}

/* footer
-------------------------------------------------------*/
#footer{
	padding-bottom:80px;
}

#footer .area_in{
	margin: 0 auto;
}
#footer .logo img{
	max-width: 90%;
}

/*=======================================================
	以下コンテンツのセクションごと
=======================================================*/
/* visual
-------------------------------------------------------*/
#visual{
	padding-top: 30px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
}
#visual .v_cta a{
	width: 100%;
	top:48%;
	left: 7%;
}
#visual .v_cta a > img{
	width: 60%;
	top:30%;
}
/* banner
-------------------------------------------------------*/
.banner{
	padding: 10px 20px;
}
.banner .v_cta a{
	width: 100%;
	font-size: 18px;
	letter-spacing: 0;
	padding: 10px 13px;
}
aside .banner{
	padding: 20px;
	background: url(../images/bar01.png) repeat;
	background-color: #003A6F;
}
/* title
-------------------------------------------------------*/
.title01{
	padding-left: 5px;
	padding-right: 5px;
}
.title01 h3{
	font-size: 1.3em;
	letter-spacing: 0;
}
.title01 h3 br{
	display: none;
}
.title02{
	padding: 0 0 10px 0;
	font-size: 1.1em;
	line-height: 1.5;
	letter-spacing: 0;
}
.title03 {
	font-size: 1.2em;
	line-height: 1.4;
}
.area .title04{
	font-size: 1.2em;
	line-height: 1.4;
	font-weight: 500;
	color: #333;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/* #area01
-------------------------------------------------------*/
#area01{
	padding-bottom: 20px;
}
#area01 .box01{
	width: 100%;
	height: auto !important;
	float: none;
	margin-bottom: 20px;
}
#area01 h4{
	font-size: 1.5em;
}
#area01 h5{
	font-size: 1.1em;
}
#area01 .area_in p > img{
	width: 50px;
}
/* #area02
-------------------------------------------------------*/
#area02 .column .img, #area02 .column .text{
	width: 100%;
	margin-bottom: 10px;
}
.area .box02{
	background: #fff;
	padding: 20px 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 25px;
}
.area .column .img,
.area .column .text{
	display: block;
	width: 100%;
}
.area .column .img{
	max-width: 600px;
}
#area02 h4.title03{
	font-weight: 700;
	padding: 20px 0 10px 0;
	letter-spacing: 0;
	font-size: 1.1em;
}
#area02 h4.title03::after{
	content: "";
}
/* #area03
-------------------------------------------------------*/
#area03 .title04{
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 10px;
}
#area03 .area03_banner a{
	padding: 0;
}
/* #area04
-------------------------------------------------------*/
#area04 .table01{
	display: table;
	width: 100%;
	float: none;
}
/* #area05
-------------------------------------------------------*/
/* #area06
-------------------------------------------------------*/
/* #area07
-------------------------------------------------------*/
/* #area08
-------------------------------------------------------*/
/* #area09
-------------------------------------------------------*/
/* #area10
-------------------------------------------------------*/

.wrap_btn02{
	width:100%;
	background:#eee;
	padding-top:8px;
	padding-bottom:8px;
	border:#CCC solid 1px;
	text-align:center !important;
}

.wrap_btn02 img{
	margin:auto;
}
.pagetop {
  position: fixed;
  bottom: 18px !important;
  z-index: 2;
  width: 100%;
}