@charset "UTF-8";
/* CSS Document */
main {
  display: flex;
  flex-direction: column;
  width: calc(100% - 60px);
  margin: 90px 0px 0px 0px;
  z-index: 1;
}
.sq_mgn {}
.sq_mgn_02 {
  margin-top: -100px;
  padding-top: 100px;
}
.navi_title {
  align-self: center;
  font-family: "UniversNextPro-BoldCond";
  margin: 20px 0px 16px 0px;
  font-size: 1.8rem; letter-spacing: 0rem;
}
.ctn_title {
  align-self: center;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0px 0px 60px 0px;
  font-size: 3rem;
}
.whatis_contents {
  display: flex;
  min-height: 0%
}
.whatis_left {
  flex: 0 1 30%;
  align-self: baseline;
  position: sticky;
  top: 100px;

  padding: 0px 2% 30px 2%;


}
.whatis_left_current {
  display: none
}
a.whatis_menu {
  display: flex;  padding: 10px 5px 10px 5px;

  margin-bottom: 14px;
  align-items: center;
  border: transparent 1px solid;
  color: #000
}
a.whatis_menu:hover, a.whatis_menu.av {
  background: url("../../images/b_whatis.svg") center right / 25px 40px no-repeat;
  border: #000 1px solid;
text-decoration: none;
	opacity: 1
}
.whatis_menu_no {


  margin: 0px 16px 0px 16px;
font-family: "UniversNextPro-Cond";

  letter-spacing: 0rem;
  font-size: 2.6rem;  
  color: #000
}

.mac .whatis_menu_no {
padding-top: 6px;

  margin: 0px 16px 0px 16px;
font-family: "UniversNextPro-Cond";

  letter-spacing: 0rem;
  font-size: 2.6rem;  
  color: #000
}




.whatis_menu_txt {
  margin: 0px 16px 0px 0px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #000
}
.whatis_menu_2nd {
  padding: 0px 0px 8px 0px;
}
.whatis_menu_3rd {
  padding: 0px 0px 4px 1.1rem;
}
a.whatis_menu_2nd_txt, a.whatis_menu_2nd_txt_02 {
  display: block;
  margin: 0px 0px 8px 0px;
  padding: 4px 18px 4px 24px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8rem;
  color: #000
}
a.whatis_menu_2nd_txt:hover, a.whatis_menu_2nd_txt.av, a.whatis_menu_2nd_txt_02:hover {
text-decoration: none;
	opacity: 1;
  background-color: #EAEAEA
}
a.whatis_menu_2nd_txt_02:before {
  content: "●";
  color: #6f71be;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8rem;
  padding-right: 0.2rem
}
.whatis_right {
  flex: 0 0 70%;
  padding: 0px 10px 0px 10px;

}
.whatis_title_2nd {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0px 0px 30px 0px;
}
.whatis_title_2nd_no {
  flex: 0 1 auto;
  padding: 0px 0px 0px 0px;
  margin: 0px 20px 0px 20px;
font-family: "UniversNextPro-Cond";

  letter-spacing: 0rem;
  font-size: 4rem;
  color: #000
}

.mac .whatis_title_2nd_no {
  flex: 0 1 auto;
  padding: 8px 0px 0px 0px;
  margin: 0px 20px 0px 20px;
font-family: "UniversNextPro-Cond";

  letter-spacing: 0rem;
  font-size: 4rem;
  color: #000
}



.whatis_title_2nd_txt {
  flex: 0 1 auto;
  margin: 0px 30px 0px 0px;
  font-size: 2.2rem;
font-family: "FP-ヒラギノ角ゴ ProN W6";
  line-height: 2.6rem;
  white-space: nowrap;
  color: #000
}
.whatis_title_2nd_stc {
  flex: 1 1 auto;
  padding: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  border-radius: 6px;
  border: #666 1px solid;
  color: #000
}
@media screen and (max-width: 1023px) {
  .whatis_title_2nd {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0px 0px 20px 0px;
  }
  .whatis_title_2nd_no {
    flex: 0 1 auto;
  padding: 0px 0px 0px 0px;
  margin: 0px 20px 0px 20px;
font-family: "UniversNextPro-Cond";

  letter-spacing: 0rem;
  font-size: 4rem;
  color: #000
  }
	.mac .whatis_title_2nd_no {
  flex: 0 1 auto;
  padding: 8px 0px 0px 0px;
  margin: 0px 20px 0px 20px;
font-family: "UniversNextPro-Cond";

  letter-spacing: 0rem;
  font-size: 4rem;
  color: #000
}
  .whatis_title_2nd_txt {
    flex: 0 1 auto;
  margin: 0px 30px 0px 0px;
  font-size: 2.2rem;
font-family: "FP-ヒラギノ角ゴ ProN W6";
  line-height: 2.6rem;
  white-space: nowrap;
  color: #000
  }
  .whatis_title_2nd_stc {
    flex: 0 1 100%;
	    margin: 20px 0px 0px 0px;
  padding: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  border-radius: 6px;
  border: #666 1px solid;
  color: #000
  }
}



.whatis_b_area {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.whatis_b_area.btm {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.whatis_b_2nd {
  flex: 0 0 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px 10px 0px;
  margin-bottom: 1%;
  border-radius: 4px;
  background-color: #555555
}
.whatis_b_2nd.btm {
  flex: 0 0 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px 10px 0px;
  margin-bottom: 1%;
  border-radius: 4px;
  background-color: #555555
}
.whatis_b_2nd_txt {
  flex-basis: 100%;
  padding: 0px 2% 0px 8%;
  font-size: 1.8rem;
font-family: "FP-ヒラギノ角ゴ ProN W6";
  line-height: 2.4rem;
  color: #fff;
}
.whatis_b_icon {
  flex: 0 0 150px;
  margin-right: 4%
}
.whatis_b_icon img {
  width: 150px;
}
.whatis_b_icon.btm {
  flex: 0 0 100px;
  margin-right: 4%
}
.whatis_b_icon.btm img {
  width: 100px;
}
.whatis_b_area .whatis_b_2nd:nth-child(even) {
  background-color: #737373
}
.whatis_b_2nd:hover, .whatis_b_area .whatis_b_2nd:nth-child(even):hover {
  background-color: #2C2C2C;
	  text-decoration: none;
	opacity: 1
}
.whatis_title_2nd_s {
  flex: 0 0 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  margin-bottom: 10px;
  border-bottom: #848484 1px solid;
  /* background-color: #E1E1E1*/
}
.whatis_title_2nd_txt_s {
  flex: 0 1 auto;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  letter-spacing: 0rem;
  font-size: 2rem;
	line-height: 3rem;
  margin-left: 2%;
  color: #000
}
@media all and (-ms-high-contrast: none) {
  .whatis_title_2nd_txt_s {
    padding: 20px 0px 0px 0px;
  }
}
.whatis_title_2nd_icon {
  flex: 0 0 200px;
  margin-right: -60px;
}
.whatis_title_2nd_icon img {
  width: 200px;
}
.whatis_txt_body {
  font-size: 1.6rem;
  
  line-height: 3rem;
  margin: 0px 0px 20px 0px;
  color: #000
}

.nts {
  font-size: 1.4rem;
  line-height: 2.2rem;
  margin: 10px 0px 0px 0px;
width: 100%;

  color: #000
}


.whatis_txt_body a {
  text-decoration: underline;
  color: #6f71be
}
.whatis_txt_body a:hover {
  text-decoration: underline;
  color: #8E90D5
}
.whatis_txt_body ul {
  margin: 10px 0px 10px 2rem;
}
.whatis_txt_body li {
  line-height: 2.8rem;
  padding: 0px 0px 4px 0px;
  list-style-type: disc;
  list-style-position: outside
}
.whatis_h2 {
  align-self: center;
  margin: 10px 0px 20px 0px;
font-family: "FP-ヒラギノ角ゴ ProN W6";
  letter-spacing: 0rem;
  font-size: 2rem;
  line-height: 3rem;
}
.whatis_txt_body_s {  
	flex: 1 0 100%;
 font-size: 1.6rem;

  line-height: 2.8rem;
  margin: 0px 0px 20px 0px;
  color: #000
}
.whatis_column_base {

  display: flex;
  flex-direction: column;
  margin: 0px 0px 30px 0px;

  background-color: #F5F5F5
}

.whatis_column_title {
  display: flex;
  align-items: center;
  margin: 0px 0px 30px 0px;

  height: 70px;
  background-color: #8B8B8B
}
.whatis_column_title_2nd_no {
  flex: 0 1 auto;
  padding: 5px 20px 5px 0px;
  margin: 0px 20px 0px 65px;
font-family: "UniversNextPro-BoldCond";

  font-size: 3rem;
  border-right: #fff 2px solid;
  color: #fff
}
.whatis_column_title_2nd_txt {
  flex: 0 1 auto;
  margin: 0px 30px 0px 0px;
  font-size: 1.8rem;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
  line-height: 2.8rem;
  color: #fff
}
.whatis_column_paragraph {
  display: flex;
  flex-direction: column;

  align-self: center;
  margin: 0px 0px 10px 0px;
  width: 86%;
  min-height: 0%;
  background-color: #F5F5F5
}
.whatis_columnt02 {
	font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0px 0px 10px 0px;
  letter-spacing: 0rem;
  line-height: 2.8rem;
  font-size: 1.8rem;
align-self: flex-start;
  color: #6f71be
}
.whatis_columnt03 {
		font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 10px 0px 10px 0px;

  letter-spacing: 0rem;
  font-size: 1.6rem;
  line-height: 2.8rem;
  text-decoration: underline
}
.whatis_columnt04 {
		font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0px 0px 10px 0px;
  letter-spacing: 0rem;
  font-size: 1.6rem;
  line-height: 2.8rem;
  text-decoration: underline
}
a.next_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px 0px 0px 0px;
  padding: 2px 2% 2px 2%;
  background: url("../../images/b_whatis.svg") #DDE8E2 center right / 25px 40px no-repeat;
}
a.next_area:hover {
  background-color: #C4D9CE;  text-decoration: none;
	opacity: 1
}
.whatis_next_t {
  padding: 0px 0px 0px 0px;

  letter-spacing: 0rem;
  font-size: 1.6rem;
  color: #000
}
.whatis_next_center {
  display: flex;
  align-items: center;
}
.whatis_next_no {
  padding: 0px 0px 0px 0px;
  margin: 0px 8px 0px 0px;
font-family: "UniversNextPro-Cond";
  letter-spacing: 0rem;
  font-size: 2rem;
  color: #000
}
	.mac .whatis_next_no {
  padding: 4px 0px 0px 0px;
  margin: 0px 8px 0px 0px;
font-family: "UniversNextPro-Cond";
  letter-spacing: 0rem;
  font-size: 2rem;
  color: #000
}
.whatis_next_txt {
  padding: 6px 20px 6px 0px;
  font-size: 1.6rem;

  line-height: 2.8rem;
  color: #000
}
.whatis_zu_04,.whatis_zu_09, .whatis_zu_10 {
  margin: 0px 0px 10px 0px;
  width: 100%;
  border-radius: 6px;
  text-align: center;
  overflow: hidden;
  background-color: #f5f5f5;  align-self: center;
}
.whatis_zu_02, .whatis_zu_07, .whatis_zu_08,.whatis_zu_03 {
  margin: 0px 0px 10px 0px;
  width: 70%;
  border-radius: 6px;
  text-align: center;

  overflow: hidden;
  background-color: #fff
}
.whatis_zu_01, .whatis_zu_05 {
  margin: 0px 0px 30px 0px;
  width: 100%;
  border-radius: 6px;
  text-align: center;
  overflow: hidden;
  background-color: #dadada;
}
.whatis_zu_01 img {
  width: 300px
}
.whatis_zu_02 img {
  max-width: 400px
}
.whatis_zu_03 img, .whatis_zu_08 img, .whatis_zu_10 img {
  max-width: 360px
}
.whatis_zu_04 img, .whatis_zu_05 img, .whatis_zu_07 img {
  width: 100%;
  max-width: 600px
}
.whatis_zu_09 img {
  width: 100%;
  max-width: 600px
}


.whatis_anime_01 {
  margin: 20px 0px 30px 0px;
  width: 100%;
	max-width: 600px;
  border-radius: 6px;

align-self: center;
  overflow: hidden;
  background-color: #f5f5f5;
	display: flex;
}


.anime_left {

flex: 0 1 auto;
  margin: 0px 0px 0px 0px;
}
.anime_left02 {

flex: 0 1 auto;
  margin: 0px 10px 0px 10px;
}
.zu_left {

flex: 0 1 260px;

}
.anime_right {

flex: 1 1 auto;
display: flex;
	align-items: center;
	background-color: #eee

}

.anime_right ul{
flex: 1 1 auto;  margin: 0px 5% 0px 5%;


}

.anime_right li{
	  border-radius: 4px;
	padding: 5px;
  line-height: 2rem;
  font-size: 1.6rem;
 margin: 10px 0px 10px 0px;color: #004C00;font-family: "FP-ヒラギノ角ゴ ProN W6";
		background-color: #fff
}




.whatis_anime_02 {
  margin: 0px 0px 30px 0px;

  width: 100%;

  border-radius: 6px;

align-self: center;
  overflow: hidden;
  background-color: #d6d6d6;
	display: flex;
/*	  flex-wrap: wrap;*/
	justify-content: space-around
}

.zu_left02 {
  margin: 20px 20px 20px 20px;
flex: 0 1 306px;

}

.zu_right02 {
  margin: 20px 20px 20px 20px;
flex: 0 1 306px;

}






.zu_top {
  margin: 20px 0px 30px 0px;
  width: 100%;

  border-radius: 6px;

align-self: center;
  overflow: hidden;
  background-color: #f5f5f5;
	display: flex;
}


.zu_top #waku_top {
flex: 0 1 65%;
height: 390px;


position:relative;

}

.zu_top #waku_top #ill_00 {
	position:absolute;
	width: 250px;
	
top: 15px;
	left: 50%;
	transform: translateX(-50%);
	


}
.zu_top #waku_top #ill_01,
.zu_top #waku_top #ill_02,
.zu_top #waku_top #ill_03,
.zu_top #waku_top #ill_04,
.zu_top #waku_top #ill_05,
.zu_top #waku_top #ill_06,
.zu_top #waku_top #ill_07 {
	position:absolute;
	width: 250px;
	
top: 15px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	-ms-filter: "alpha( opacity=0 )";

}


.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}



#b_ill {
flex: 0 1 35%;
display: flex;
align-content:center;
	flex-wrap: wrap;
	background-color: #eee;
	
}

.b_ill_txt{
		flex: 0 1 100%;
	text-align:center;

 margin: 0px 0px 10px 0px;

	  font-size: 1.4rem;

	 font-family: "FP-ヒラギノ角ゴ ProN W6";
		color: #999;

}

#b_ill ul{
		flex: 0 1 100%;
 margin: 0px 5% 0px 5%;
width: 100%;


}


#b_ill li{

	  border-radius: 4px;
	padding: 5px 10px 5px 10px;
  line-height: 2rem;
  font-size: 1.6rem;
 margin: 10px 0px 10px 0px;
	color: #004C00;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
		background-color: #fff;
}



#b_ill li:hover{


		background-color: #ACC5B8;
}


.zu_top #waku_top #zu_txt_01{
position: absolute;
		width: 80%;
	top: 170px;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px 15px 15px 15px;
	  font-size: 1.5rem;
	font-weight:bold;
	line-height: 21px;
	text-align: left;
	color: #000;
	border-radius: 6px;
	opacity: 0;
	-ms-filter: "alpha( opacity=0 )";
	background-color: #ACC5B8

}

.zu_top #waku_top #zu_txt_02{
	position: absolute;
		width: 80%;
	top: 170px;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px 15px 15px 15px;
	  font-size: 1.5rem;
	font-weight:bold;
	line-height: 21px;
	text-align: left;
	color: #000;
	border-radius: 6px;
	opacity: 0;
	-ms-filter: "alpha( opacity=0 )";
	background-color: #ACC5B8
}

.zu_top #waku_top #zu_txt_03{
	position: absolute;
		width: 80%;
	top: 140px;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px 15px 15px 15px;
	  font-size: 1.5rem;
	font-weight:bold;
	line-height: 21px;
	text-align: left;
	color: #000;
	border-radius: 6px;
	opacity: 0;
	-ms-filter: "alpha( opacity=0 )";
	background-color: #ACC5B8
}
.zu_top #waku_top #zu_txt_04{
	position: absolute;
	width: 80%;
	top: 170px;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px 15px 15px 15px;
	  font-size: 1.5rem;
	font-weight:bold;
	line-height: 21px;
	text-align: left;
	color: #fff;
		color: #000;
	border-radius: 6px;
	opacity: 0;
	-ms-filter: "alpha( opacity=0 )";
	background-color: #ACC5B8
}
.zu_top #waku_top #zu_txt_05{
	position: absolute;
	width: 80%;
	top: 145px;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px 15px 15px 15px;
	  font-size: 1.5rem;
	font-weight:bold;
	line-height: 21px;
	text-align: left;
		color: #000;
	border-radius: 6px;
	opacity: 0;
	-ms-filter: "alpha( opacity=0 )";
	background-color: #ACC5B8
}
.zu_top #waku_top #zu_txt_06{
	position: absolute;
		width: 80%;
	top: 220px;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px 15px 15px 15px;
	  font-size: 1.5rem;
	font-weight:bold;
	line-height: 21px;
	text-align: left;
		color: #000;
	border-radius: 6px;
	opacity: 0;
	-ms-filter: "alpha( opacity=0 )";
	background-color: #ACC5B8
}
.zu_top #waku_top #zu_txt_07{
	position: absolute;
		width: 80%;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px 15px 15px 15px;
	  font-size: 1.5rem;
	font-weight:bold;
	line-height: 21px;
	text-align: left;
		color: #000;
	border-radius: 6px;
	opacity: 0;
	-ms-filter: "alpha( opacity=0 )";
	background-color: #ACC5B8


}










.whatis_detail_b {
  padding: 5px 0px 5px 10px;
  margin: 0px 0px 0px 0px;
  display: flex;

  align-items: center;
  justify-content: space-between;
  background-color: #E6ECF9;
  cursor: pointer
}
.whatis_detail_b:hover {
  background-color: #C8D5EF;
}
.whatis_detail_text {
  font-size: 1.4rem;

  line-height: 2.8rem;
  color: #000
}
.whatis_detail_arr {
  width: 40px;
  height: 25px;
  background: url("../../images/b_whatis_sp.svg") top left/ 40px 50px no-repeat;
}
.whatis_detail_arr.av {
  background: url("../../images/b_whatis_sp.svg") bottom left / 40px 50px no-repeat;
}
.whatis_detail {
  display: none;
  padding: 15px 20px 15px 20px;
  background-color: #E6ECF9;
  border-top: #6f71be 2px solid;
  font-size: 1.4rem;

  line-height: 2.8rem;
  color: #000;
  overflow: hidden;
}




.whatis_table_01 {
  margin: 10px 0px 30px 0px;
  width: 100%;


align-self: center;

}




.whatis_table_01 table{

  width: 100%;

  background-color: #f5f5f5;

}


.whatis_table_01 td{ font-family: "FP-ヒラギノ角ゴ ProN W3";
  font-size: 1.4rem;
  line-height:1.8rem;
text-align: center;
	vertical-align: middle;
	padding: 10px;
	border: #AABDB3 1px solid;
}
.whatis_table_01 td img{ 
	margin-top: 6px
}
.whatis_table_01 .f_01{

  background-color: #DDE8E2;

}

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


.whatis_table_01 {
  margin: 0px 0px 30px 0px;
  width: 100%;

align-self: center;

}

.whatis_table_01 table{

  width: 100%;

  background-color: #f5f5f5;

}
.whatis_table_01 td{ font-family: "FP-ヒラギノ角ゴ ProN W3";
  font-size: 1rem;
  line-height:1.2rem;
text-align: center;
	vertical-align: middle;
	padding: 10px;
	border: #AABDB3 1px solid;

}
.whatis_table_01 td img{ 
	margin-top: 4px;
	width: 80px
}
.whatis_table_01 .f_01{

  background-color: #DDE8E2;

}


}


/* ------------ionic------------- */

.ionic_top_img {
  margin: 0px auto 40px auto;

  width: 100%;


  background-color: #000;

  text-align: center;

}


.ionic_top_img img{
  width: 100%;  
	max-width: 1000px;



}

.cht_base {

  width: 100%;  
	margin: 20px auto 20px auto;
	overflow: hidden;
	background-color: #fff;
	border: #999 1px solid;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

}

.cht_base .zu {
flex: 0 0 50%

}
.cht_base .zu.lsize {
flex: 0 0 80%

}
.cht_base .zu img{
min-width: 500px

}

.cht_base .pp {
flex: 0 0 25%;
	padding: 5%;

}

.cht_base .pp img{
	width: 100%;

}

.cht_base .tb {
flex: 0 0 60%;
padding: 5% 5% 5% 0%;
	font-size: 1.4rem;
	line-height: 2rem;

}



.cht_base .tb td {
	vertical-align: top;
	text-align:left;
	padding:8px;
	
	
 border-collapse: collapse;
 
}

.cht_base .tb td.y {
	width:60px
 
}

.cht_base .tb tr.s {
	background-color: #eee;
 
}

.cht_base .tb tr.s1 {
	background-color: #ddd;
 
}



/* -------------whatis_01------------- */
.whatis_01_base {
  display: flex;
  flex-direction: column;
  margin: 0px 0px 30px 0px;
  padding: 20px 4% 5px 4%;
  background-color: #F5F5F5
}

.whatis_01_type_base {
  width: 100%;
  align-self: center;
  display: flex;
  align-items: center;
  margin: 0px 0px 20px 0px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff
}
.whatis_01_type_base02 {
  width: 96%;
  align-self: center;
  display: flex;
  align-items: center;
  margin: 0px 0px 20px 0px;
  border-radius: 4px;
  overflow: hidden;
  border: #ccc 2px solid;
  background-color: #fff
}
.whatis_01_type_base_outer {
  width: 100%;
  align-self: center;
  display: flex;
  flex-direction: column;
  margin: 0px 0px 20px 0px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff
}
.whatis_01_type_base_inner {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 70%;
  display: flex;
flex-wrap: wrap;

  padding: 20px;
}

.whatis_01_t02 {
  margin: 0px 0px 10px 0px;
  font-family: fot-klee-pro, sans-serif;
  font-weight: 600;
  letter-spacing: 0rem;
  font-size: 1.2rem;
  line-height: 1.6rem
}
@media all and (-ms-high-contrast: none) {
  .whatis_01_t02 {
    padding: 20px 20px 0px 0px;
  }
}
.whatis_01_type_img {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 30%;
}
.whatis_01_base02 {
  display: flex;
  flex-wrap: wrap;
  margin: 0px 0px 30px 0px;
}
.whatis_p0809 {
  flex: 0 0 50%;
}
@media screen and (max-width: 1023px) {
  .whatis_p0809 {
    flex: 0 0 100%;
  }
}














/* -------------whatis_02------------- */
.whatis_02_base {
  display: flex;
  flex-direction: column;
  margin: 0px 0px 0px 0px;
  padding: 0px 2% 5px 2%;
  background-color: #fff
}
.img_area {
  margin: 0px 0px 30px 0px;
  min-height: 0%
}
.icon_enlargement {
  display: none
}
.whatis_02_base02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0px 0px 30px 0px;
}
.whatis_02_base02_inner {
  flex: 0 0 49%;
}
.whatis_02_t01 {
  display: inline-block;
  margin: 15px 0px 10px 0px;
  padding: 2px 4% 2px 4%;
font-family: "FP-ヒラギノ角ゴ ProN W6";
  letter-spacing: 0rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
  background: rgb(107, 107, 107);
  background: linear-gradient(to bottom, rgba(107, 107, 107, 1) 0%, rgba(30, 30, 30, 1) 100%);
  border: #0F9722 2px solid;
  border-radius: 50px;
	white-space: nowrap;
  color: #fff
}
/* -------------whatis_03------------- */
.whatis_03_base {
  display: flex;
  flex-direction: column;
  margin: 0px 0px 20px 0px;
  padding: 0px 2% 5px 2%;
  background-color: #fff
}
.whatis_03_t01_area {
  margin: 20px 0px 25px 0px;
  display: flex;
  align-items: center;
}
.whatis_03_t01 {
  flex: 0 1 auto;
  margin: 0px 20px 0px 0px;
font-family: "FP-ヒラギノ角ゴ ProN W6";
  letter-spacing: 0rem;
  font-size: 2rem;
  line-height: 3rem;
}
.whatis_03_t01_line {
  flex: 2 1 auto;
}
.whatis_03_base02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0px 0px 20px 0px;
}
.whatis_03_base02_inner {
  flex: 0 0 49%;
}
@media screen and (max-width: 1023px) {
  .whatis_03_base02_inner {
    flex: 0 0 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .whatis_03_base02_inner img {
    align-self: center
  }
}
.whatis_03_base03_inner {
  display: flex;
  justify-content: space-around;
  margin: 0px 0px 40px 0px;
}
.whatis_p_area a, .whatis_p_area, .whatis_p_area02 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.whatis_p_area img {
  width: 100%;
  max-width: 220px;
}
.whatis_p_area a.l-image img, .whatis_p_area .l-image img, .whatis_p_area.l-image img {
  width: 100%;
  max-width: 283px;
}
.whatis_p_area a.l-image02 img, .whatis_p_area .l-image02 img {
  width: 100%;
  max-width: 600px;
}
.whatis_p_area02 img {
  max-width: 200px;
}
a .whatis_p_model {
  margin: 10px 0px 0px 0px;
font-family: "UniversNextPro-BoldCond";
  letter-spacing: 0rem;
  font-size: 1.6rem;
  line-height: 2.8rem;
  text-decoration: none
}
.whatis_p_model {
  margin: 10px 0px 0px 0px;
font-family: "UniversNextPro-BoldCond";
  letter-spacing: 0rem;
  font-size: 1.6rem;
  line-height: 2.8rem;
}
a .whatis_p_model:hover {
  color: #666	; 
	opacity: 1; 
	text-decoration: none
}
.whatis_p_s {
  padding: 4px 0px 0px 0px;
  font-size: 1.4rem;  line-height: 2.2rem;
}
.kind {
  align-self: flex-start;
  font-size: 1.6rem;
  font-weight: 400;

	  line-height: 2rem;
  padding: 6px 10px 6px 10px;
  margin: 0px 0px 30px 0px;
  background-color: #F1F1F1;
  border-radius: 4px;
  color: #000
}
.kind a {
  display: inline-block;
  margin: 4px 1rem 4px 1rem;
font-family: "UniversNextPro-BoldCond";
  letter-spacing: 0rem;
  line-height: 3rem;
  text-decoration: underline
}
.kind a:hover {
  color: #666
}
.codec_table {
  width: 100%;
  margin: 0px 0px 40px 0px;
  align-self: center;
  min-height: 0%;
}
.table_tr {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  border-top: #DFDFDF 2px solid;
}
.table_tr-pcdp {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.td-codec {
  flex: 0 1 15%;
  min-width:10rem;
  padding: 0.5rem 0.5rem 0.5rem 1%;
    font-size: 2rem;
font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #659041;
  display: flex;
  align-items: center;letter-spacing: 0rem;
  white-space: nowrap
}
.td-logo {
  flex: 0 1 15%;
  min-width: 100px;
  padding: 1rem 2% 1rem 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.td-logo img {
  width: 100%;
  min-width: 100px
}
.td-txt {
  flex-grow: 0;
  flex-shrink: 1;
  max-width: 40%;
  padding: 1rem 1% 1rem 1%;

  font-size: 1.4rem;
  line-height: 2.2rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.td-rate-wrap {
  flex: 0 1 auto;
  display: flex
}
.td-rate {
  flex: 0 1 auto;
  min-width: 12rem;
  padding: 1rem 0px 1rem 0px;

  font-size: 1.4rem;
  line-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.td-nts {
  flex: 0 1 100%;
  padding: 0.5rem 0px 0.5rem 0px;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4rem;
  color: #878787;
  display: flex;
  justify-content: flex-end
}
@media screen and (max-width: 1023px) {
  .codec_table {
    margin: 0px 0px 20px 0px;
  }
  .table_tr {
    display: flex;
    flex-wrap: wrap;
    border-top: #595959 2px solid;
  }
  .table_tr-pcdp {
    display: none
  }
  .td-codec {
    flex: 0 1 60%;
    padding: 1.5rem 0.2rem 1.5rem 0.2rem;

    font-size: 2rem;
    align-items: center;
    justify-content: flex-start;
    color: #659041;
font-family: "FP-ヒラギノ角ゴ ProN W6";letter-spacing: 0rem;
    white-space: nowrap;
  }
  .td-logo {
    flex: 0 1 30%;
    padding: 1.5rem 2% 1.5rem 2%;

    vertical-align: middle;
	
  }
  .td-logo img {
    min-width: 80px
  }
  .td-txt {
    flex-grow: 0;
    flex-shrink: 1;
    min-width: 100%;
    padding: 0rem 0px 0.5rem 0px;
    vertical-align: middle;
 font-size: 1.4rem;
  line-height: 2.2rem;
    text-align: left;
  }
  .td-rate-wrap {
    flex: 0 1 100%;
    display: flex
  }
  .td-rate {
    flex: 0 0 50%;
    padding: 0.5rem 0px 0.5rem 0px;

    vertical-align: middle;
  font-size: 1.4rem;
  line-height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: #777777 1px dotted;
    background-color: #F2F2F2
  }
  .td-rate:before {
    content: attr(data-label);
    font-size: 1rem;
    line-height: 1.6rem;
    padding: 1rem;
  }
  .td-nts {
    flex: 0 1 100%;
    padding: 0.5rem 0px 0.5rem 0px;

    font-size: 0.7rem;
    line-height: 1.2rem;
    color: #878787;
    display: flex;
    justify-content: flex-end
  }
}
.whatis_table {
  width: 100%;
  margin: 10px 0px 40px 0px;
  align-self: center;
  min-height: 0%;
}
.whatis_table tr {
  border-top: #DFDFDF 2px solid;
}
.whatis_table .bbdr {
  border-bottom: #DFDFDF 2px solid;
}
.whatis_table .td04 {
  padding: 0.5rem 1% 0.5rem 1%;
font-family: "FP-ヒラギノ角ゴ ProN W6";
    font-size: 2rem;
  vertical-align: middle;
  text-align: left;
  color: #634190;letter-spacing: 0rem;
  white-space: nowrap
}



.whatis_table .td02 {
  padding: 1rem 1% 1rem 1%;
  vertical-align: middle;
 font-size: 1.4rem;
  line-height: 2.2rem;
  text-align: left;
}



/* -------------whatis_04------------- */
.whatis_04_base {
  display: flex;
  flex-direction: column;
  margin: 10px 0px 30px 0px;
  padding: 0px 2% 5px 2%;
  background-color: #fff
}
.whatis_04_base02 {
  display: flex;
  flex-wrap: nowrap;
  margin: 0px 0px 30px 0px;
  padding-top: 20px;
  border-top: #ccc 1px solid;
}
.whatis_04_base03 {
  display: flex;
  flex-wrap: nowrap;
  margin: 0px 0px 30px 0px;
  min-height: 0%;
}
.whatis_04_base02_left {
  flex: 2 1 auto;
  margin-right: 2%
}
.whatis_04_base02_right {
  flex: 0 1 auto;
  border-radius: 6px;
}
.imgsize01 img {
  width: 100%;
  min-width: 240px
}
.imgsize02 img {
  width: 100%;
  min-width: 400px
}
@media screen and (max-width: 1023px) {
  .whatis_04_base03 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px 0px 30px 0px;
  }
  .whatis_04_base03 .whatis_04_base02_left {
    margin-right: 0%
  }
  .whatis_04_base03 .whatis_04_base02_right {
    width: 70%;
    border-radius: 6px;
    background-color: aqua
  }
}
/* -------------whatis_05------------- */
.whatis_05_base01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0px 0px 0px 0px;
}
.whatis_05_base01_inner {
  flex: 0 0 49%;
}
/* -------------whatis_06------------- */
.whatis_07_img {
  margin: 0px 0px 0px 0px;
  min-height: 0%
}
/* -------------whatis_07------------- */
.whatis_detail_b_07 {
  margin: 10px 0px 0px 0px;
}