@charset "UTF-8";
/* CSS Document */
main {
  width: 94%;
  margin: 0px auto 40px auto;
  padding-top: 60px;
  z-index: 1;
}
.sq_mgn_02 {
  margin-top: -130px;
  padding-top: 130px;
}
.navi_title {
  text-align: center;
  font-family: "UniversNextPro-BoldCond";
  margin: 20px 50px 10px 50px;
  font-size: 1.4rem; letter-spacing: 0rem;
}
.ctn_title {
  text-align: center;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0px 50px 25px 50px;
  font-size: 2rem;
	line-height: 2.4rem;
}
.whatis_contents {
  display: flex;
  flex-direction: column;
  min-height: 0%
}
.whatis_left {
  flex: 0 1 100%;
  position: sticky;
  top:62px;
  z-index: 3;
  padding: 0px 0px 0px 0px;
}
.whatis_left_current {
	height: 54px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
/*  border-bottom: #6f71be 2px solid;*/
	border-bottom: #666 2px solid;
  cursor: pointer
}
.whatis_current_no {
  padding: 4px 20px 0px 10px;
  font-family: "UniversNextPro-Cond";

  letter-spacing: 0rem;
  font-size: 2.4rem;  
  color: #000
}
.whatis_current_txt {
	  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #000
}
.whatis_current_arr {
  width: 40px;
  height: 25px;
  background: url("../../images/b_whatis_sp.svg") top left/ 40px 50px no-repeat;
}
.whatis_current_arr.av {
  background: url("../../images/b_whatis_sp.svg") bottom left / 40px 50px no-repeat;
}
.whatis_left_sp {
  display: none;
  position: absolute;
  width: 100%;
  padding: 10px 0px 15px 0px;
/*  background-color: #E6ECF9;*/
	  background-color: #f5f5f5;
		border-bottom: #999 1px solid;
  max-height: calc(100vh - 100px);
  overflow-y: scroll;
}
.whatis_left_sp.av {}
a.whatis_menu {
  display: flex;
  margin-top: 5px;
  align-items: center;
	text-decoration: none;
	opacity: 1;
  color: #000
}
.whatis_menu_no {
  padding: 4px 20px 0px 20px;
  font-family: "UniversNextPro-Cond";
  letter-spacing: 0rem;
  font-size: 2.2rem;  
  /*color: #6f71be*/
	color: #000
}
.whatis_menu_txt {
  padding: 6px 20px 6px 0px;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #000
}
.whatis_menu_txt.av {
  padding: 6px 20px 6px 0px;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #303DB1
}
.whatis_menu_2nd {
  padding: 0px 0px 0px 0px;
}
a.whatis_menu_2nd_txt, a.whatis_menu_2nd_txt_02 {
  display: flex;
  margin: 4px 0px 8px 0px;
  padding: 0px 0px 0px 50px;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #000
}
a.whatis_menu_2nd_txt:hover, a.whatis_menu_2nd_txt.av {
  color: #303DB1;
	  	text-decoration: none;
	opacity: 1;
}
.whatis_menu_3rd {
  padding: 0px 0px 0px 0.9rem;
}
a.whatis_menu_2nd_txt_02:before {
  content: "● ";
  color: #6f71be;
  font-weight: 400;
  font-size: 1.4rem;
  padding: 0px 0.1rem 0px 0px;
}
.whatis_right {
  flex: 0 1 100%;
}
.whatis_title_2nd {
  display: flex;
  align-items: center;
  margin: 14px 0px 10px 0px;
}
.whatis_title_2nd_no {
  display: none;
}
.whatis_title_2nd_txt {
  display: none;
}
.whatis_title_2nd_stc {
  flex: 1 1 auto;
  padding: 20px;
  font-size: 1.4rem;

  line-height: 2.4rem;
  border-radius: 6px;
  border: #666 1px solid;
  color: #000
}
.whatis_b_area {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.whatis_b_area.btm {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -10px;
}
.whatis_b_2nd {
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1%;
  padding: 3% 0 3% 0;
  border-radius: 4px;
  background-color: #555555
}
.whatis_b_2nd_txt {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  padding: 0px 8% 0px 8%;
  font-size: 1.6rem;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
  line-height: 2.4rem;
  color: #fff;
  text-align: justify;
  text-justify: inter-ideograph;
}
.whatis_b_icon {
  width: 40%;
}
.whatis_b_icon img {
  width: 100%;
}
.whatis_b_icon.btm {
  width: 25%;
}
.whatis_b_icon.btm img {
  width: 100%;
}
.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%;
	margin: 20px 0px 0px 0px;
	
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  margin-bottom: 4px;
  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: 1.6rem;
	line-height: 2.2rem;
  margin-left: 4%;
  color: #000
}
.whatis_title_2nd_icon {
  flex: 0 1 150px;
  margin-right: -50px;
}
.whatis_title_2nd_icon img {
  width: 150px;
}
.whatis_txt_body {
  font-size: 1.4rem;

  line-height: 2.4rem;
  margin: 0px 0px 20px 0px;
  color: #000
}

.nts {
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin: 10px 0px 0px 0px;
  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.2rem;
	  padding: 0px 0px 4px 0px;
  list-style-type: disc;
  list-style-position: outside
}
.whatis_h2 {
  align-self: center;
  margin: 0px 0px 15px 0px;
font-family: "FP-ヒラギノ角ゴ ProN W6";
  letter-spacing: 0rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.whatis_txt_body_s {
  font-size: 1.4rem;

  line-height: 2.4rem;
  color: #000
}
.whatis_column_base {

  display: flex;
  flex-direction: column;
  margin: 0px 0px 15px 0px;
  background-color: #F5F5F5
}

.whatis_column_title {
  display: flex;
  align-items: center;
  margin: 0px 0px 20px 0px;
  height: 50px;
  background-color: #8B8B8B
}
.whatis_column_title_2nd_no {
  flex: 0 1 auto;
  padding: 8px 20px 5px 0px;
  margin: 0px 20px 0px 16px;
font-family: "UniversNextPro-BoldCond";

  font-size: 2rem;
  border-right: #fff 1px solid;
  color: #fff
}
.whatis_column_title_2nd_txt {
  flex: 0 1 auto;
  margin: 0px 30px 0px 0px;
  font-size: 1.6rem;
	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 4px 0px;
  width: 85%;
  background-color: #F5F5F5
}
.whatis_columnt02 {
	font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0px 0px 10px 0px;
  letter-spacing: 0rem;
  line-height: 2.6rem;
  font-size: 1.7rem;
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.4rem;
  line-height: 2.8rem;
  text-decoration: underline
}
a.next_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 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.4rem;
  color: #000
}
.whatis_next_center {
  display: flex;
  align-items: center;
}
.whatis_next_no {
  padding: 6px 0px 0px 0px;
  margin: 0px 8px 0px 0px;
font-family: "UniversNextPro-Cond";
  letter-spacing: 0rem;
  font-size: 2.2rem;
  color: #000
}
.whatis_next_txt {
  padding: 6px 20px 6px 0px;
  font-size: 1.4rem;

  line-height: 2.6rem;
  color: #000
}
.whatis_zu_01, .whatis_zu_03, .whatis_zu_04 {
  margin: 0px 0px 20px 0px;
  width: 100%;
  border-radius: 6px;
  text-align: center;
  overflow: hidden;
  background-color: #dadada
}
.whatis_zu_09, .whatis_zu_10 {
  margin: 0px 0px 20px 0px;
  width: 100%;
  border-radius: 6px;
  text-align: center;
  overflow: hidden;
  background-color: #f5f5f5
}
.whatis_zu_10 img {
  width: 70%;
}
.whatis_zu_02, .whatis_zu_07, .whatis_zu_08, .whatis_zu_09 {
  margin: 0px 0px 10px 0px;
  width: 100%;
  border-radius: 6px;
  text-align: center;
  overflow: hidden;
  background-color: #fff
}
.whatis_zu_05 {
  margin: 0px 0px 30px 0px;
  width: 100%;
  border-radius: 6px;
  text-align: center;
  overflow: hidden;
  background-color: #dadada
}
.whatis_zu_03 img {
  width: 100%;
  max-width: 280px
}


.whatis_anime_01 {
  margin: 0px 0px 20px 0px;
  width: 100%;

  border-radius: 6px;

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


.anime_left {

flex: 0 1 auto;

  margin: 0px 0px 0px 0px;
}
.anime_left02 {

flex: 0 1 auto;

  margin: 0px 0px 0px 0px;
}
.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: 1.8rem;
  font-size: 1.4rem;
 margin: 10px 0px 10px 0px;color: #004C00;font-family: "FP-ヒラギノ角ゴ ProN W6";
		background-color: #fff
}



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



  border-radius: 6px;

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

.zu_left02 {

flex: 0 1 306px;
  margin: 20px 20px 0px 20px;
}

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

}






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



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


.zu_top #waku_top {
flex: 0 1 50%;
height: 360px;


position:relative;

}

.zu_top #waku_top #ill_00 {
	position:absolute;
	width: 150px;
	
top: 20px;
	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: 150px;
	
top: 20px;
	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 50%;
display: flex;
align-content: flex-start;
	flex-wrap: wrap;
	background-color: #eee;
	  border-radius: 6px;
}

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

 margin: 20px 0px 10px 0px;

	  font-size: 1rem;

	 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.2rem;
 margin: 10px 0px 10px 0px;
	color: #004C00;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
		background-color: #fff;
}



#b_ill li:hover{


		background-color: #ccc;
}


#waku_top #zu_txt_01,#waku_top #zu_txt_02,#waku_top #zu_txt_03,#waku_top #zu_txt_04,#waku_top #zu_txt_05,#waku_top #zu_txt_06,#waku_top #zu_txt_07{
position: absolute;
		width: 80%;
	top: 250px;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px;
	  font-size: 1.2rem;
	line-height: 1.8rem;
	text-align: left;
	color: #fff;
	border-radius: 6px;
	opacity: 0;
	-ms-filter: "alpha( opacity=0 )";
	background-color: #3c009b

}













.whatis_detail_b {
  margin: -14px 0px 0px 0px;
  padding: 5px 0px 5px 10px;
  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.4rem;
  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.4rem;
  color: #000;
  overflow: hidden;
}




.whatis_table_01 {
  margin: 0px 0px 30px 0px;
  width: 100%;
overflow-x: scroll;

align-self: center;

}




.whatis_table_01 table{

  width: 100%;

  background-color: #f5f5f5;

}


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

  background-color: #DDE8E2;

}


.ionic_top_img {
  margin: 10px auto 10px auto;

  width: 100%;


  background-color: #000;

  text-align: center;

}


.ionic_top_img img{
  width: 100%;



}




.cht_base {

width: 100%;
	
	margin: 0px auto 20px auto;
	overflow: hidden;

	background-color: #fff;
	border: #999 1px solid;
		display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.cht_base .zu,.cht_base .zu.lsize {
flex: 0 0 100%;

}



.cht_base .pp {

flex: 0 0 50%;
	padding: 5%;
	

}

.cht_base .pp img{
	width: 100%;

}

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


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

 
}

.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 15px 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: 60%;
  display: flex;
flex-wrap: wrap;
  padding: 14px;
}

.whatis_01_t02 {
  margin: 0px 0px 10px 0px;
  font-family: fot-klee-pro, sans-serif;
  font-weight: 600;
  letter-spacing: 0rem;
  font-size: 1rem;
  line-height: 1.4rem
}
@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: 40%;
}
.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 4% 5px 4%;
  background-color: #fff
}
.img_area {
  position: relative;
  margin: 0px 0px 10px 0px;
}
.icon_enlargement {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
}
.whatis_02_base02 {
  display: flex;
  flex-wrap: wrap;
  margin: 0px 0px 30px 0px;
}
.whatis_02_base02_inner {
  flex: 0 0 100%;
}
.whatis_02_t01 {
  display: inline-block;
  margin: 15px 0px 10px 0px;
  padding: 2px 3% 2px 3%;
font-family: "FP-ヒラギノ角ゴ ProN W6";
  letter-spacing: 0rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  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: 20px 0px 0px 0px;
  padding: 0px 4% 5px 4%;
  background-color: #fff
}
.whatis_03_t01_area {
  margin: 10px 0px 10px 0px;
  display: flex;
  align-items: center
}
.whatis_03_t01 {
  flex: 0 1 auto;
  margin: 0px 10px 0px 0px;
  font-family: "FP-ヒラギノ角ゴ ProN W6";

  letter-spacing: 0rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.whatis_03_t01_line {
  flex: 2 1 auto;
}
.whatis_03_base02 {
  display: flex;
  flex-wrap: wrap;
  margin: 0px 0px 30px 0px;
}
.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 30px 0px;
}
.whatis_p_area a, .whatis_p_area, .whatis_p_area02 {
  flex: 1 1 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.whatis_p_area img {
  width: 100%;
  max-width: 120px
}
.whatis_p_area a.l-image img, .whatis_p_area .l-image img, .whatis_p_area.l-image img {
  width: 100%;
  max-width: 154px;
}
.whatis_p_area a.l-image02 img, .whatis_p_area .l-image02 img {
  width: 100%;
  max-width: 100%;
}
.whatis_p_area02 img {
  max-width: 150px;
}
a .whatis_p_model {
  margin: 5px 0px 0px 0px;
font-family: "UniversNextPro-BoldCond";
  letter-spacing: 0rem;
  font-size: 1.4rem;
  line-height: 2rem;
  text-decoration: none
}
.whatis_p_model {
  margin: 5px 0px 0px 0px;
font-family: "UniversNextPro-BoldCond";
  letter-spacing: 0rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
a .whatis_p_model:hover {
  color: #666; 
	opacity: 1;text-decoration: none
}
.whatis_p_s {
  width: auto;
  padding: 0px 0px 0px 0px;
  font-size: 1.2rem;
  line-height: 2rem;
}
.kind {
  align-self: flex-start;
  font-size: 1.4rem;

  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: 2px 1rem 2px 1rem;
font-family: "UniversNextPro-BoldCond";
  letter-spacing: 0rem;
  line-height: 2.4rem;
  text-decoration: underline
}
.kind a:hover {
  color: #666
}
.codec_table {
  margin: 0px 0px 20px 0px;
}
.table_tr {
  display: flex;
  flex-wrap: wrap;
	align-items: center;
  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: center;
  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%;

}
.td-logo img {
  min-width: 80px
}
.td-txt {
  flex: 0 0 100%;
  padding: 0rem 0px 0.5rem 0px;

  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: 0.5rem;
}
.td-nts {
  flex: 0 1 100%;
  padding: 0.5rem 0px 0.5rem 0px;

  font-size: 1rem;
  line-height: 1.2rem;
  color: #878787;
  display: flex;
  justify-content: flex-end
}
.whatis_table {
  margin: 10px 0px 20px 0px;
}
.whatis_table tr {
  border-top: #BEBEBE 2px solid;
}
.whatis_table .bbdr {
  border-bottom: #BEBEBE 2px solid;
}
.whatis_table .td04 {
  padding: 1.5rem 1.5rem 1.5rem 0.2rem;

  vertical-align: middle;
  text-align: left;
  color: #634190;
font-family: "FP-ヒラギノ角ゴ ProN W6";
    font-size: 2rem;letter-spacing: 0rem;
  white-space: nowrap
}
.whatis_table .td02 {
  padding: 0.5rem 0.2rem 0.5rem 0px;

  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: 0px 0px 0px 0px;
  padding: 0px 4% 5px 4%;
  background-color: #fff
}
.whatis_04_base02 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px 0px 30px 0px;
  padding-top: 10px;
  border-top: #ccc 1px solid;
}
.whatis_04_base03 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px 0px 30px 0px;
}
.whatis_04_base02_left {
  margin: 0px 0px 10px 0px;
}
.whatis_04_base02_right {
  border-radius: 6px;
  margin: 10px 0px 0px 0px;
}
.whatis_04_base03 .whatis_04_base02_right {
  width: 90%;
  margin: -10px 0px 0px 0px;
  border-radius: 6px;
}
/* -------------whatis_05------------- */
.whatis_02_base02 {
  display: flex;
  flex-wrap: wrap;
  margin: 0px 0px 0px 0px;
}
.whatis_05_base01_inner {
  flex: 0 0 100%;
}
/* -------------whatis_06------------- */
.whatis_07_img {
  margin: 0px 0px 0px 0px;
  min-height: 0%
}
/* -------------whatis_07------------- */
.whatis_detail_b_07 {
  margin: 10px 0px 0px 0px;
}