html {
  height: 100%;
  font-size: 62.5%; /* 16px×62.5%で、デフォルト10pt = 1remとなる rem計算しやすくするため */
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin: 0;
  -webkit-font-smoothing: antialiased;

  height: 100%;
  overflow-x: hidden;
}

body a {
	text-decoration: none;
}

img {
	image-rendering: -webkit-optimize-contrast;
}

.layout-wrapper .layout-topbar {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 7rem;
	background-color: #ffffff;

	display:flex;

	-webkit-box-shadow: 0 0.2rem 0.5rem 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0.2rem 0.5rem 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0.2rem 0.5rem 0 rgba(0, 0, 0, 0.3);
}
.layout-wrapper .top-menu {
	display:none;
}
.layout-wrapper .top-logo {
}
.layout-wrapper .top-logo img {
	border: 0 none;
}
.layout-wrapper .top-logo img.logo {
    width: 18.5rem;
    height: 4rem;
    padding-left: 0.5rem;
    padding-bottom: 1.3rem;
    image-rendering: -webkit-optimize-contrast;
}
.layout-wrapper .top-logo img.logo-robo {
	width:  7rem;
	height: 7rem;
    margin-left: -1rem;
}

.layout-wrapper .layout-content {
	padding: 7rem 0 0 0;
 }


.layout-wrapper .layout-footer {
	positon:relative;
	width:100%;
	height:55rem;
	padding-top:1rem;

	background-color:#F2F0E6;
    font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
 }

.layout-wrapper .layout-footer .main-area {
	positon:relative;
	width:100%;
	height:44rem;
	background-color:#FFFFFF;

    display: -webkit-flex;
    display: flex;
    flex-flow: column;
    -webkit-justify-content: center;
    justify-content: center;
 }

.layout-wrapper .layout-footer .main-area .title {
	positon:relative;
	width:80%;
	padding:0;
    margin:0 auto;
 }

.layout-wrapper .layout-footer .main-area .title .small{
	color:#767171;
	font-size:1.2rem;
	font-weight:bold;
	margin:0;
 }

.layout-wrapper .layout-footer .main-area .title .normal{
	color:#3B3838;
	font-size:2.4rem;
	font-weight:bold;
	margin:0;
 }

/*フッター リンクスライド*/
.layout-wrapper .layout-footer .main-area .scroll-wrap {
	positon:relative;
	display: flex;
	width:80%;
	padding:0;
    margin:0 auto;
	overflow: hidden;

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
    -webkit-align-items: center;
    align-items: center;
 }

.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-area {
  padding: 0;
  width: 100%;
  height:30rem;
  display: flex;
  flex-shrink: 0;
  list-style: none;
  margin:0;
}
.bx-wrapper{
  width: 100%;
}

.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-area .scroll-item {
/*   width: 30rem; */
  width:31%;
  height:100%;
  object-fit: cover;

  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-area .scroll-item img{
	display: block;
	margin:0 auto;
	width: 95%;
	height:auto;
}

.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-prev,
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-next{
	position: relative;
	width: 5rem;
	height: 5rem;
}
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-prev img,
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-next img{
	width: 100%;
}

.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-prev a,
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-next a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


/* フッター TOPへ戻るボタン*/
.layout-wrapper .layout-footer .top-button{
	position: relative;
    padding-left: 1rem;
    padding-right: 1rem;

	color:#FFFFFF ;
	font-size:1.4rem;
	font-weight:bold;
	border:0.2rem solid #1977B4;
    border-radius:1rem;
	background-color:#1977B4;
	height:7rem;
	width:12%;
	min-width:20rem;
	margin:2rem 5% auto auto;

    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.layout-wrapper .layout-footer .top-button a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.layout-wrapper .layout-footer .top-button .text{
	margin:auto 1.5rem;
}
.layout-wrapper .layout-footer .top-button .icon{
	width:3rem;
	height:3rem;
}
.layout-wrapper .layout-footer .top-button .icon img{
	width:100%;
}

/*=======================================================================*/
/*
/* タブレット対応
/*
/*=======================================================================*/
@media screen and (max-width: 640px) {
	.layout-wrapper .top-menu {
		display:block;
		width:7rem;
	}
	.layout-wrapper .layout-topbar {
		text-align: center;
	}

.layout-wrapper .layout-footer {
	height:41rem;
 }
.layout-wrapper .layout-footer .main-area {
	height:30rem;
}
.layout-wrapper .layout-footer .main-area .title {
	width:90%;
 }

/*フッター リンクスライド*/
.layout-wrapper .layout-footer .main-area .scroll-wrap {
	width:90%;
 }

.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-area {
  height:20rem;
}
.bx-wrapper{
  width: 100%;
}
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-area .scroll-item {
/*   width: 30rem; */
	width:30%;

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-area .scroll-item img{
	display: block;
	margin:0 auto;
	width: 90%;
	height:auto;
}

.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-prev,
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-next{
	width: 3rem;
	height: 3rem;
}
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-prev img,
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-next img{
	width: 100%;
}


}

/*=======================================================================*/
/*
/* スマホ対応*/
/*
/*=======================================================================*/
@media screen and (max-width: 640px) {
	.layout-wrapper .top-menu {
		display:block;
		width:7rem;
	}
	.layout-wrapper .layout-topbar {
		text-align: center;
	}
.layout-wrapper .layout-footer {
	height:52rem;
 }
.layout-wrapper .layout-footer .main-area {
	height:40rem;
}
.layout-wrapper .layout-footer .main-area .title {
	width:90%;
    padding-top: 2rem;
 }

/*フッター リンクスライド*/
.layout-wrapper .layout-footer .main-area .scroll-wrap {
	width:90%;
 }

.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-area {
  height:32rem;
}
.bx-wrapper{
  width: 100%;
}
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-area .scroll-item {
/*   width: 30rem; */
	width:31%;

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-area .scroll-item img{
	display: block;
	margin:0 auto;
	width: 95%;
	height:auto;
}

.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-prev,
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-next{
	width: 3rem;
	height: 3rem;
}
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-prev img,
.layout-wrapper .layout-footer .main-area .scroll-wrap .scroll-next img{
	width: 100%;
}



}