@charset "UTF-8";




/* -----------------------------------------------------
 * Section: func-top-list 機能一覧ページ
 * -------------------------------------------------- */
.func-top-list {
  display: flex;
  flex-wrap: wrap;
  gap: max(1.4vw, 15px);
  margin-top: 41px;
}
.func-top-list li{
   width: calc(25% - max(1.4vw, 15px) * 3 / 4);
}

.func-top__item a {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #d7def8;
  border-radius: 10px;
  padding-top: 50px;
  padding-bottom: 18px;
}

.func-top__item img {
  max-width: 100%;
}
.func-top__img {
  height: 115px;
}

.func-top__innerimg1 {
  position: relative;
  top: 0;
  right: 0;
}
.func-top__innerimg2 {
  position: relative;
  top:-20px;
	left: 5px;
}
.func-top__innerimg3 {
  position: relative;
  top:-7px;
left: 15px;
}
.func-top__innerimg4 {
  position: relative;
  top:-7px;
}
.func-top__innerimg5 {
  position: relative;
  top:6px;
}
.func-top__innerimg6 {
  position: relative;
   top:-16px;
}
.func-top__innerimg7 {
  position: relative;
   top:-16px;
	left: 7px;
}
.func-top__innerimg8 {
   position: relative;
   top:-10px;
}
.func-top__innerimg9 {
   position: relative;
}
.func-top__innerimg10 {
  position: relative;
  top:10px;
}
.func-top__title{
 padding-top: 20px;
	font-weight: 700;
}
.func-top__title a{
	color: #000;
	text-decoration: none;
}
.func-top__title a:hover{
	color: #3f95cb;
	text-decoration: underline;
}

@media screen and (max-width: 1059px) {
  .func-top-list {
    margin-top: 31px;
    gap: 10px;
    row-gap: 19px;
  }
.func-top-list li{
  width: calc(50% - 5px);
}
.func-top__item a {
    padding-top: 40px;
	padding-bottom: 10px;
    border-radius: 5px;
  }
}

@media screen and (max-width: 768px) {
	
.func-top__item a {
    padding-top: 20px;
	padding-bottom: 18px;
  }
	
  .func-top__img {
    height: 51px;
  }
	.func-top__innerimg1 {
    height: 55px;
    right: 0;
    top: -3px;
  }
.func-top__innerimg2 {
    height: 61px;
     top:-7px;
	left: 5px;
  }
.func-top__innerimg3 {
    height: 55px;
     top:-5px;
	left: 10px;
  }
.func-top__innerimg4 {
   height: 55px;
  top:0px;
}
.func-top__innerimg5 {
   height: 51px;
  top:0px;
}
.func-top__innerimg6 {
   height: 55px;
   top:-5px;
}
.func-top__innerimg7 {
   height: 55px;
   top:-5px;
	left: 3px;
}
.func-top__innerimg8 {
   height: 65px;
   top:-7px;
}
.func-top__innerimg9 {
   height: 45px;
}
.func-top__innerimg10 {
   height: 40px;
	 top:5px;
}
.func-top__title{
 padding-top: 10px;
	font-size: 1.3rem;
	line-height: 1.43;
}
	
}


/* -----------------------------------------------------
 * Section: func-top-list 機能中面
 * -------------------------------------------------- */
.func-pic{
	background: #f4f5f8;
	padding: 50px;
	border-radius: 10px;
}
.space{
	margin-top:41px;
}
.func-small{
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 25px 0;
}
.func-pic-even{
	background: #fff;
	padding: 50px;
	border-radius: 10px;
	text-align: center;
	margin-top:41px;
}

@media only screen and (max-width: 767px) {
.func-pic{
	padding: 20px;
	border-radius: 5px;
	overflow-x: scroll;
}
.func-small{
	font-size: 1.2rem;
}
.space{
	margin-top:31px;
}
.func-pic-even{
	margin-top: 31px;
	padding: 20px;
	border-radius: 5px;
	overflow-x: scroll;
}

.func-pic__imgmx img{
	max-width: 100%;
}
	
.func-pic__img01 img{
	max-width: 600px;
}
.func-pic__img02 img{
	max-width: 400px;
}
.func-pic::-webkit-scrollbar-track {
    background: #ecedf3;
  }
.func-pic::-webkit-scrollbar {
    height: 10px;
  }
.func-pic::-webkit-scrollbar-thumb {
    background: #3b60d8;
  }

.func-pic-even::-webkit-scrollbar-track {
    background: #ecedf3;
  }
.func-pic-even::-webkit-scrollbar {
    height: 10px;
  }
.func-pic-even::-webkit-scrollbar-thumb {
    background: #3b60d8;
  }
}

/* ------データテーブル----- */

.ico-list {
  display: flex;
  flex-wrap: wrap;
  gap: max(1.4vw, 15px);
 margin-top: 41px;
}
.ico-list li{
   width: calc(33% - max(1.4vw, 15px) * 3 / 4);
}

.ico-list__item {
display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #f4f5f8;
  border-radius: 10px;
  padding-top: 50px;
  padding-bottom: 40px;
}

.ico-list__item img {
  max-width: 100%;
}
.ico-list__img {
  height: 117px;
}

.ico-list__innerimg1 {
  position: relative;
  top: 10px;
  right: 0;
}
.ico-list__innerimg2 {
  position: relative;
  top:-20px;
}
.ico-list__innerimg3 {
  position: relative;
  top:-26px;
}

.ico-list__title{
 padding-top: 20px;
	font-weight: 700;
}
.ico-list p{
 padding-top: 10px;
}


@media screen and (max-width: 768px) {

.ico-list {
    margin-top: 31px;
    gap: 10px;
    row-gap: 19px;
  }
.ico-list li{
  width: calc(50% - 5px);
}
.ico-list__item{
    padding-top: 20px;
	padding-bottom: 22px;
    border-radius: 5px;
  }

.ico-list__img {
    height: 51px;
  }
.ico-list__innerimg1 {
    height: 30px;
    right: 0;
    top: 10px;
  }
.ico-list__innerimg2 {
    height: 61px;
     top:-7px;
  }
.ico-list__innerimg3 {
    height: 65px;
     top:-7px;
  }

.ico-list__title,
.ico-list p{
	font-size: 1.4rem;
}

}