@charset "UTF-8";
/* CSS Document */

/*-------------

main visual

-------------*/

.main_image .wrap{
  overflow: inherit;
  padding: 72px 0 0px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
}
.main_txt {
  z-index: 1;
}
.main_image h1 {
color: #06a9aa;
    font-size: 4.8rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 30px;
}
.main_image h2{
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.01em;
  margin-bottom: 40px;
}
.main_image h2 .f-catch{
  display: inline-block;
  margin-bottom: 24px;
}
.main_image h2 .font-24 {
  font-size: 2.4rem;
}
.main_image h2 .font-32-grd {
  font-size: 3.2rem;
  display: inline-block;
  background: linear-gradient(92.79deg, #25C4B1 36.3%, #C4D30F 102.19%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main_image .main_src {
    width: 44%;
    object-fit: contain;
    cursor: pointer;
    transition: .3s;
}
.main_image {
  margin-bottom: 204px;
}
.main_image img {
  z-index: 1;
}
/* ---------

fv cvボタン

------------*/
.main_image .cv_area {
  background: none;
  padding-bottom: 0px;
  position: relative;
  z-index: 1;
}
.main_image .cv_area .cv_wrap {
  margin-left: -579px;
  margin-top: -63px;
}
/* ---------

背景シェイプ deco

------------*/
.deco img {
  width: 100%;
  height: 7%;
  position: absolute;
  top: 1.9%;
  z-index: -1;
}
/*-------------

section_title

-------------*/
.section_title_wrap{
	text-align: center;
}
.section_title{
  font-size: 4rem;
  line-height: 1;
  font-weight: bold;
  display: inline-block;
	position: relative;
  margin-bottom:92px;
  letter-spacing: 0.1em;
}
.section_title::before {
	content: '';
  position: absolute;
  left: 50%;
  bottom: -20px; /*下線の上下位置調整*/
  display: inline-block;
  width: 96px; /*下線の幅*/
  height: 5px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #666666; /*下線の色*/
	background-image: linear-gradient(135deg, #25C3B1 10%, #C4D30F 100%);
}
.section_title span {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: normal;
  margin-bottom: 16px;
}
.section_title .big {
  font-size: 5.6rem;
  color: #1C9898;
  font-weight: bold;
}

/*-------------

anchor_wrap

-------------*/
.wrap-1148 {
  max-width: 1148px;
  margin-inline: auto;
  overflow: hidden;
}
.fuature_anchor_wrap {
  margin-bottom: 104px;
  z-index: 1;
}
.anchor {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  text-align: center;
  align-items: flex-end;
}
.anchor_f {
  margin-bottom: 56px;
}
.anchor_s {
  justify-content: space-evenly;
  width: 80%;
  margin: 0 auto;
}
.anchor_item a {
  display: block;
}
.anchor_item {
  z-index: 1
}
.anchor .anchor_item:last-child {
  border-right: none;
  padding-right: 0px;
} 
.anchor .anchor_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 1px dotted #B8B8B8;
  padding-right: 45px;
}
.anchor_s .anchor_item {
  padding-right: 48px;
}
.anchor_item_img {
  margin-bottom: 36px;
}
.anchor_item_ttl {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.anchor_item_ttl img {
  border-right: 1px solid #B8B8B8;
  padding-right: 10px;
  margin-right: 10px;
}
.anchor_item_ttl p {
  font-size: 2.4rem;
  font-weight: bold;
}
.anchor_item_txt {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.anchor_item_txt .fl_box {
  display: flex;
  width: 208px;
  height: 72px;
  background-color: #1C9898;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.anchor_item_txt img {
  margin-top: -12px;
}
/*-------------

fuature_sec

-------------*/
.fuature_sec {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.fuature_sec_container {
  position: relative;
}
.fuature_sec_container:nth-child(odd) {
  background-color: #F0F7F4;
}
.fuature_sec_container .num_img {
  position: absolute;
  top: 45px;

}
.fuature_content {
  display: flex;
  flex-direction: column;
  gap: 88px;
  padding: 120px 0 72px;
}
.fuature_content h3 {
  font-size: 3.8rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.08em;
  z-index: 1;
}
.fuature_content h3 span {
  background-color: #06A9AA;
  color: #ffffff;
  padding: 8px 12px;
  margin: 0 4px;
  display: inline-block;
}
.content_wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.fuature_sec_container:nth-child(even) .content_wrap {
}
.txt_wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 693px;
}
.txt_box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 1.8rem;
  line-height: 1.7;
}
.txt_box span {
  color: #1C9898;
  font-weight: bold;
}
.txt_box h4 {
  font-size: 2.4rem;
  text-align: left;
  font-weight: bold;
  text-box-trim: trim-both;
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.txt_box .txt_box_list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#fuature-4 .txt_wrap, #fuature-5 .txt_wrap {
  gap: 32px;
}
/*-------------

#fuature-6

-------------*/
#fuature-6 .fuature_content {
  gap: 64px;
}
#fuature-6 .content_wrap {
  flex-direction: column;
  gap: 48px;
}
#fuature-6 .txt_wrap {
  flex-direction: row;
  width: 1147px;
  justify-content: space-around;
}
.txt_f6_l {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.txt_f6_r {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#fuature-6 .fl_box {
  width: 1147px;
  padding: 0 40px;
  flex-direction: column;
  gap: 32px;
}
#fuature-6 .support_flow_wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#fuature-6 .support_flow ul {
  list-style: none;
  width: 1067px;
}
#fuature-6 .support_flow_wrap li {
  width: 334px;
}
#fuature-6 .support_flow_wrap li p {
  text-indent: -1em;
  padding-left: 1em;
  font-feature-settings: "palt";
  letter-spacing: .05rem;
}
.p-arrow-label {
  margin-bottom: 24px;
}
.c-arrow-label {
  width: 100%;
  max-width: 1067px;
  display: flex;
  align-items: center;
}
.c-arrow-label__item {
  width: calc( 100% / 3 );
  position: relative;
  background-color: #1C9898;
  color: #fff;
  font-size: 18px;
  display: flex;
  justify-content: left;
  align-items: center;
  font-weight: bold;
  height: 50px;
  padding-left: 32px;
  &:not(:first-child) {
    &::after {
      content: '';
      position: absolute;
      top: 0;
      left: -5px;
      border-top: solid 25px #1C9898;
      border-bottom: solid 25px #1C9898;
      border-left: solid 20px  transparent;
    }
    &::before {
      content: '';
      position: absolute;
      top: 0;
      left: -10px;
      border-top: solid 25px #fff;
      border-bottom: solid 25px #fff;
      border-left: solid 20px  transparent;
      border-right: solid 5px #fff;
    }
  }
}
#fuature-6 .folw_content figure img {
  width: 100%;
}
#fuature-6 .folw_content {
  background-color: #fff;
  border: 2px solid #1C9898;
  border-radius: 8px;
  height: 100%;
  box-shadow: 4px 4px 0px #1C9898;
  padding: 16px 16px 24px 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
}
#fuature-6 .support_txt_wrap {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 24px;
}
#fuature-6 .support_ttl {
  font-weight: bold;
  color: #1C9898;
}
#fuature-6 .support_txt_box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
/*-------------

#fuature-7

-------------*/
#fuature-7 .content_wrap {
  flex-direction: column;
  gap: 64px;
}
#fuature-7 .txt_wrap {
  gap: 0;
  width: 1148px;
}

#fuature-7 .txt_box {
  background-color: white;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  gap: 16px;
}
#fuature-7 .txt_box p {
  font-feature-settings: "palt";
  letter-spacing: .05rem;
}
.txt_box li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.6;
  text-box-trim: trim-both;
}
#fuature-7 .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 1rem;
}
#fuature-7 .txt_box h4 {
  font-size: 2.2rem;
  font-weight: bold;
  padding: 0;
  text-box-trim: none;
  text-indent: 0;
}
#fuature-7 .security_certification {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 55%;
}
#fuature-7 .security_content {
  text-align: center;
}
#fuature-7 .security_content p {
  margin-bottom: 8px;
}
/*-------------

etc_link

-------------*/
.fuature .site-link {
  background: #ffffff;
}
.fuature_closing .closing_cv {
  padding-bottom: 80px;
  background: #ffffff;
}


/*-------------

modal

-------------*/
/*-------------
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
  background-color: rgba(0,0,0,.8);
  cursor: pointer;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 90%;
  max-width: 1000px;
  padding: 10px;
  background-color: #fff;
  z-index: 2;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
-------------*/