@charset "UTF-8";

#main_image_choose h2 br.sp{
 display: none;
}
@media (max-width: 767px) {
#main_image_choose h2 br.sp{
 display: block;
}
}

.about_title__type02.left{
 text-align: left;
	margin: 0 0 1rem;
	padding: 0px;
}
.parts_lead_s{
 margin: 0 0 1.5rem;
}


.choose_page .tableArea{
 margin: 0 0 2rem;
	padding: 0px;
}
.choose_page .tableArea .about_philosophy__sub-title{
  margin: 0 0 1.5rem;
}
.choose_page .tableArea .tableOuter{
 margin: 0px;
	padding: 0px;
}
.choose_page .tableArea .tableOuter table{
 margin: 0px;
	padding: 0px;
	overflow: hidden;
	border-radius: 20px;
	width: 100%;
}
.choose_page .tableArea .tableOuter table thead th{
 text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 10px 0px;
	background: #01a292;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #FFF;
	width: 13%;
}
.choose_page .tableArea .tableOuter table tbody th{
 text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 10px 0px;
	background: #01a292;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #FFF;
	width: 7%;
}
.choose_page .tableArea .tableOuter table tbody td{
 text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 10px 0px;
	background: #f1f5f6;
	color: #444;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #FFF;
	width: 13%;
}
.choose_page .tableArea .tableOuter table tbody td img{
 height: 24px;
}
.choose_page .tableArea .tableOuter table tbody td .text{
 font-size: 14px;
	font-weight: normal;
}
.choose_page .tableArea .tableOuter table tbody td.h{
 text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 10px 0px;
	background: #cbece8;
	color: #111;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #FFF;
	width: 28%;
}
@media (max-width: 767px) {
	.choose_page .tableArea .tableOuter{
	 overflow-x: scroll;
	}
	.choose_page .tableArea .tableOuter table{
	 width: 900px;
	}
}


.choose_page .pointArea{
 margin: 0px;
	padding: 60px 0px;
	background: #FDF5E7;
}
.choose_page .pointArea .pointList {
 margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.choose_page .pointArea .pointList .pontBox{
 margin: 0px 0px 15px 0px;
	padding: 20px 0px;
	border: 1px solid #000;
	background: #FFF;
	box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	width : -webkit-calc(33.3% - 10px) ;
   width : calc(33.3% - 10px) ;
}
.choose_page .pointArea .pointList .pontBox .index{
 margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: center;
	color: #00700F;
	font-size: 20px;
	font-weight: bold;
}
.choose_page .pointArea .pointList .pontBox .img{
 margin: 0px 0px 20px 0px;
	padding: 0px 20px;
	text-align: center;
}
.choose_page .pointArea .pointList .pontBox .text{
 margin: 0px;
	padding: 0px 20px;
	text-align: left;
	font-size: 14px;
}
@media (max-width: 767px) {
	.choose_page .pointArea .pointList {
			margin: 0px;
			padding: 0px;
			display: block;
}
.choose_page .pointArea .pointList .pontBox{
 margin: 0px 0px 20px 0px;
	width : auto;
}
}

.choseListOuter{
 padding: 60px 0px 0px;
}
.choseListOuter .chooseListArea{
 margin: 0px 0px 60px 0px;
}
.choseListOuter .chooseListArea .chooseList{
 margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.choseListOuter .chooseListArea .chooseList .chooseBox{
 margin: 0px 0px 15px 0px;
	padding: 0px;
	border: 1px solid #000;
	background: #FFF;
	box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	width : -webkit-calc(33.3% - 10px) ;
 width : calc(33.3% - 10px) ;
	border-radius: 20px;
	overflow: hidden;
}
.choseListOuter .chooseListArea .chooseList .chooseBox a{
 display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	.choseListOuter .chooseListArea .chooseList .chooseBox a .img{
  width: 35%;
		margin: 0px;
 }
	.choseListOuter .chooseListArea .chooseList .chooseBox a .text{
  width: 65%;
		margin: 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #00700F;
		font-size: 18px;
		font-weight: bold;
 }
	
	@media (max-width: 767px) {
.choseListOuter .chooseListArea .chooseList{
			margin: 0px;
			padding: 0px;
			display: block;
}
.choseListOuter .chooseListArea .chooseList .chooseBox{
 margin: 0px 0px 20px 0px;
	width : auto;
}
}