@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-family: "FP-ヒラギノ角ゴ ProN W3","Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif";
  font-size: 1.4rem;
  margin-left:-0.8rem;
  line-height: 1.8rem;

}
.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
}
.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 {
 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") #E6ECF9 center right / 25px 40px no-repeat;
}
a.next_area:hover {
  background-color: #CDD7ED;  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: 100%;
  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_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_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;
  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 {
  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;

}
.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;
	  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 30%;
  display: flex;	
}
.td-rate {
  flex: 0 1 50%;
  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;
}