/*category_set*/
#main_contents {
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    #main_contents {
      padding: 4rem 0 18rem !important; } }
  @media screen and (max-width: 767px) {
    #main_contents {
      padding: 4rem 0 8rem !important; } }

#main_contents .inner {
  position: relative;
  margin: 0 auto;
  padding-left: 0 !important;
  padding-right: 0 !important; }
  @media screen and (min-width: 768px) {
    #main_contents .inner {
      width: 127.5rem; } }
  @media screen and (max-width: 767px) {
    #main_contents .inner {
      width: 36rem; } }

/**/
#about_cont {
  position: relative;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    #about_cont {
      margin-top: 5rem; } }
  @media screen and (max-width: 767px) {
    #about_cont {
      margin-top: 3rem; } }

.read_ttl {
  position: relative;
  letter-spacing: 0.00em;
  color: #0C0C0C;
  font-weight: 400; }
  @media screen and (min-width: 768px) {
    .read_ttl {
      line-height: 1.534em;
      font-size: 30px;
      /*font-size: divceil($fs, 10, rem);*/ } }
  @media screen and (max-width: 767px) {
    .read_ttl {
      line-height: 1.385em;
      font-size: 2.6rem; } }

.read_txt {
  position: relative;
  letter-spacing: 0.00em;
  color: #0C0C0C;
  font-weight: 400; }
  @media screen and (min-width: 768px) {
    .read_txt {
      line-height: 2.25em;
      font-size: 16px;
      /*font-size: divceil($fs, 10, rem);*/ } }
  @media screen and (max-width: 767px) {
    .read_txt {
      line-height: 1.875em;
      font-size: 1.6rem;
      text-align: justify; } }

@media screen and (min-width: 768px) {
  #read .read_txt {
    padding: 3rem 0 6rem; } }
@media screen and (max-width: 767px) {
  #read .read_txt {
    padding: 3rem 0 4rem; } }

#read {
  position: relative;
  width: 100%; }

#read figure {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%; }
  @media screen and (min-width: 768px) {
    #read figure {
      height: 48rem; } }
  @media screen and (max-width: 767px) {
    #read figure {
      height: 26rem; } }

#bg_triangle {
  position: relative;
  background: #fff url("../../img/parts_triangle_1.svg") left top no-repeat; }
  @media screen and (min-width: 768px) {
    #bg_triangle {
      background-size: 76.6rem auto; } }
  @media screen and (max-width: 767px) {
    #bg_triangle {
      background-size: 33rem auto; } }

#Contents section hgroup {
  position: relative;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    #Contents section hgroup {
      gap: 1.5rem;
      padding-bottom: 6rem; } }
  @media screen and (max-width: 767px) {
    #Contents section hgroup {
      gap: 1rem;
      padding-bottom: 3rem; } }

#Contents section hgroup p {
  position: relative;
  letter-spacing: 0.00em;
  color: #FA000F;
  font-weight: 700; }
  @media screen and (min-width: 768px) {
    #Contents section hgroup p {
      line-height: 1em;
      font-size: 13px;
      /*font-size: divceil($fs, 10, rem);*/ } }
  @media screen and (max-width: 767px) {
    #Contents section hgroup p {
      line-height: 1em;
      font-size: 1.2rem; } }

#Contents section hgroup h2 {
  position: relative;
  display: inline-block;
  margin: 0 !important;
  padding-top: 0 !important;
  background: rgba(0, 0, 0, 0);
  font-weight: 700; }
  @media screen and (min-width: 768px) {
    #Contents section hgroup h2 {
      line-height: 1em;
      font-size: 20px;
      /*font-size: divceil($fs, 10, rem);*/ } }
  @media screen and (max-width: 767px) {
    #Contents section hgroup h2 {
      line-height: 1em;
      font-size: 1.8rem; } }

#core_values {
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    #core_values {
      padding: 9rem 0; } }
  @media screen and (max-width: 767px) {
    #core_values {
      padding: 6rem 0; } }

#core_values::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  background: #D9D9D9;
  height: 1px;
  transform: translateX(-50%); }
  @media screen and (min-width: 768px) {
    #core_values::after {
      width: 127.5rem; } }
  @media screen and (max-width: 767px) {
    #core_values::after {
      width: 36rem; } }

#core_set {
  position: relative;
  display: flex;
  padding: 0;
  margin: 0; }
  @media screen and (min-width: 768px) {
    #core_set {
      justify-content: space-between;
      gap: 4rem; } }
  @media screen and (max-width: 767px) {
    #core_set {
      flex-direction: column;
      gap: 2rem; } }

#core_set h3 {
  position: relative;
  display: inline-block;
  margin: 0 !important;
  padding-top: 0 !important;
  background: rgba(0, 0, 0, 0);
  white-space: nowrap;
  font-weight: 700; }
  @media screen and (min-width: 768px) {
    #core_set h3 {
      line-height: 1.25em;
      font-size: 40px;
      /*font-size: divceil($fs, 10, rem);*/
      padding-bottom: 2rem; } }
  @media screen and (max-width: 767px) {
    #core_set h3 {
      line-height: 1.4em;
      font-size: 3rem;
      padding-bottom: 1rem; } }

#core_set .read_txt {
  margin: 0; }
  @media screen and (min-width: 768px) {
    #core_set .read_txt {
      width: 84rem; } }

@media screen and (max-width: 767px) {
  #core_set .general_txt {
    line-height: 1.685em;
    font-size: 1.9rem; } }

#strengths {
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    #strengths {
      padding: 9rem 0 0; } }
  @media screen and (max-width: 767px) {
    #strengths {
      padding: 6rem 0 0; } }

#strengths h3 {
  position: relative;
  display: inline-block;
  margin: 0 !important;
  padding-top: 0 !important;
  background: rgba(0, 0, 0, 0);
  font-weight: 700; }
  @media screen and (min-width: 768px) {
    #strengths h3 {
      line-height: 1.5em;
      font-size: 20px;
      /*font-size: divceil($fs, 10, rem);*/
      padding-bottom: 2rem; } }
  @media screen and (max-width: 767px) {
    #strengths h3 {
      line-height: 1.5em;
      font-size: 2rem;
      padding-bottom: 1rem; } }

#Contents section .img_set {
  position: relative;
  padding: 0;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    #Contents section .img_set {
      gap: 5rem; } }
  @media screen and (max-width: 767px) {
    #Contents section .img_set {
      gap: 4rem; } }

#Contents section .img_set .set {
  position: relative;
  padding: 0;
  display: flex; }
  @media screen and (min-width: 768px) {
    #Contents section .img_set .set {
      justify-content: space-between;
      align-items: flex-start; } }
  @media screen and (max-width: 767px) {
    #Contents section .img_set .set {
      flex-direction: column;
      gap: 2rem; } }

#Contents section .img_set .set figure {
  position: relative;
  padding: 0 !important;
  margin: 0 !important; }
  @media screen and (min-width: 768px) {
    #Contents section .img_set .set figure {
      width: 40.8rem; } }
  @media screen and (max-width: 767px) {
    #Contents section .img_set .set figure {
      width: 100%; } }

#Contents section .img_set .set .box {
  position: relative; }
  @media screen and (min-width: 768px) {
    #Contents section .img_set .set .box {
      width: 84rem; } }
  @media screen and (max-width: 767px) {
    #Contents section .img_set .set .box {
      width: 100%; } }


#Contents section#read .set {
  position: relative;
  padding: 0;
  display: flex; }
  @media screen and (min-width: 768px) {
    #Contents section#read .set {
			flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
			align-items: flex-end; } }
  @media screen and (max-width: 767px) {
    #Contents section#read .set {
      flex-direction: column;
      gap: 2rem; } }

#Contents section#read .set .ImgOnlyStyle {
  position: relative;
  padding: 0 0 6rem !important;
  margin: 0 !important; }
  @media screen and (min-width: 768px) {
    #Contents section#read .set .ImgOnlyStyle {
      width: 40.8rem; } }
  @media screen and (max-width: 767px) {
    #Contents section#read .set .ImgOnlyStyle {
      width: 100%;
		  padding: 0 0 4rem !important; } }

#Contents section#read .set .box {
  position: relative; }
  @media screen and (min-width: 768px) {
    #Contents section#read .set .box {
      width: 84rem; } }
  @media screen and (max-width: 767px) {
    #Contents section#read .set .box {
      width: 100%; } }