@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*=======================================
　ページ内共通
=======================================*/
header {
  border-bottom: 1px solid rgba(22, 32, 44, 0.12);
}

h2 {
  color: #2A65A9;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.9;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  h2 {
    font-size: 20px;
  }
}

/*=======================================
　profile
=======================================*/
@media screen and (max-width: 768px) {
  .profile {
    padding-top: 0 !important;
  }
}

.breadcrumbs {
  margin: 0 auto;
  padding-top: 28px;
  margin-bottom: 124px;
  max-width: 81.25%;
}
@media screen and (max-width: 768px) {
  .breadcrumbs {
    display: none;
  }
}
.breadcrumbs .inner {
  margin: 0;
}
.breadcrumbs .inner ol li a {
  color: #2A65A9;
}

.service_ttl {
  margin: 0 auto 127.5px;
}
@media screen and (max-width: 768px) {
  .service_ttl {
    margin-bottom: 36px;
  }
}
.service_ttl h1 {
  margin-bottom: 5px;
  color: #2A65A9;
  text-align: center;
  font-size: 45px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.9;
}
@media screen and (max-width: 768px) {
  .service_ttl h1 {
    font-size: 28px;
    line-height: 34.8px;
    margin-bottom: 3px;
  }
}
.service_ttl p {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #707070;
  letter-spacing: 0.08em;
  line-height: 33px;
  -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
          transform: translateY(-15px);
}
@media screen and (max-width: 768px) {
  .service_ttl p {
    font-size: 12px;
    line-height: 21px;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
  }
}

.philosophy_sec {
  width: 100vw;
  margin-bottom: 149px;
  background-image: -webkit-gradient(linear, left top, right top, from(#2A65A9), to(#69A9F0));
  background-image: linear-gradient(to right, #2A65A9, #69A9F0);
  border-radius: 10px;
  position: relative;
}
.philosophy_sec .BG_txt {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .philosophy_sec {
    margin-bottom: 74.5px;
  }
}
.philosophy_sec .txt_area {
  padding-top: 5%;
  margin-bottom: 3.6%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .philosophy_sec .txt_area {
    padding-top: 32px;
    margin-bottom: 30px;
  }
}
.philosophy_sec .txt_area .philosophy_ttl {
  color: #fff;
  margin-bottom: 1.8%;
}
@media screen and (max-width: 768px) {
  .philosophy_sec .txt_area .philosophy_ttl {
    margin-bottom: 23px;
  }
}
.philosophy_sec .txt_area .philosophy_txt {
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .philosophy_sec .txt_area .philosophy_txt {
    width: 90%;
    font-size: 16px;
    line-height: 1.75;
    margin: 0 auto;
  }
}
.philosophy_sec .txt_area .philosophy_txt .br_768 {
  display: none;
}
@media screen and (max-width: 768px) {
  .philosophy_sec .txt_area .philosophy_txt .br_768 {
    display: block;
  }
}
.philosophy_sec .philosophy_img_group {
  width: 90%;
  max-width: 1300px;
  padding-bottom: 10.5%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .philosophy_sec .philosophy_img_group {
    width: 89.3%;
    padding-bottom: 61px;
  }
}
.philosophy_sec .philosophy_img_group .philosophy_img {
  width: 100%;
  margin: 0 auto;
}

.guidelines_sec {
  margin-bottom: 8.2025%;
}
@media screen and (max-width: 768px) {
  .guidelines_sec {
    margin-bottom: 74.5px;
  }
}
.guidelines_sec .gl_box {
  position: relative;
  overflow: hidden;
  width: 90%;
  max-width: 1300px;
  background: #F2F9FC;
  border-radius: 10px;
  margin: 0 auto;
  padding: 4.1375% 8.3125% 4.6875% 8.3125%;
}
@media screen and (max-width: 945px) {
  .guidelines_sec .gl_box {
    background-size: cover;
    padding-top: 32px;
    padding-bottom: 38px;
  }
}
.guidelines_sec .gl_box:before {
  content: "";
  width: 742.7029084px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: calc(43.3% - (1300px - 100%) * 0.1);
  background: right/contain url("../img/profile/photo02.png") no-repeat;
}
@media screen and (max-width: 768px) {
  .guidelines_sec .gl_box:before {
    width: 85%;
    left: 36vw;
    background-position: right bottom;
  }
}
.guidelines_sec .gl_box .txt_area .gl_ttl {
  margin-bottom: 3.425%;
}
@media screen and (max-width: 768px) {
  .guidelines_sec .gl_box .txt_area .gl_ttl {
    margin-bottom: 26px;
  }
}
.guidelines_sec .gl_box .txt_area .gl_detail {
  margin-bottom: 3.625%;
}
@media screen and (max-width: 768px) {
  .guidelines_sec .gl_box .txt_area .gl_detail {
    margin-bottom: 9.425%;
  }
}
.guidelines_sec .gl_box .txt_area .gl_detail .gl_list {
  margin-bottom: 1.25%;
  margin-left: 18px;
  position: relative;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4444;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .guidelines_sec .gl_box .txt_area .gl_detail .gl_list {
    font-size: 16px;
    margin-bottom: 5%;
  }
}
.guidelines_sec .gl_box .txt_area .gl_detail .gl_list:last-of-type {
  margin-bottom: 0;
}
.guidelines_sec .gl_box .txt_area .gl_detail .gl_list::before {
  content: "";
  display: block;
  position: relative;
  width: 7px;
  height: 7px;
  background: #2A65A9;
  border-radius: 100%;
  top: 18px;
  left: -18px;
}
.guidelines_sec .gl_box .txt_area p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.875;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .guidelines_sec .gl_box .txt_area p {
    font-size: 12px;
    line-height: 1.6;
  }
}

.com_info_sec .com_info_group {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
}
.com_info_sec .com_info_group .com_info_ttl {
  margin-bottom: 3.95%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .com_info_sec .com_info_group .com_info_ttl {
    margin-bottom: 9.425%;
  }
}
.com_info_sec .com_info_group .info_table {
  width: 100%;
  height: 100%;
  margin-bottom: 42px;
}
.com_info_sec .com_info_group .info_table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 23px;
  height: 100%;
  width: 100%;
}
.com_info_sec .com_info_group .info_table tr:last-of-type {
  margin-bottom: 0;
}
.com_info_sec .com_info_group .info_table tr th {
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 25%;
  max-width: 121px;
  height: auto;
  text-align: center;
  color: #2A65A9;
  padding-bottom: 20px;
  border-bottom: 1px solid #2A65A9;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.875;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .com_info_sec .com_info_group .info_table tr th {
    font-size: 14px;
    width: 20%;
    text-align: center;
  }
}
.com_info_sec .com_info_group .info_table tr th .th_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.com_info_sec .com_info_group .info_table tr td {
  display: block;
  width: 100%;
  padding-left: 9.5%;
  padding-bottom: 20px;
  border-bottom: 1px solid #B4B4B4;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.875;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .com_info_sec .com_info_group .info_table tr td {
    font-size: 14px;
    width: 80%;
  }
}
.com_info_sec .com_info_group a {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.08em;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: block;
  border-bottom: 1px solid #000;
  margin: 0 auto;
  -webkit-transition: color 0.4s ease, border-color 0.4s ease;
  transition: color 0.4s ease, border-color 0.4s ease;
}
@media screen and (max-width: 768px) {
  .com_info_sec .com_info_group a {
    font-size: 14px;
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .com_info_sec .com_info_group a:hover {
    color: #2A65A9;
    border-bottom-color: #2A65A9;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .com_info_sec .com_info_group a:hover {
    color: #2A65A9;
    border-bottom-color: #2A65A9;
  }
}/*# sourceMappingURL=profile.css.map */