@charset "utf-8";

/* -- テキスト -- */
.sectionArea .databaseTxt{
  margin-bottom: 30px;
}

/* -- テーブル -- */
.sectionArea .database{
  margin-bottom: 40px;
}

.sectionArea .databaseTable1{
  width: 160px;
}

.sectionArea .databaseTable2{
  width: 130px;
}

/* -- 動画 -- */
.sectionArea ul .databaseVideoList iframe{
  width: 100%;
}

.sectionArea ul .databaseVideoList{
  display: inline-block;
  width: 31%;
  margin-right: 2%;
}

.databaseVideoList img{
	width: 100%;
}

.sectionArea ul .databaseVideoList:last-child{
  margin-right: 0px;
}

.sectionArea ul .databaseVideoTxt{
  margin-top: 5px;
  font-size: 12px;
}

.sectionArea ul{
  font-size: 0;
}

/* -- ボタン -- */
.sectionArea .utilizationLink {
  margin-top: 20px;
}
.sectionArea .utilizationLink .text {
  margin-bottom: 0;
}
.sectionArea .utilizationLink .c-button {
  margin-top: 25px;
	max-width: 55%;
}

.database_btn_area {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.database_btn_area .c-button {
	max-width: 55%;
}
.database_btn_area .c-button--02 {
	max-width: 40%;
}

.sectionArea .databaseButton1{
  border-radius: 50px;
  padding: 10px 0;
  border: none;
  display: inline-block;
  line-height: 50px;
  height: 50px;
  color: #fff;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  width: 55%;
  text-align: center;
  background-color: #02BDD8;
}

.sectionArea .databaseButton1:after{
	content: url("../../common/img/icon_arrow_right_white.png");
	position: absolute;
	top:7px;
	right: 15px;
}

.sectionArea .databaseButton2{
  border-radius: 50px;
  /*margin-top: 40px;*/
  padding: 10px 15px;
  border: solid 1px #02BDD8;
  display: inline-block;
  line-height: 50px;
  height: 50px;
  color: #02BDD8;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  background-color: #ffffff;
	text-align: center;
	width: 30%;
}
.database_btn_area.database_btn_area-en .databaseButton1{
	width: 45%;
}
.database_btn_area.database_btn_area-en .databaseButton2{
	width: 45%;
	padding: 10px 30px 10px 15px;
}

.sectionArea .databaseButton2:after{
	 content: url("../../common/img/icon_arrow_right_blue.png");
	position: absolute;
	top:7px;
	right: 10px;
}


.sectionArea .databaseButtonImg{
  vertical-align: middle;  
  width: 25px;
}

.sectionArea .databaseButtonTxt{
	font-weight: bold;
  margin-bottom: 0px;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.3;
	letter-spacing: 0.1rem;
}

.sectionArea .databaseButtonTxt span{
  display: inline-block;
  font-size: 12px;
}

.sectionArea .textCenter a {
	pointer-events: none;
}

@media screen and (max-width:480px) {
	.sectionArea .utilizationLink {
		margin-top: 10px;
	}
	.sectionArea .utilizationLink .c-button {
		max-width: 100%;
	}

	.database_btn_area .c-button {
		max-width: 100%;
		margin-bottom: 15px;
	}
	.database_btn_area .c-button--02 {
		max-width: 100%;
	}
	.sectionArea .databaseButton2 {
		width: 63%;
		margin-bottom: 20px;
	}
	
	.sectionArea .databaseButton1,
	.sectionArea .databaseButton2 {
		line-height: 10px;
		width: 100%;
		box-sizing: border-box;
		height: 60px;
		text-align: left;
		padding: 20px 0 20px 20px;
		margin-bottom: 15px;
	}

	.database_btn_area.database_btn_area-en .databaseButton1,
	.database_btn_area.database_btn_area-en .databaseButton2{
		width: 100%;
		height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
	}
	.database_btn_area.database_btn_area-en .databaseButton2{
		padding: 20px 0 20px 20px;
	}
	.database_btn_area.database_btn_area-en .databaseButton1::after,
	.database_btn_area.database_btn_area-en .databaseButton2::after {
		position: relative;
		top: 0;
		right: 0;
		padding-right: 20px;
	}
	
	.sectionArea .databaseButtonTxt {
		width: 80%;
	}
	
	.sectionArea ul .databaseVideoList {
		width: 100%;
		margin-right: 0;
	}
	
	.sectionArea .scroll {
		overflow: auto;
		white-space: nowrap;
	}
	
	.tableLeft {
		-webkit-text-size-adjust: 100%;
		font-size: 16px;
	}
	
	.sectionArea .textCenter a {
		pointer-events: auto;
	}
	
	
	
.database_btn_area{
	display: block;
	justify-content: normal;
}

.sectionArea .databaseButton1:after,
.sectionArea .databaseButton2:after
	{
	top:23px;
	right: 25px;
}
	
	
.sectionArea ul .databaseVideoTxt{
  font-size: 16px;
}
	
	
}