/*--------------------------------------*/
/*---全体レイアウト--------------------------------------*/
html,body {
}
#wrap {
	width: 100%;
	overflow: hidden;
	background-color: rgba(253,253,253,1.00);
	font-family: '游ゴシック';
}
/*--header--*/
header{
  width: 100%;
  /* overflow: hidden;/*要素高さ保持*/
  position: fixed;/*固定配置*/
  background-color: rgba(253,253,253,0.95)
}
.header_inner {
  max-width: 1000px;/*pcでの横幅*/
  overflow: hidden;/*要素高さ保持*/
  /* z-index: 10; */
	/* background-color: rgba(253,253,253,0.95) */
  margin: 0 auto;/*中央配置*/
/* background-color: blue; */
}
/*--------------------------------------*/
/*---navレイアウト-----------------------------------*/
.gnav {
	float: right;
  /* background: red; */
}
.gnav li {/*------------------*/
 	display: inline-block;
  width: 100px;
  height: 100px;
  padding: 40px 0 0 0;
  margin-right: 34px;
  text-align: center;
  transform: skewX(-6deg) translateY(0%);
  /* background-color: orange; */
}
ul li:last-child{
	margin-right: 0px;
}
.gnav li a {/*------------------*/
	position: relative;
	display: block;
	font-size: 2.4rem;
	font-weight: bold;
	text-decoration: none;
	color: rgba(10,10,10,0.8);
	transition: 1s;
	padding-bottom: 3px;
	font-family: '游ゴシック';
}
p > a {
	text-decoration: none;
}
@media screen and (max-width : 856px ){
  .gnav li a {/*------------------*/
  	font-size: 2rem;
  }
}
@media screen and (max-width : 856px ){
  .header {
  	padding-bottom: 20px;
  	background-color: rgba(253,253,253,0.95)
  }
}
.site_logo a{
	display: inline-block;
  text-decoration: none;
  font-weight: bold;
	float: left;
  margin-left: 2%;
  color: rgba(0, 0, 0, .8);
  letter-spacing: -3px;
	font-family: Helvetica, sans-serif;
  font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 10rem;
    line-height: 84px;
    font-size-adjust: none;
    font-stretch: normal;
}

@media screen and (max-width : 856px ){
.site_logo a{
	height: 70px;
	line-height: 70px;
	font-size: 5rem;
	text-decoration: none;
	color: rgba(10,10,10,0.8);
}
}
.content{
	width: 1000px;
	margin: 0 auto;
	background-color: rgba(253,253,253,1.00)
}
.footer {
  width: 100%;
  color: rgba(10,10,10,0.8);
	padding: 50px 0;
	font-size: 1.6rem;
	clear: both;
}
.footer_inner{
	max-width: 1000px;
	margin: 0 auto;
}
address,small {
	text-align: center;
	font-style:normal;
	margin: 20px;
}
.blank{
	text-align: left;
}
a.blank{
	text-decoration: none;
}
a:hover.blank{
	text-decoration: underline;
}
/*----------------------------------------------------*/
/*---全体レイアウトmobile--------------------------------------*/
@media screen and (max-width : 856px ){

.content {
	width: 90%;
	}
}
@media screen and (max-width : 480px ){
  .content {
  	width: 90%;
  	}
}
/*----------------------------------------------------*/
/*---concept-----------------------------------*/
.concept {
	flex-direction: column;
	color: rgba(10,10,10,0.9);
	font-size: 2.2rem;
	line-height: 250%;
	padding: 100px 10px;
}
@media screen and (max-width : 856px ){
.concept {
	font-size: 1.6rem;
}
}
/*----------------------------------------------------*/
.contact {
	flex-direction: column;
	color: rgba(10,10,10,0.9);
	font-size: 1.5rem;
	line-height: 200%;
	margin: 0 auto;
	padding: 0 4px;
	text-align: center;
}
/*----------------------------------------------------*/
/*---content-areaレイアウト-----------------------------------*/
.card img {
	width: 100%;
	height: auto;
	border-radius: 2px 2px 0 0;
}
/*----------------------------------------------------*/
/*---contactレイアウト-----------------------------------*/
.ttl-section{
	font-size: 3rem;
	color: rgba(10,10,10,0.7);
	margin: 30px 0 30px 0;
}
/*----------------------------------------------------*/
/*---card-areaレイアウト-----------------------------------*/
.card-area {
	/*position: relative;*/
	overflow: hidden;
	padding: 30px 1%;
}
/*--------------------------------------*/
/*--cardレイアウト------------------------------------------------*/
.card {
	float: left;
	box-sizing: border-box;
	background: #fefefe;
	border-radius: 4px;
	transition: .3s;
	margin: 0px 1% 30px 1%;
	box-shadow: 0px 0px 0px 0px #ccc;
	width: 31%;
	height: 380px;
}
@media screen and (max-width : 856px ){
.card {
	height: 340px;
}
}
@media screen and (max-width : 480px ){

.card {
	height: 360px;
}
.sp-large {
	height: 380px;
}
}
.card-contents {
	padding: 20px;
	box-sizing: border-box;
}
.card-ttl {
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.ttl-btm {
	margin-bottom: 4px;
}
.card-ttl a {
	color: rgba(10,10,10,0.8);
	text-decoration: none;
}
.card-ttl a:hover {
	color: #aaa;
}
.card-tex {
	color: rgba(20,20,20,0.7);
	font-size: 1rem;
	line-height: 150%;
}

@media screen and (max-width : 856px ){
.card {
 	min-width:;
	width: 48%;
	box-sizing: border-box;
	background: #fefefe;
	border-radius: 3px;
	transition: .3s;
	margin: 0 1% 2% 1%;
	box-shadow: 0px 0px 6px 1px #ccc
}
.card-contents {
	padding: 10px;
	box-sizing: border-box;
}
.card-ttl {
	font-size: 1.2rem;
}
}
@media screen and (max-width : 480px ) {
.card {
 	min-width:;
	width: 100%;
	box-sizing: border-box;
	background: #fefefe;
	border-radius: 3px;
	transition: .3s;
	margin: 0 0px 20px 0px;
	box-shadow: 0px 0px 6px 1px #ccc
}
.card-contents {
	padding: 10px;
	box-sizing: border-box;
}
.card-ttl {
	font-size: 1.8rem;
}
.br_sp_td {
	display: block;
	margin: 0 0 0 1em;
}
.br_sp {
	display: block;
}
td.sp_rem2{
	word-spacing: 6px;
}
}
.br_pc {
	display: block;
}
/*-----------------------------------*/
/*--------------------------------------*/
.card:hover {
	box-shadow: 0px 0px 6px 3px #ccc
}
.w-s {
	word-spacing: 6px;
}
.w-s1 {
	font-size: 1.3rem;
}
/*---------------------------------------*/
/*--------------------------------------*/

/*--------------------------------------*/
/*----固定の背景画像-----------------------------------*/
.bg-image img { display: none; }

/* ▼表示領域が480px以上の場合 */
@media screen and (min-width: 480px) {
   img.mini_img { display: none; }  /* miniを非表示 */
   img.big_img  { display: block; } /* bigを表示 */
}
/* ▼表示領域が480px未満の場合 */
@media screen and (max-width: 480px) {
   img.mini_img { display: block; } /* miniを表示 */
   img.big_img  { display: none; }  /* bigを非表示 */
}
.bg-image img{
	width: 100%;
	height: auto;
}
@media screen and (max-width : 856px ){
.bg-image img{
 	width: 100%;
	height: auto;
}
}
/*--------------------------------------*/
/*--------------------------------------------------*/
table th{
	white-space: nowrap;
	font-size: 1.5rem;
}
table td {
	white-space: nowrap;
	padding: 10px 0 10px 10px;
}
table td {
	display: block;
	white-space: nowrap;
	font-size: 1.5rem;
	line-height: 200%;
	color: rgba(10,10,10,0.9);
}
/*--------------------------------------*/
/*--------------------------------------------------*/
@media screen and (max-width : 856px ){
table{
	width: 100%;
	font-size: 1.2rem;
}
table th{
	display: block;
	white-space: nowrap;
	text-align: left;
	margin: 20px 0 4px 0;
	padding: 4px;
}
table td {
	display: block;
	white-space: nowrap;
	padding: 8px 0;
}
}
@media screen and (max-width : 480px ){
.sp_1rem {
	padding:0 0 0 1rem;
}
}
/*--------------------------------------*/
/*---ページtopスムーススクロールアイコン-----------------*/
#page-top a {
	position: fixed;
	right: 3rem;
	bottom: 1.5rem;
	display: block;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	font-size: 1rem;
	text-decoration: none;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	color: rgba(10,10,10,0.7);
	padding: 0.5em 0;
}
span.icon-arrow-up {
	font-size: 2rem;
}
span.icon-arrow-up:hover {
}
#page-top a:hover {
	text-decoration: none;
	background: #f4f4f4;
	box-shadow: 0 0 2px 1px #aaa;
	color: rgba(10,10,10,0.8);
}
/*--------------------------------------------------*/