@charset "Shift_JIS";

/*======================================================================================================================
========================================================================================================================

about.css

????�e??????i?????A?N?V?��?�g?????y?[?W???p?X?^?C??

========================================================================================================================
======================================================================================================================*/

/* ???{?{?�h???????T?|?[?g�e??��???X?g?w�f?
-------------------------------------------------------------------------------------------------------- */

.list_hquarters {
  margin: 0px;
  padding: 0px;
}

.list_hquarters .num01,
.list_hquarters .num02,
.list_hquarters .num03,
.list_hquarters .num04,
.list_hquarters .num05,
.list_hquarters .num06 {
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 35px;
  color: #dc3e39;
  font-size: 116%;
  font-weight: bold;
}
.list_hquarters .num01 {
  background: url(../about/img/system_support_icon_1.gif) left center no-repeat;
}
.list_hquarters .num02 {
  background: url(../about/img/system_support_icon_2.gif) left center no-repeat;
}
.list_hquarters .num03 {
  background: url(../about/img/system_support_icon_3.gif) left center no-repeat;
}
.list_hquarters .num04 {
  background: url(../about/img/system_support_icon_4.gif) left center no-repeat;
}
.list_hquarters .num05 {
  background: url(../about/img/system_support_icon_5.gif) left center no-repeat;
}
.list_hquarters .num06 {
  background: url(../about/img/system_support_icon_6.gif) left center no-repeat;
}

.list_hquarters dd {
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 35px;
}

/* ?A?h?o?C?U???[?{?[?h?@?{?b?N?X?w�f?
-------------------------------------------------------------------------------------------------------- */

.box_advisory {
  border: 1px solid #dddddd;
  padding: 1px;
  background: #ffffff;
}
.box_advisory .inner {
  padding: 5px;
  background: #eeeeee;
}

/* ?d�g_�gI??????�eg???�~??��?�e????X?g?w�f?
-------------------------------------------------------------------------------------------------------- */

/*.list_lawnum ul {
	margin:      0px 0px 0px 0px;
	padding:     0px 0px 0px 0px;
}*/

.list_lawnum li {
  list-style: none;
  margin: 0px 0px 5px 0px;
  padding: 5px 0px 5px 35px;
  color: #333333;
  font-size: 116%;
  font-weight: bold;
}
.list_lawnum .num01 {
  background: url(../about/img/law_icon01.gif) left center no-repeat;
}
.list_lawnum .num02 {
  background: url(../about/img/law_icon02.gif) left center no-repeat;
}
.list_lawnum .num03 {
  background: url(../about/img/law_icon03.gif) left center no-repeat;
}

/* ??�g??T?v?@????3?J?��???w�f?
-------------------------------------------------------------------------------------------------------- */

.w193 {
  width: 193px;
}
.w194 {
  width: 194px;
}
.w397 {
  width: 397px;
}

/* ???p?K???@?[???t???[???w�f?
-------------------------------------------------------------------------------------------------------- */

/*.box_terms {
	padding:       0px 25px;
}*/
.box_terms .body {
  height: 300px;
  border-top: 1px solid #959283;
  border-left: 1px solid #959283;
  border-right: 1px solid #e4dec6;
  border-bottom: 1px solid #e4dec6;
}

.terms_frame {
  width: 600px;
  height: 300px;
  overflow: auto;
}
.terms_frame .inner {
  padding: 10px 10px 10px 10px;
  background: #eeeeee;
}

/*�h?��?�e?��?�f??L*/
.box_middlegray_bg {
  background: unset;
}

.is-flex {
  display: flex;
  flex-direction: row;
}

.is-flex img {
  width: calc((100% - 20px) / 2);
}

.is-flex img:first-of-type {
  margin-right: 8px;
}
.is-flex img:not(:first-of-type) {
  margin-left: 8px;
}

/* �t�B���\�t�B�[�y�[�W�i2023.6�lj��j
-------------------------------------------------------------------------------------------------------- */
#contents.philosophy {
  max-width: 725px;
  margin: 0 auto;
}

#main.philosophy {
  width: 100%;
  font-family: '���S�V�b�N��', '���S�V�b�N', 'Yu Gothic', YuGothic,
    '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', '���C���I',
    Meiryo, '�l�r �o�S�V�b�N', 'MS PGothic', sans-serif;
}

.firstview {
  margin-top: -10px;
  width: 100vw;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  background-image: url(../about/img/philosophy/philosophy_bg_lv.png);
  background-position: top;
  background-size: auto;
  background-repeat: repeat-x;
}

.firstview__inner {
  max-width: 1000px;
  margin: 0 auto;
}

.philosophy-title01 {
  margin-bottom: 8px;
  font-size: 91.666%;
}

.philosophy-title02 {
  margin-bottom: 8px;
  font-weight: bold;
  font-family: '��������', 'Yu Mincho', YuMincho, serif;
  font-size: 150%; /* 18px */
  line-height: 1.7;
}

.philosophy-text01 {
  font-size: 183.333%; /* 22px */
  font-weight: bold;
  line-height: 1.7;
}

.philosophy-text02 {
  padding-left: 1em;
  font-family: '��������', 'Yu Mincho', YuMincho, serif;
  font-size: 150%; /* 18px */
  line-height: 1.7;
}

.philosophy-text03 {
  font-size: 108.333333%; /* 13px */
  line-height: 1.7;
}

.philosophy-text03--right {
  text-align: right;
  font-size: 108.333333%; /* 13px */
}

.philosophy-text04 {
  font-size: 108.333333%; /* 13px */
  line-height: 1.7;
}

.philosophy-text04--right {
  text-align: right;
}

.philosophy-dl01 {
  display: flex;
  align-items: flex-start;
  justify-content: start;
  font-size: 83.333333%; /* 10px */
  line-height: 1.7;
}

.philosophy-dl01 > dt {
  position: relative;
  top: -2px;
}

.philosophy-sub {
  width: auto !important;
  float: none !important;
}

.philosophy-sub01 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
}

.philosophy-sub01 li {
  width: calc(100% / 3);
}

.philosophy-sub01 li.is-ws {
  max-width: 150px;
}

.btn.is-registration.is-phirosophy {
  max-width: 300px;
  background: linear-gradient(
    180deg,
    #6cbb5a 0%,
    #6cbb5a 50%,
    #58a347 50%,
    #58a347 100%
  );
}

.philosophy-text-bold {
  font-weight: bold;
}

/* ����΍����i��{�v��
-------------------------------------------------------------------------------------------------------- */
.law-text01 {
  word-break: break-all;
}

/* ���S�}�[�N�_�E�����[�h
-------------------------------------------------------------------------------------------------------- */
ul.is-circle > li {
  position: relative;
  padding-left: 1em;
}

ul.is-circle > li:not(:last-child) {
  margin-bottom: 10px;
}

ul.is-circle > li::before {
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #fd9b1c;
  top: 9px;
  left: 0;
  line-height: 1.8;
  font-size: 110%;
}

.is-2column {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

.is-2column > div {
  width: calc(50% - 16px);
}