@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　certification_mark
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.content{
  margin-top: 120px;  
}

@media screen and (max-width: 1000px) {
  .content{
    margin-top: 70px;  
  } 
}

/*--------------------------------------------------------------------------
   sub_hero_area
---------------------------------------------------------------------------*/
.sub_hero_area_certification_mark{
  background: url(../../asset/img/certification_mark/sub_hero_bg-certification_mark.png) ;
  background-size: cover;
  background-position: top;
  background-repeat: none;
  width: 100%;
}
.sub_hero_area_certification_mark .inner_sub_hero_area{
  height: 300px;
  padding-top: 100px;
  margin-bottom: 50px;
  }
.heading05 {
  position: relative;
  padding-bottom: 70px;
  font-size: 4rem;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  color: #fff;
}
.heading05::after {
  content: attr(data-en);
  display: block;
  color: #fff;
  font-size: 2rem;
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
.sub_hero_area_certification_mark{
	background: url(../../asset/img/certification_mark/sub_hero_bg-certification_mark_sp.png) ;
	background-size: cover;
	background-position: top;
	background-repeat: none;
	width: 100%;
  }
	  .sub_hero_area_certification_mark .inner_sub_hero_area{
		height: auto;
		margin-bottom: 50px;
		}
  }

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
.ttl-top-sec .en{
  display: block;
  font-size: 1.6rem;
  letter-spacing: .06em;
  color: #36a8c7;   
}
.ttl-top-sec .ja{
  font-size: 6rem;
  letter-spacing: .04em;
  line-height: 1.2;
}

.btn-view-more a span{
  position: relative;
  padding-bottom: 5px;
  font-size: 1.4rem;
  letter-spacing: .06em;
  border-bottom: 1px solid #090909;
    
}
.btn-view-more a span::before,
.btn-view-more a span::after{
  right: -18px;  
}

/* top_section_title
-----------------------------------------------------------------*/
.top_section_title{
	margin: 50px auto 80px auto;
	text-align: center;
}
.top_section_title .section_title{
	margin: 0 auto;
	text-align: center;
	font-weight: 700;
	font-size: 3.8rem;
	font-family: 'Noto Sans JP', sans-serif;
	color: #333;
}
@media screen and (max-width: 768px) {
    .top_section_title{
		margin: 30px auto;
		text-align: center;
	}
	.top_section_title .section_title{
		font-size: 2.5rem;
	}
}

/*--------------------------------------------------------------------------
   certification_mark_area
---------------------------------------------------------------------------*/
.certification_mark_area{
	width: 100%;
}
.certification_mark_area .inner_contents{
	max-width: 1200px;
	margin:0 auto;
}
.certification_mark_area .inner_contents .certification_mark_contents_area{
	font-family: 'Noto Sans JP', sans-serif;
	color: #333333;
	width: 100%;
	margin-bottom: 10%;
}
.certification_mark_area .inner_contents .certification_mark_contents_area .certification_mark_title_area{
	margin: 50px auto;
	text-align: center;
}
.certification_mark_area .inner_contents .certification_mark_contents_area .certification_mark_title_area .certification_mark_title{
	margin: 0 auto;
	text-align: center;
	font-weight: 700;
	font-size: 3.8rem;
	padding-top: 120px;
    margin-top:-120px;
}
.certification_mark_area .inner_contents .certification_mark_contents_area .certification_mark_txt{
	margin: 0 auto;
	text-align: left;
	font-weight: 400;
	font-size: 2rem;
	margin-bottom: 3%;
}
.certification_mark_area .inner_contents .certification_mark_contents_area .certification_mark_img{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 3%;
}
.certification_mark_area .inner_contents .certification_mark_contents_area .certification_mark_img img{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 3%;
	width: 30%;
}
.attention_red{
	background: linear-gradient(transparent 70%, #ff4444 10%);
}
.certification_mark_area .inner_contents .certification_mark_contents_area .pdf_download_area{
	margin: 5% auto 10% auto;
	text-align: center;
}
.button02 {
	display: inline-block;
	position: relative;
	padding: 1rem 12rem;
	color: #FFF!important;
	border-radius: 10rem;
	background: -webkit-gradient(60deg, rgba(215,15,88,1) 0%, rgba(255,217,157,1) 100%);
	background: linear-gradient(60deg, rgba(215,15,88,1) 0%, rgba(255,217,157,1) 100%);
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
  }
.button02:hover {
	color: #FFF;
	background-color: #f8b433;
	background-image: none;
  }
.button02 .btn_item{
	display: flex;
	gap: 20px;
	align-items: center;
}
.button02 .btn_item img{
	width: 40px;
	height: 48px;
	padding: auto;
}
.button02 a:after {
    content:" ";
    display: inline-block;
    width: 40px;
    height: 48px;
    background: url(../../asset/img/certification_mark/pdf_icon.png) no-repeat;
}

@media screen and (max-width: 768px) {
	.certification_mark_area{
		width: 90%;
		margin: 0 auto;
	}
	.certification_mark_area .inner_contents .certification_mark_contents_area .certification_mark_title_area{
		margin: 25px auto;
	}
	.certification_mark_area .inner_contents .certification_mark_contents_area .certification_mark_title_area .certification_mark_title{
		font-size: 2.6rem;
		margin-bottom: 0%!important;
	}
	.certification_mark_area .inner_contents .certification_mark_contents_area .certification_mark_txt{
		font-size: 1.4rem;
		line-height: 3rem;
		margin-bottom: 7%;
	}
	.certification_mark_area .inner_contents .certification_mark_contents_area .certification_mark_img img{
		width: 70%;
	}

	.certification_mark_area .inner_contents .certification_mark_contents_area .pdf_download_area{
		margin: 5% auto 10% auto;
		text-align: center;
	}
	.button02 {
		padding: .2rem 8rem;
		color: #FFF!important;
		border-radius: 10rem;
	  }
	.button02:hover {
		color: #FFF;
		background-color: #f8b433;
		background-image: none;
	  }
}
		.tableArea{
			max-width:80%;/* 最大80%の領域内で要素をおさめる */
			margin:57px auto 0;
			overflow:auto;/*枠からはみ出たらスクロールさせる、はみ出なかった場合は何もしない*/
		}
		.tableArea table{
			color:#ddd!important;
			border-collapse:collapse;/*隣接するセルのボーダーを共有する*/
		}
		.tableArea table th,
		.tableArea table td{
			padding:20px;
			border:1px solid #FC3C82;
			white-space:nowrap;/*80%幅を超えても文字を折り返さない*/
			color: #333333;
		}
		.tableArea table td .haifun{
			margin: 0 auto;
			text-align: center;
			display: block;
		}
		.scroll-hint-text{ margin-top:0; }