.sp-none{
display:none;
}
.blank-sp{
        display: block;
}
#flash {
    position: relative;
    clear: both;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	margin-top: 50px;
}
#flash .mv01 img {
width: 100%;
	height: auto;
}
.top-sec01 {
	padding-top: 70px;
}
.full-banner {
	position: relative;
	margin-bottom: 80px;
	background-color: #F4F4F4;
}
.full-banner .photo{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.full-banner .photo img {
	width: 100%;
	height: auto;
}
.full-banner .txt {
	position: relative;
	color: #333;
	max-width: 100%;
	top: 0%;
	left: 0%;
	transform: translate(0%,0%);
	padding-bottom: 20px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	
}
.full-banner .txt h2 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0px;
}
.full-banner .txt p {
	font-size: 13px;
}
a .link-icon {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 30px;
	height: 30px;
	background-color: #E8350C;
	border: 1px solid #E8350C;
}
a .link-icon span {
  color: #eee;
  position: relative; /* ←ポイント */
  z-index: 3;    /* ←ポイント */
  transition: .3s; /* ←ポイント */
}
/*ボタン上のアニメーションの設定*/
a .link-icon:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #fff;
  width: 100%;
  height: 100%;
  transform: scale(0, 1);           /* ←ポイント */
  transition: transform .2s ease-out; /* ←ポイント */
  transform-origin: left;           /* ←ポイント */
}


a .link-icon:hover:before{
  transform: scale(1, 1);    /* ←ポイント */
}
a .link-icon span{
	
}
a .arrow-minimal {
  display: inline-block;
  width: 9px;      /* 軸の長さ */
  height: 1.5px;    /* 軸の太さ */
  background: #fff; /* 矢印の色（背景が赤なので白） */
  position: relative;
	top:0px;
	left:9px;
}
a:hover .arrow-minimal {
  width: 9px;      /* 軸の長さ */
  height: 1.5px;    /* 軸の太さ */
  background: #E8350C; /* 矢印の色（背景が赤なので白） */
  position: relative;
	top:0px;
	left:9px;
}

a .arrow-minimal::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 5px; 
  height: 5px;
  border-top: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
  box-sizing: border-box;
}
a:hover .arrow-minimal::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0%;
  transform: translateY(-50%) rotate(90deg);
  width: 8px; 
  height: 0px;
  border-top: 1.5px solid #E8350C;
  border-right: 1.5px none #E8350C;
  box-sizing: border-box;
}
.right-photo-banner {
	display: block;
	margin-bottom: 80px;
	background-color: #F4F4F4;
}
.right-photo-banner .photo{
	width: 100%;
	margin-bottom: 10px;
}
.right-photo-banner .photo img{
	width: 100%;
}
.right-photo-banner .txtarea{
	width: 100%;
	position: relative;
	background-color: #F4F4F4;
}
.right-photo-banner .txt {
	position: relative;
	color:#333;
	width:90%;
	top:0%;
	left:5%;
	transform: translate(0%,0%);
	padding-bottom: 20px;
}
.right-photo-banner .txt h2 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0px;
}
.right-photo-banner .txt p {
	font-size: 13px;
}
.left-photo-banner {
	background-color: #F4F4F4;
	display: block;
	flex-direction: row-reverse;
	margin-bottom: 80px;
}
.left-photo-banner .photo{
	width: 100%;
	margin-bottom: 10px;
}
.left-photo-banner .photo img{
	width: 100%;
}
.left-photo-banner .txtarea{
	width: 100%;
	position: relative;
}
.left-photo-banner .txt {
	position: relative;
	color:#333;
	width:90%;
	top:0%;
	left:5%;
	transform: translate(0%,0%);
	padding-bottom: 20px;
}
.left-photo-banner .txt h2 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0px;
}
.left-photo-banner .txt p {
	font-size: 13px;
}
.top-sec02 {
	margin-bottom: 50px;
	margin-top: 30px;
	position: relative;
}

.slide-area {
	display: block;
	background: #F4F4F4;
	height: auto;
	position: relative;
}
.slide-area .title-box{
	width: 100%;
	height: auto;
	position: relative;
	float: none;
	padding-top: 20px;
}
.slide-area .title-box .txt{
	position: relative;
	width: 90%;
	left: 5%;
	top:0%;
	transform: translate(0%,0%);
	margin-bottom: 20px;
}
.slide-area .title-box .txt h2 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}
.slide-area .title-box .txt p {
	font-size: 13px;
}
.slide-area .title-box .txt .viewmore a{
	background-image: url(../../img/btn-more.png);
	background-size: 31px 31px;
	background-repeat: no-repeat;
	background-position: 2px center;
	padding-left: 45px;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	display: block;
	margin-top: 20px;
	transition: 0.2s;
	font-size:15px;
}
.slide-area .title-box .txt .viewmore a:hover{
	background-image: url(../../img/btn-more-on.png);
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	display: block;
	margin-top: 20px;
}
/* hover 時に隙間が広がる */
.icon-grid:hover {
  gap: 6px; /* ロールオーバー時の余白 */
}
.item-slidearea {
	position: relative;
	width: 100%;
	left:0;
}
.item-slider{
	
	width: 100%;
}
.item-slider #slick02 .itembox {
	width: 420px;
	position: relative;
}
.item-slider #slick02 .itembox img{
	width: 100%;
	height: auto;
}
#slick02 .itembox .cover {
	position: absolute;
	width: 420px;
	bottom: 10px;
	left: 0px;
}
#slick02 .itembox .cover img {
	width: 100%;
	height: auto;
}
.itembox .itemtxt {
	position: absolute;
	bottom: 20px;
	left:20px;
	font-size:16px;
}
a .itemtxt {
	color: #FFFFFF;
}
.itembox .itemtxt .num{
	font-size:13px;
	font-weight: bold;
	margin-bottom: 15px;
	
}
.itembox .itemtxt .name{
	font-size:24px;
	font-weight: bold;
	margin-bottom: 15px;
	
}
.top-sec03{
	margin-bottom: 60px;
}
.cel2-area{
	padding-right: 0;
	font-size:0;
}
.cel2-box{
	display: block;
	width: 100%;
	max-width: 580px;
	font-size:18px;
	font-weight: 600;
	margin-right: 0%;
	vertical-align: top;
	
}
.cel2-box:nth-child(2){
	margin-right: 0px;
}
.cel2-box .photo{
	position: relative;
	margin-bottom: 10px;
}
.cel2-box .photo img{
	width: 100%;
	height: auto;
}