@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;900&family=Noto+Sans+JP:wght@400;700;900&display=swap');

img {
  max-width: 100%;
}

/* 個人のお客様TOP */
  .private__grid {
    display: grid;
    grid-template: 1fr 1fr / repeat(3, 1fr);
    grid-column-gap: 10px;
    margin-bottom: 20px;
  }
  .private__grid--item01 {
    grid-row: 1/3;
    grid-column: 1/3;
  }
  .private__grid--item03 {
    align-self: end;
  }
  .privateContainer {
    display: flex;
    flex-direction: column-reverse;
  }
  .private .bestReason_squareArea {
    margin-bottom: 40px;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    
  }
  @media screen and (min-width: 1025px) {
    .private__grid {
      grid-column-gap: 0;
      max-width: 1042px;
      margin: 0 auto 40px;
    }
    .privateContainer {
      flex-direction: column;
    }
    .privateContainer .c-btn--more {
      display: none;
    }
    .private__grid--item02,.private__grid--item03 {
      justify-self: end;
    }
    .private .contactArea {
      padding-top: 20px;
      margin-bottom: 30px;
    }
  }

/* 個人のお客様 詳細ページ */
  .titleArea {
    position: relative;
  }
  .titleArea__img {
    width: 50%;
    padding: 10px 0 0;
    margin: 0 auto;
  }
  .private__menu {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    margin-bottom: 15px;
  }
  .private__menu li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 700;
    height: 23px;
    margin-bottom: 7px;
    transform: rotateZ(0.03deg);
  }
  .student-aloneContainer .private__menu li {
    background: #CCE198;
  }
  .private__menuImg {
    text-align: center;
    margin-bottom: 20px;
  }
  .private-detail .c-title__text {
    text-align: left;
  }
  .courseMenu {
    border-top: 1px solid #231815;
    margin-bottom: 30px;
  }
  .courseMenu li {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-bottom: 1px solid #231815;
    padding: 7px;
  }
  .student-aloneContainer .courseMenu li:nth-child(2) {
    background: #E7F1CF;
  }
  .courseMenu__icon {
    grid-area : 1/2/2/3;
    justify-self: end;
    align-self: center;
    margin-right: 10px;
  }
  .courseMenu__titleArea {
    grid-area : 1/3/2/5;
    align-self: end;
    color: #6A940F;
    font-weight: bold;
  }
  .courseMenu__titleArea--fs {
    padding-left: 6px;
  }
  .courseMenu__title {
    background: #6A940F;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    padding: 2px 8px;
  }
  .courseMenu__text {
    grid-area : 2/1/3/6;
    align-self: center;
    font-size: 13px;
    padding-top: 10px;
  }
  .courseMenu__osusume {
    background: #E4007F;
    border-radius: 8px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 5px;
  }
  .courseImage {
    margin-bottom: 25px;
  }
  .comparison {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
  }
  .comparison__detail {
    font-size: 14px;
    text-align: center;
    padding-bottom: 15px;
  }
  .comparison__detail span {
    color: #005CA2;
  }
  .comparisonTable th {
    font-weight: bold;
  }
  .comparisonTable__star img {
    display: block;
    margin: 0 auto;
  }
  .comparisonList__courseMenu {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-bottom: 10px;
  }
  .comparisonList__table {
    border-collapse: collapse;
    font-size: 13px;
    width: 100%;
    margin-bottom: 20px;
  }
  .comparisonList__table th {
    background: #6A940F;
    border-top: 1px solid #231815;
    border-right: 1px solid #231815;
    border-bottom: 1px solid #231815;
    color: #fff;
    text-align: center;
    width: 25%;
    padding: 5px 0;
  }
  .comparisonList__table td {
    border-right: 1px solid #231815;
    border-bottom: 1px solid #231815;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
  }
  .comparisonList__table tr th:first-child,
  .comparisonList__table tr td:first-child {
    border-left: 1px solid #231815;
  }
  .comparisonList__table td img {
    width: 20px;
  }
  .comparisonList__table.osusumeCourse td {
    background: #E7F1CF;
    height: 88px;
    padding: 5px;
  }
  .comparisonList__table.osusumeCourse tr th:first-child,
  .comparisonList__table.osusumeCourse tr td:first-child {
    border-left: none;
  }
  .comparisonList__table.osusumeCourse tr th:last-child,
  .comparisonList__table.osusumeCourse tr td:last-child {
    border-right: none;
  }
  .comparisonList__table td.comparison__fukidashi-td {
    vertical-align: top;
  }
  .comparison__fukidashi {
    background: #EB6EA5;
    border: 1px solid #FFFFFF;
    border-radius: 7px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
    max-width: 100px;
    padding: 5px 3px;
    margin-top: 5px;
    position: relative;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
  .comparison__fukidashi::after,
  .comparison__fukidashi::before {        
    content: '';
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
  }
  .comparison__fukidashi::after{
    border-color: rgba(235, 110, 165, 0);
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 6px;
    border-right-width: 6px;
    margin-left: -6px;
    margin-bottom: -1px;
    border-bottom-color: #EB6EA5;
  }
  .comparison__fukidashi::before{
    border-color: rgba(255, 255, 255, 0);
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 6px;
    border-right-width: 6px;
    margin-left: -6px;
    margin-bottom: 1px;
    border-bottom-color: #fff;
  }
  .stepArea {
    margin-bottom: 30px;
  }
  .stepArea__list {
    background: #F1F5E8;
    width: 100vw;
    margin: 0 calc(50% - 50vw) 34px;
  }
  .stepArea__list:last-child .stepArea__container::after {
    content: none;
  }
  .stepArea__list:last-child {
    margin-bottom: 25px;
  }
  .stepArea__container {
    display: flex;
    flex-direction: column;
    width: calc(100% - 40px);
    padding: 15px 0;
    margin: 0 auto;
    position: relative;
  }
  .stepArea__container::after {
    content: '';
    background-image: url(../images/arrow_pink.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
  }
  .stepArea__titleImg {
    display: flex;
    width: 90%;
    margin: 0 auto 5px;
  }
  .stepArea__chara {
    flex: 0 1 20%;
    margin-right: 10px;
  }
  .stepArea__title {
    flex: 0 1 50%;
    color: #6A940F;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
  }
  .stepArea__title span {
    display: block;
    font-size: 19px;
    padding-top: 5px;
  }
  .stepArea__text {
    font-size: 13px;
  }
  .stepArea__image {
    flex: 0 1 30%;
    margin-left: auto;
  }
  .stepArea__menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 5px;
    padding-top: 15px;
  }
  .stepArea__menu.pc-only {
    display: none;
  }
  .stepArea__menu--opacity img {
    opacity: 0.3;
  }
  .stepArea .optionList {
    grid-gap: 5px 5px;
    padding-top: 15px;
    margin-bottom: 0;
  }
  .private-detail .bestReason_squareArea {
    margin-bottom: 40px;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .private__menu {
      flex-direction: row;
      justify-content: space-between;
      font-size: 19px;
      width: 708px;
      margin: 0 auto 20px;
    }
    .private__menu li {
      border-radius: 10px;
      width: 226px;
      height: 45px;
      margin-bottom: 0;
    }
    .private-detail .c-title__text {
      text-align: center;
    }
    .courseImage {
      margin-bottom: 50px;
    }
    .courseMenu__icon {
      margin-right: 15px;
    }
    .courseMenu__titleArea {
      font-size: 19px;
    }
    .courseMenu__title {
      font-size: 24px;
    }
    .comparisonList__table td img {
      width: 30px;
    }
    .stepArea__container {
      width: 550px;
      margin: 0 auto;
    }
    .stepArea__menu {
      width: 550px;
      margin: 0 auto;
    }
    .stepArea .optionList {
      grid-gap: 15px 15px;
      padding-top: 20px;
      margin-bottom: 0;
    }
  }
  @media screen and (min-width: 1025px) {
    .private-detail .titleImg {
      margin-bottom: 35px;
    }
    .titleArea {
      width: 1042px;
      padding-left: 220px;
      margin: 0 auto;
      position: relative;
    }
    .titleArea .pageTitle,
    .titleArea .pageTitle__detail {
      text-align: left;
      position: relative;
      z-index: 2;
    }
    .titleArea .title--ribon {
      background-position: left center;
      text-align: center;
      width: 281px;
      position: relative;
      z-index: 2;
    }
    .titleArea__img {
      width: 358px;
      padding: 0;
      position: absolute;
      top: -15px;
      left: -80px;
      z-index: 0;
    }
    .private__menu {
      flex-direction: row;
      justify-content: space-between;
      font-size: 19px;
      width: 708px;
      margin: 0 auto 20px;
    }
    .private__menu li {
      border-radius: 10px;
      width: 226px;
      height: 45px;
      margin-bottom: 0;
    }
    .private__menuImg {
      margin-bottom: 35px;
    }
    .student-aloneContainer {
      max-width: 1042px;
      margin: 0 auto;
    }
    .private-detail .c-title__text {
      text-align: center;
    }
    .courseMenu {
      margin-bottom: 60px;
    }
    .courseMenu li {
      grid-template-columns: 120px 260px auto;
      padding: 15px;
    }
    .courseMenu__icon {
      grid-area: 1/1/2/2;
      margin-right: 20px;
    }
    .courseMenu__titleArea {
      grid-area: 1/2/2/3;
      align-self: center;
      font-size: 24px;
    }
    .courseMenu__title {
      border-radius: 10px;
      font-size: 31px;
      line-height: 1;
      width: 240px;
      padding: 8px 10px 10px;
    }
    .courseMenu__text {
      grid-area: 1/3/2/6;
      font-size: 19px;
      padding-top: 0;
    }
    .courseMenu__osusume {
      font-size: 17px;
      width: 90px;
    }
    .courseImage {
      margin-bottom: 50px;
    }
    .comparison {
      flex-direction: column-reverse;
      margin-bottom: 30px;
    }
    .comparison__detail {
      font-size: 19px;
      text-align: left;
    }
    .comparisonTable {
      border-collapse: collapse;
      font-size: 19px;
      width: 100%;
      padding-top: 15px;
      margin-bottom: 10px;
    }
    .comparisonTable thead {
      background: #6A940F;
      color: #fff;
      text-align: center;
    }
    .comparisonTable thead th {
      border-top: 1px solid #231815;
      border-left: 1px solid #231815;
      white-space: nowrap;
      padding: 10px 17px;
    }
    .comparisonTable thead th:first-child { 
      border-left: none;
    }
    .comparisonTable tbody tr {
      border-bottom: 1px solid #231815;
    }
    .comparisonTable tbody tr:nth-child(2) {
      background: #E7F1CF;
    }    
    .comparisonTable tbody th {
      display: flex;
      align-items: center;
      min-width: 387px;
      height: 122px;
      padding: 10px 13px;
    }
    .comparisonTable tbody td {
      position: relative;
      vertical-align: middle;
      border-bottom: 1px solid #231815;
      border-left: 1px solid #231815;
      text-align: center;
    }
    .comparisonTable__best {
      display: flex;
      flex-direction: column;
      margin-right: 35px;
    }
    .comparisonTable__title {
      color: #6A940F;
      font-size: 24px;
      line-height: 1.2;
    }
    .comparisonTable__title span {
      display: block;
      font-size: 31px;
    }
    .comparison__fukidashi {
      border: 2px solid #FFFFFF;
      border-radius: 10px;
      font-size: 14px;
      min-width: 100px;
      padding: 5px;
      margin-top: 0;
      position: absolute;
      top: -20px;
      left: 50%;
      transform: translateX(-50%);
    }
    .comparison__fukidashi::after,
    .comparison__fukidashi::before {
      position: absolute;
      top: 100%;
      left: 50%;
    }
    .comparison__fukidashi::after{
      border-color: rgba(235, 110, 165, 0);
      border-top-width: 18px;
      border-bottom-width: 18px;
      border-left-width: 8px;
      border-right-width: 8px;
      margin-left: -8px;
      border-top-color: #EB6EA5;
    }
    .comparison__fukidashi::before{
      border-color: rgba(255, 255, 255, 0);
      border-top-width: 20px;
      border-bottom-width: 20px;
      border-left-width: 10px;
      border-right-width: 10px;
      margin-left: -10px;
      margin-top: 2px;
      border-top-color: #fff;
    }
    .stepArea__list {
      width: 100vw;
      margin: 0 calc(50% - 50vw) 50px;
    }
    .stepArea__list:last-child {
      margin-bottom: 50px;
    }
    .stepArea__container {
      flex-direction: row;
      width: 1042px;
      padding: 20px 0;
      margin: 0 auto;
    }
    .stepArea__container::after {
      width: 29px;
      height: 26px;
      bottom: -38px;
    }
    .stepArea__titleImg {
      width: 480px;
      margin-right: 15px;
      margin-bottom: 0;
    }
    .stepArea__chara {
      margin-right: 20px;
    }
    .stepArea__title {
      color: #6A940F;
      font-size: 24px;
    }
    .stepArea__title span {
      font-size: 31px;
    }
    .stepArea__text {
      font-size: 19px;
    }
    .stepArea__contents {
      flex-wrap: nowrap;
      justify-content: unset;
      font-size: 19px;
      width: calc(100% - 480px);
    }
    .stepArea__menu {
      grid-column-gap: 7px;
      padding-top: 20px;
    }
    .stepArea__menu.sp-only {
      display: none;
    }
    .stepArea__menu.pc-only {
      display: grid;
    }
    .stepArea__option {
      height: 167px;
      position: relative;
    }
    .stepArea .optionList {
      grid-gap: 5px;
      width: 703px;
      position: absolute;
      top: 0;
      right: 0;
    }
    .stepArea .optionList li {
      grid-template: auto auto / 1fr;
      width: 100%;
      padding: 10px;
    }
    .stepArea .optionList__title {
      font-size: 13px;
      white-space: nowrap;
    }
    .stepArea .optionList__image {
      padding: 5px 0 0;
    }
    .private-detail .contactArea {
      padding-top: 20px;
      margin-bottom: 30px;
    }
  }

/* 個人のお客様 詳細ページ ファミリー */
  .familyContainer .private__menu li {
    background: #F19EC2;
  }
  .familyContainer .courseMenu__titleArea {
    color: #B93E79;  
  }
  .familyContainer .courseMenu__title {
    background: #B57693;
  }
  .familyContainer .courseMenu li:nth-child(2) {
    background: #F9D3E3;
  }
  .familyContainer .comparisonList__table th {
    background: #DC669B;
  }
  .familyContainer .comparisonList__table.osusumeCourse td {
    background: #F9D3E3;
  }
  .familyContainer .optionList li {
    background: #DC669B;
  }
  .familyContainer .stepArea__title {
    color: #B03A73;
  }
  .familyContainer .stepArea__list {
    background: #F8EDF2;
  }
  .familyContainer .stepArea__contact {
    display: flex;
    justify-content: center;
    background: #fff;
    border: 2px solid #005CA2;
    border-radius: 10px;
    font-weight: bold;
    line-height: 1;
    max-width: 360px;
    padding: 7px;
    margin: 15px auto 0;
    position: relative;
    transition: all 0.5s 0s ease;
  }
  .familyContainer .stepArea__contact--link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .familyContainer .stepArea__contactImg {
    width: 22%;
    padding-right: 5px;
  }
  .familyContainer .stepArea__contactText {
    font-size: 15px;
    text-align: center;
    padding-bottom: 5px;
  }
  .familyContainer .stepArea__contact--bg {
    background: #E60012;
    border-radius: 7px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 5px;
  }
  .familyContainer .stepArea__contactTitle {
    color: #005CA2;
    font-size: 23px;
    padding-bottom: 5px;
  }
  .stepArea__freeDialContainer {
    max-width: 330px;
    padding: 0 10px;
    margin: 0 auto 5px;
  }
  .stepArea__freeDial {
    text-align: center;
    line-height: 1;
    padding-top: 20px;
    margin-bottom: 10px;
  }
  .stepArea__freeDial--title {
    font-size: 23px;
    font-weight: bold;
  }
  .stepArea__freeDial--tel a {
    display: block;
    color: #005CA2;
    font-size: 46px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .stepArea__freeDial--reception {
    background: #EB6EA5;
    border-radius: 7px;
    color: #fff;
    font-size: 15px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    transform: rotateZ(0.03deg);
    padding: 5px;
  }
  .stepArea__freeDialBtnArea {
    position: relative;
    z-index: 1;
  }
  .stepArea__freeDial--btn a {
    display: block;
    background: #005CA2;
    border-radius: 7px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    width: 92%;
    padding: 5px;
  }
  .stepArea__freeDial--btn a:hover {
    background: #8AA3CE;
    opacity: 1;
    transition: all 0.5s;
  }
  .stepArea__freeDial--chara {
    width: 35px;
    position: absolute;
    top: -2px;
    right: 2px;
    z-index: -1;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .familyContainer .stepArea__contact {
      width: 450px;
      margin: 15px auto 0;
    }
    .familyContainer .stepArea__contactImg {
      margin-right: 10px;
    }
    .familyContainer .stepArea__contactTextArea {
      width: calc(100% - 95px); 
    }
   .stepArea__freeDial--btn a {
      width: 93%;
    }  
  }
  @media screen and (min-width: 1025px) {
    .familyContainer .comparisonTable thead {
      background: #DC669B;
    }
    .familyContainer .comparisonTable__title {
      color: #B03A73;
    }
    .familyContainer .comparisonTable tbody tr:nth-child(2) {
      background: #F9D3E3;
    }
    .familyContainer .stepArea__container {
      position: relative;
    }
    .familyContainer .stepArea__contact {
      justify-content: flex-start;
      width: 450px;
      max-width: 450px;
      padding: 10px;
      position: absolute;
      top: 180px;
      left: 15px;
    }
    .familyContainer .stepArea__contact:hover {
      opacity: 0.5;
    }
    .familyContainer .stepArea__contactImg {
      margin-right: 10px;
    }
    .familyContainer .stepArea__contactTextArea {
      width: calc(100% - 95px); 
    }
    .familyContainer .stepArea__contactText {
      font-size: 21px;
    }
    .stepArea__contact--bg {
      font-size: 21px;
    }
    .stepArea__contact--detail {
      font-size: 22px;
    }
    .stepArea__freeDialContainer {
      padding: 0;
      max-width: 100%;
      margin: 0 0 10px;
    }
    .stepArea__freeDial {
      width: 330px;
      margin-bottom: 15px;
    }
    .stepArea__freeDial--title {
      font-size: 24px;
    }
    .stepArea__freeDial--tel a {
      white-space: nowrap;
      font-size: 50px;
    }
    .stepArea__freeDial--reception {
      font-size: 17px;
    }
    .stepArea__freeDial--btn a {
      font-size: 32px;
      width: 512px;
      padding: 13px;
    }
    .stepArea__freeDial--chara {
      width: auto;
      top: -4px;
      right: -5px;
    }
  }
/* 個人のお客様 詳細ページ ミニ */
  .miniContainer .private__menu li {
    background: #EA5504;
    color: #fff;
  }
  .miniContainer .optionList li {
    background: #EA5504;
  }
  .miniContainer .stepArea__title {
    color: #EA5504;
  }
  .miniContainer .stepArea__list {
    background: #FEF1E6;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
  }
  @media screen and (min-width: 1025px) {
  }

/* 法人のお客様 */
  .business .titleImg {
    background-color: #005CA2;
    background-image: none;
    color: #fff;
  }
  .business .pageTitle {
    color: #fff;
  }
  .business .title--ribon {
    background-image: url(../images/bg_ribon_gray.png);
  }
  .business .c-title__text {
    text-align: left;
  }
  .businessService {
    text-align: center;
    margin-bottom: 35px;
  }
  .businessService__imageArea {
    padding-top: 5px;
    margin-bottom: 20px;
  }
  .purpose {
    margin-bottom: 60px;
  }
  .purpose__contents {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .purpose__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #005CA2;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    margin-bottom: 10px;
  }
  .purpose__title--text {
    font-size: 18px;
  }
  .purpose__title--link {
    display: block;
    background: #E4007F;
    border-radius: 5px;
    font-size: 9px;
    padding: 1px 5px;
  }
  .purpose__title--link:hover {
    background: #F19EC2;
    opacity: 1;
  }
  .purpose__image {
    width: 60%;
    margin: 0 auto;
  }
  .purpose__textArea {
    font-size: 13px;
    padding-top: 10px;
    position: relative;
  }
  .purpose__list li {
    display: flex;
  }
  .purpose__list li::before {
    content: '●';
    color: #005CA2;
    display: block;
    padding-right: 3px;
  }
  .purpose__link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .businessTel {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    margin: 0 auto 30px;
    overflow: hidden;
  }
  .businessTel__dial {
    font-size: 20px;
  }
  .businessTel__dial dt {
    font-size: 19px;
    padding-bottom: 3px;
  }
  .businessTel__dial dd {
    color: #005CA2;
    font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 41px;
    font-weight: 900;
    padding-bottom: 3px;
    transform: scale(0.9, 1);
  }
  .businessTel__dial dd a {
    display: block;
  }
  .businessTel__detail {
    background: #9FA0A0;
    border-radius: 7px;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    width: 84%;
    max-width: 300px;
    padding: 5px;
    margin: 0 auto 13px;
  }
  .businessTel__space {
    display: inline-block;
    padding-left: 5px;
  }
  .businessTel__btn {
    width: 84%;
    max-width: 300px;
    margin: 0 auto;
    position: relative;
  }
  .businessTel__btn a {
    display: block;
    background: #005CA2;
    border-radius: 7px;
    color: #fff;
    font-size: 16px;
    width: 100%;
    padding: 10px;
  }
  .businessTel__btn a.pc-only {
    display: none;
  }
  .businessTel__chara {
    width: 35px;
    position: absolute;
    top: -2px;
    right: -24px;
    z-index: -1;
  }
  .bestReason_square03 { 
    background-image: url(../images/square_03.png);
    background-repeat: no-repeat;
    background-size: 290px 300px;
    background-position: top center;
    height: 300px;
    width: 290px;
    margin: 0 auto 30px;
    padding: 10px 15px;
    text-align: center;
    transition: all 0.5s 0s ease;
  }
  .business .bestReason_squareArea {
    margin-bottom: 30px;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .purpose__contents {
      display: flex;
      flex-direction: row;
    }
    .purpose__image {
      width: 330px;
      margin: 0;
    }
    .purpose__textArea {
      width: calc(100% - 330px);
      padding: 0 0 0 15px;
    }
    .businessTel__space {
      padding-right: 0;
    }
  }
  @media screen and (min-width: 1025px) {
    .business .main-content {
      width: 1042px;
    }
    .business .title--ribon {
      margin-bottom: 20px;
    }
    .business .c-title__text {
      text-align: center;
    }
    .businessService {
      margin-bottom: 75px;
    }
    .businessService__imageArea {
      padding-top: 10px;
      margin-bottom: 55px;
    }
    .businessService__group {
      background-image: url(../images/bg_business_service.png);
      background-repeat: no-repeat; 
      background-size: 703px 100%;
      background-position: center center;
      height: 605px;
      position: relative;
    }
    .btn-moving {
      display: block;
      position: absolute;
      top: 17px;
      left: 97px;
      cursor: pointer;
    }
    .btn-office {
      display: block;
      position: absolute;
      top: 17px;
      right: 132px;
      cursor: pointer;
    }
    .btn-logistics {
      display: block;
      position: absolute;
      bottom: 16px;
      right: 11px;
      cursor: pointer;
    }
    .btn-reuse {
      display: block;
      position: absolute;
      bottom: -7px;
      left: 105px;
      cursor: pointer;
    }
    .purpose {
      margin-bottom: 110px;
    }
    .purpose__contents {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      margin-bottom: 35px;
    }
    .purpose__title {
      justify-content: flex-start;
      height: 70px;
      padding: 5px 35px;
      margin-bottom: 15px;
    }
    .purpose__title--text {
      font-size: 28px;
    }
    .purpose__title--link {
      border-radius: 9px;
      font-size: 12px;
      padding: 3px 10px;
      margin-left: 20px;
    }
    .purpose__image {
      width: 330px;
      margin: 0;
    }
    .purpose__textArea {
      font-size: 19px;
      margin-left: 26px;
      transition: all 0.5s 0s ease;
    }
    .purpose__textArea:hover {
      opacity: 0.5;
    }
    .businessTel {
      flex-direction: row;
      align-items: center;
      text-align: left;
      width: 905px;
      margin: 0 auto 30px;
    }
    .businessTel__dial {
      width: 350px;
    }
    .businessTel__dial dt {
      font-size: 26px;
    }
    .businessTel__dial dd {
      font-size: 50px;
      white-space: nowrap;
      transform-origin: top left;
    }
    .businessTel__detail {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      font-size: 17px;
      line-height: 1;
      width: 107px;
      max-width: initial;
      height: 74px;
      padding: 6px 0;
      margin: 0;
    }
    .businessTel__space {
      display: block;
      align-content: center;
      padding-left: 0;
    }
    .businessTel__btn {
      cursor: pointer;
      width: 400px;
      max-width: initial;
      margin: 0 0 0 auto;
    }
    .businessTel__btn a {
      border-radius: 7px;
      font-size: 32px;
      height: 74px;
    }
    .businessTel__btn a.sp-only {
      display: none;
    }
    .businessTel__btn a.pc-only {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .businessTel__chara {
      display: none;
    }
    .bestReason_square03 {
      background-size: contain;
      width: 400px;
      height: 347px;
    }
    .bestReason_square03:hover {
      background-color:rgba(255,255,255,0.5);
      background-blend-mode:lighten;
      transition: all 0.5s 0s ease;
    }
  }

/* 法人のお客様 引越事業 */
  .business-detail .titleArea {
    display: flex;
    flex-direction: column;
  }
  .business-detail .titleArea__img {
    position: static;
    width: 25%;
    padding: 0 0 10px;
  }
  .business__opotionArea {
    border: 2px solid #005CA2;
    border-radius: 10px;
    padding: 0 5px 5px;
    margin-bottom: 30px;
  }
  .business__opotionTitle {
    color: #005CA2;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    padding: 7px 0;
  }
  .business-detail .optionList {
    margin-bottom: 0;
  }
  .business-detail .optionList li {
    background: #7092C4;
    padding: 10px 2px;
  }
  .business-detail .optionList__image {
    padding: 5px;
  }
  .business-serviceImgArea {
    margin-bottom: 30px;
  }
  .network {
    text-align: center;
    margin-bottom: 15px;
  }
  .network__img01 {
    display: block;
    margin-bottom: 15px;
  }
  .flowGrid {
    display: grid;
    grid-template: repeat(4, 1fr) / 1fr 1fr;
    grid-gap: 10px 20px;
    margin-bottom: 30px;
  }
  .flowGrid li {
    display: grid;
    grid-template: min-content auto / auto;
    border: 2px solid #005CA2;
    border-radius: 10px;
    color: #005CA2;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    padding: 10px 0;
  }
  .flowGrid__number {
    justify-self: center;
    width: 24%;
    padding-bottom: 2px;
  }
  .flowGrid__text {
    align-self: center;
  }
  .voicelist {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .voicelist__img {
    width: 33%;
    margin: 0 auto 15px;
  }
  .voicelist__container {
    border-top: 1px solid #231815;
  }
  .voicelist__container li {
    display: flex;
    border-bottom: 1px solid #231815;
    font-size: 13px;
    padding: 10px 0;
  }
  .voicelist__container li::before {
    content: '●';
    color: #005CA2;
  }
  .flowGrid__listContainer {
    border: none;
  }
  .flowGrid__listContainer li {
    display: flex;
    border: none;
    color: #231815;
    font-size: 13px;
    font-weight: normal;
    padding: 0;
  } 
  .flowGrid__listContainer li::before {
    content: '●';
    color: #005CA2;
  }
  .flowGrid li.flowGrid__list {
    grid-template: 1fr / 1fr;
    grid-area: 4/1/5/3;
  }
  .flowGrid__listContainer {
    align-self: center;
    justify-self: center;
  }
  .documentArea {
    display: grid;
    grid-template: 1fr / repeat(3, 1fr);
    grid-gap: 15px;
    font-size: 13px;
    text-align: center;
    margin-bottom: 30px;
  }
  .documentArea img {
    margin-bottom: 5px;
  }
  .move-apartment .optionList {
    margin-bottom: 30px;
  }
  .estateContainer {
    margin-bottom: 30px;
  }                                                                                                                                                                                                                                                                                        
  @media screen and (min-width:768px) and (max-width:1024px) {

  }
  @media screen and (min-width: 1025px) {
    .business-detail .titleArea {
      flex-direction: row;
      padding-left: 0;
    }
    .business-detail .titleArea__img {
      width: 193px;
      margin: 0 10px 0 0;
    }
    .business__opotionArea {
      border: 3px solid #005CA2;
      border-radius: 10px;
      width: 997px;
      padding: 10px 20px 20px;
      margin: 0 auto 60px;
    }
    .business__opotionTitle {
      font-size: 24px;
      padding: 0;
      margin-bottom: 10px;
    }
    .business-detail .optionList {
      grid-template-rows: 198px;
      grid-column-gap: 6px;
    }
    .business-detail .optionList li {
      padding: 10px;
    }
    .business-detail .optionList__title {
      font-size: 21px;
    }
    .business-detail .optionList__image {
      padding: 15px 10px 0;
    }
    .business-serviceImgArea {
      margin-bottom: 60px;
    } 
    .network {
      margin-bottom: 30px;
    }
    .voicelist {
      flex-direction: row;
      margin-bottom: 60px;
    }
    .voicelist__img {
      width: auto;
      margin: 0 15px 0 0;
    }
    .voicelist__container li {
      font-size: 19px;
    }
    .flowGrid {
      display: grid;
      grid-template: repeat(2, 1fr) / repeat(4, 1fr);
      grid-gap: 20px 30px;
      margin-bottom: 45px;
    }
    .flowGrid li {
      font-size: 24px;
    }
    .flowGrid__number {
      width: auto;
      padding-bottom: 5px;
    }
    .flowGrid__listContainer {
      padding: 0;
    }
    .flowGrid li.flowGrid__list {
      grid-area: 2/2/3/4;
    }
    .flowGrid__listContainer li {
      font-size: 19px;
      text-align: left;
      padding: 0;
    }
    .move-apartment li.flowGrid__list {
      grid-area: 2/2/3/3;
      padding: 0;
    }
    .documentArea {
      grid-gap: 40px;
      font-size: 19px;
      width: 886px;
      margin: 0 auto 75px;
    }
    .move-apartment .optionList {
      grid-template-rows: auto;
      grid-gap: 15px;
      margin-bottom: 75px;
    }
    .move-apartment .optionList__title{
      white-space: nowrap;
    }
    .estateContainer {
      margin-bottom: 65px;
    }
  }

/* 法人のお客様 移転事業 */
  .business-detail .caseStudy li:nth-child(2n) {
    background: #D3DAEC;
  }
  .business-detail .caseStudy__titleArea {
    color: #005CA2;
  }
  .business-detail .caseStudy__titleArea {
    justify-self: flex-start;
    padding-left: 10px;
  }
  .work-kit {
   margin-bottom: 20px;
  }
  .work-kit__img {
    width: 70%;
    margin: 0 auto 15px;
  }
  .work-kit__list {
    font-size: 13px;
  }
  .work-kit__list dt {
    display: inline-flex;
    font-weight: normal;
  }
  .work-kit__list dt::before {
    content: '●';
    color: #005CA2;
  }
  .work-kit__list dd {
    padding-left: 13px;
    margin-bottom: 3px;
  }
  .work-kit__detail li {
    text-indent: -1em;
    padding-left: 1em;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .business-detail .caseStudy__titleArea {
      padding-left: 20px;
    }
    .work-kit {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto 35px;
    }
    .work-kit__img {
      width: 40%;
      margin: 0 30px 0 0;
    }
  }
  @media screen and (min-width: 1025px) {
    .business-detail .caseStudy__titleArea {
      align-self: center;
    }
    .work-kit {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 960px;
      margin: 0 auto 75px;
    }
    .work-kit__img {
      width: auto;
      margin: 0;
    }
    .work-kit__list {
      font-size: 19px;
    }
    .work-kit__list dd {
      margin-bottom: 5px;
    }
  }

/* 法人のお客様 物流事業 */
  .logistics__imgArea {
    margin-bottom: 30px;
  }
  .logisticslist {
    margin-bottom: 30px;
  }
  .logisticslist .logisticslist__container:first-child {
    border-top: 1px solid #231815;
  }
  .logisticslist__container {
    border-bottom: 1px solid #231815;
    padding: 15px 0;
  }
  .logisticslist__img {
    width: 55%;
    margin: 0 0 5px 0;
  }
  .logisticslist__list {
    font-size: 13px;
  }
  .logisticslist__title {
    color: #005CA2;
    font-weight: bold;
  }
  .logisticslist__access a {
    display: inline-block;
    color: #fff;
    background: #E60012;
    font-family: 'Noto Sans JP', Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo sans-serif;
    font-size: 7px;
    font-weight: bold;
    padding: 0 3px;
    margin-left: 10px;
  }
  .logisticslist__access.sp-only {
    display: inline-block;
  }
  .logisticslist__item {
    display: grid;
    grid-template: auto / max-content auto;
  }
  .logisticslist__item dt {
    grid-column: 1;
    font-weight: bold;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    transform: rotateZ(0.03deg);
  }
  .logisticslist__item dd {
    grid-column: 2;
    line-height: 1.3;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    transform: rotateZ(0.03deg);
  }
  .vehicleArea .logisticslist__item {
    display: block;
  }
  .vehicleArea .logisticslist {
      margin-bottom: 60px;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .logisticslist__container {
      display: flex;
    }
    .logisticslist .logisticslist__container:first-child {
      border-top: none;
    }
    .logisticslist__img {
      width: auto;
      margin: 0 20px 0 0;
    }
    .logisticslist__list {
      width: calc(100% - (33% + 20px));
    }
    .vehicleArea .logisticslist__item {
      display: grid;
    }
  }
  @media screen and (min-width: 1025px) {
    .warehouseIntroduction .logisticslist .logisticslist__container:first-child {
      border-top: none;
    }
    .logistics__imgArea {
      margin-bottom: 60px;
    }
    .logisticslist {
      margin-bottom: 60px;
    }
    .logisticslist__container {
      display: flex;
      padding: 15px 0;
    }
    .logisticslist__img {
      width: auto;
      margin: 0 20px 0 0;
    }
    .logisticslist__list {
      font-size: 19px;
      width: auto;
    }
    .logisticslist__access a {
      font-size: 14px;
      padding: 0 5px;
      margin-left: 20px;
    }
    .logisticslist__access.sp-only {
      display: none;
    }
    .logisticslist__access.pc-only {
      display: inline-block;
    }
    .vehicleArea .logisticslist__item {
      display: grid;
    }
  }

/* 法人のお客様 リユース事業 */
  .business__pointStar {
    color: #E60012;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {

  }
  @media screen and (min-width: 1025px) {
  }

/* 法人のお客様 共通 */
  .business-detail .titleImg {
    padding: 13px 0 35px;
  }
  .business__imgArea {
    text-align: center;
    margin-bottom: 20px;
  }
  .business__menuBtn {
    display: grid;
    margin-bottom: 15px;
  }
  .business__menuBtn li a {
    display: block;
    background: #005CA2;
    border-radius: 7px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
  }
  .business__imgContainer {
    text-align: center;
    margin-bottom: 15px; 
  }
  .business__title {
    background: #005CA2;
    border-radius: 7px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 10px;
  }
  .business__pointList {
    margin-bottom: 35px;
  }
  .business__pointList li{
    display: flex;
    border-bottom: 1px solid #231815;
  }
  .business__pointImg {
    width: 43px;
    padding: 7px 7px 7px 0;
  }
  .business__pointList--text {
    font-size: 13px;
    width: calc(100% - 43px);
    padding: 7px 0;
  }
  .business__pointList--text dd {
    text-indent: -1em;
    padding-left: 1em;
  }
  .business__pointList--text dd.no-indent {
    text-indent: 0;
    padding-left: 1em;
  }
  .business__text {
    font-size: 13px;
    padding-bottom: 10px;
  }                                                                                                                                                                                                                                                                                                                                               
  @media screen and (min-width:768px) and (max-width:1024px) {
    .business__menuBtn {
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 15px 15px;
    }
    .business__menuBtn li a {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      line-height: 1.3;
      height: 70px;
      padding: 0;
      margin-bottom: 0;
    }
    .business__pointImg {
      width: 46px;
      padding: 5px 10px 10px 0;
    }
    .business__pointList--text {
      font-size: 13px;
      width: calc(100% - 43px);
      padding: 10px 0;
    }
    .business__pointList--text dd.no-indent {
      text-indent: 0;
      padding-left: 0;
    }
  }
  @media screen and (min-width: 1025px) {
    .business .titleImg {
      padding: 20px 0;
    }
    .business__imgArea {
      margin-bottom: 35px;
     } 
    .business__menuBtn {
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 20px 20px;
      margin-bottom: 75px;
    }
    .business__menuBtn li a {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 28px;
      line-height: 1.3;
      height: 100px;
      padding: 0;
      margin-bottom: 0;
    }
    .business__imgContainer {
      margin-bottom: 30px; 
    }
    .business__title {
      font-size: 28px;
      margin-bottom: 20px;
    }
    .business__pointList {
      margin-bottom: 70px;
    }
    .business__pointImg {
      width: auto;
      padding: 13px 10px 0 25px;
    }
    .business__pointList--text {
      align-self: center;
      font-size: 19px;
      padding: 25px 0 25px 0;
    }
    .business__pointList--text dd.no-indent {
      text-indent: 0;
      padding-left: 0;
    }
    .business__text {
      font-size: 19px;
      text-align: center;
      padding-bottom: 15px;
    }
    .business .contactArea {
      margin-bottom: 40px;
    }
    .business__qaArea {
      margin-bottom: 120px;
    }
  }

/* 法人のお客様 footer */
  .footer-business .linkArea {
    background: #054A97;
    color: #fff;
    margin-top: 0;
  }
  .footer-business .linkArea:before {
    top: -27px;
  }
  .footer-business__container {
    background: #C9CACA;
    text-align: center;
    padding: 20px 0 40px;
  }
  .footer-business__content dt {
    font-size: 23px;
    font-weight: 900;
  }
  .footer-business__content dd {
    font-size: 13px;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {

  }
  @media screen and (min-width: 1025px) {
    .footer-business .linkArea::before {
      top: -55px;
    }
    .footer-business__container {
      padding: 40px 0 80px;
    }
    .footer-business__content dt {
      font-size: 46px;
      font-weight: 900;
    }
    .footer-business__content dd {
      font-size: 19px;
    }
  }

/* 私たちの取り組み */
  .approach__sdgs {
    display: grid;
    grid-template-columns: 1fr 5fr;
    grid-gap: 10px 5px;
    font-size: 13px;
    margin-bottom: 25px;
  }
  .approach__sdgsList li {
    line-height: 1.3;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 3px;
  }
  .approach__sdgsList li:last-child {
    margin-bottom: 0;
  }
  .approach .main-content {
    margin-bottom: 30px;
  }
  .approach .bestReason_squareArea {
    margin-bottom: 40px;
  }                                                                                                                                                                                                                                                                                                                          
  @media screen and (min-width:768px) and (max-width:1024px) {
    .approach .titleImg {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-height: 150px;
    }
    .approach__sdgs {
      grid-template-columns: max-content auto;
      grid-gap: 20px 15px;
    }
    .approach__sdgs dd {
      align-self: center;
    }
  }
  @media screen and (min-width: 1025px) {
    .approach .titleImg {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .approach__sdgs {
      grid-template-columns: max-content auto;
      grid-gap: 20px 15px;
      font-size: 19px;
      width: 756px;
      margin: 0 auto;
      margin-bottom: 45px;
    }
    .approach__sdgs dd {
      align-self: center;
    }
    .approach .main-content {
      margin-bottom: 0;
    }  
  }

/* サイトマップ */
  .sitemap__list {
    border-top: 1px solid #005CA2;
    font-size: 13px;
  }
  .sitemap__list--full {
    display: grid;
    grid-template-columns: 40% auto;
    border-bottom: 1px solid #005CA2;
    padding: 7px 0;
  }
  .sitemap__list--content {
    border-bottom: 1px solid #005CA2;
  }
  .sitemap__list--menu {
    grid-column: 1/2;
  }
  .sitemap__list--subMenu {
    grid-column: 2/3;
  }
  .sitemap__list--content {
    display: grid;
    grid-template-columns: 40% auto;
  }
  .sitemap__list--contentSub {
    grid-column: 2/3;
    border-top: 1px solid #005CA2;
    padding: 7px 0;
  }
  .sitemap__list--contentSub:first-child {
    border-top: none;
  }
  .sitemap__list--subMenu.no-content {
    padding-bottom: 7px;
    border-bottom: 1px solid #005CA2;
  }
  .sitemap__list--subMenu.no-content + .sitemap__list--subMenu {
    padding-top: 7px;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .sitemap .titleImg {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-height: 150px;
    }
  }
  @media screen and (min-width: 1025px) {
    .sitemap .titleImg {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .sitemap__list {
      font-size: 19px;
    }
    .sitemap__list--full {
      display: grid;
      grid-template-columns: 295px auto;
      padding: 10px 0;
    }
    .sitemap__list--content {
      display: grid;
      grid-template-columns: 295px auto;
    }
    .sitemap__list--contentSub {
      padding: 10px 0;
    }
    .sitemap__list--subMenu.no-content {
      padding-bottom: 10px;
    }
    .sitemap__list--subMenu.no-content + .sitemap__list--subMenu {
      padding-top: 10px;
    }
  }

/* 個人情報保護方針、個人情報の取り扱いについて、当ホームページについて */
  .privacy__list,
  .handling__list {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 15px 5px;
    font-size: 13px;
    margin-bottom: 20px;
  }
  .handling__list {
    margin-bottom: 15px;
  }
  .privacy__list dt,
  .handling__list dt {
    font-weight: normal;
  }
  .privacy__detail {
    font-size: 13px;
    margin-bottom: 15px;
  }
  .privacy__detail li:first-child {
    font-weight: bold;
  }
  .privacy__bestlogicom {
    font-size: 13px;
  }
  .handling__list li{
    text-indent: -1em;
    padding-left: 1em;    
  }
  .handling__container,
  .policy__container {
    margin-bottom: 30px;
  }
  .handling__title {
    border-bottom: 1px solid #005CA2;
    color: #005CA2;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 7px;
    margin-bottom: 7px;
    position: relative;
  }
  .handling__title::after {
    content: '';
    background-image: url(../images/title_chara.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 70px;
    height: 35px;
    position: absolute;
    bottom: -5px;
    right: 0;
  }
  .handling__annotation--sp {
    text-indent: -0.5em;
    padding-left: 0.5em;
  }
  .handling__text {
    font-size: 13px;
  }
  .handling__text--mb {
    font-size: 13px;
    padding-bottom: 15px;
  }
  .policy__operating {
    margin-bottom: 30px;
  }
  .policy__operating li {
    display: flex;
    font-size: 13px;
  }
  .policy__operating li::before {
    content: '〇';
  }                                                                                                                                                                                                                                                                                                       
  @media screen and (min-width:768px) and (max-width:1024px) {
    .handling .titleImg {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-height: 150px;
    }
    .handling__annotation--sp {
      text-indent: 0;
      padding-left: 0;
    }
  }
  @media screen and (min-width: 1025px) {
    .privacy__content {
      padding-top: 50px;
      margin-bottom: 10px;
    }
    .privacy__list {
      grid-gap: 30px 5px;
      font-size: 19px;
      margin-bottom: 60px;
    }
    .handling__list {
      font-size: 19px;
      margin-bottom: 30px;
    }
    .privacy__detail {
      font-size: 19px;
      margin-bottom: 30px;
    }
    .privacy__bestlogicom {
      font-size: 19px;
    }
    .handling__content {
      padding-top: 45px;
    }
    .handling__container,
    .policy__container {
      margin-bottom: 80px;
    }
    .handling .titleImg {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .handling__title {
      font-size: 19px;
      padding-bottom: 10px;
      margin-bottom: 15px;
    }
    .handling__title::after {
      width: 122px;
      height: 64px;
      position: absolute;
      bottom: -7px;
      right: 30px;
    }
    .handling__annotation--sp {
      text-indent: 0;
      padding-left: 0;
    }
    .handling__text {
      font-size: 19px;
    }
    .handling__text--mb {
      font-size: 19px;
      padding-bottom: 30px;
    }
    .policy {
      padding-top: 50px;
    }
    .policy__operating {
      margin-bottom: 160px;
    }
    .policy__operating li {
      font-size: 19px;
    }                                                                                                                                                                                                                                                                                                                               
  }

/* 全ページ共通 */
  .c-annotation {
    text-indent: -1em;
    padding-left: 1em;
  }
  .font-rounded {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    transform: rotateZ(0.03deg);
  }
  .c-imgArea--only {
    text-align: center;
    margin-bottom: 30px;
  }
  .site-content__text {
    font-size: 13px;
    padding-bottom: 15px;
  }
  .c-page .titleImg {
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center center;
    padding: 40px 0;
  }
  .c-page .pageTitle {
    padding: 0;
  }
  .nowrap {
    white-space: nowrap;
  }
  .c-freeDialContainer {
    max-width: 330px;
    padding: 0 10px;
    margin: 0 auto 5px;
  }
  .c-freeDial {
    text-align: center;
    line-height: 1;
    padding-top: 20px;
    margin-bottom: 10px;
  }
  .c-freeDial--title {
    font-size: 23px;
    font-weight: bold;
  }
  .c-freeDial--tel a {
    display: block;
    color: #005CA2;
    font-size: 46px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .c-freeDial--reception {
    background: #EB6EA5;
    border-radius: 7px;
    color: #fff;
    font-size: 15px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    transform: rotateZ(0.03deg);
    padding: 5px;
  }
  .business-detail .c-freeDial--reception {
    background: #9FA0A0;
  }
  .c-freeDialBtnArea {
    position: relative;
    z-index: 1;
  }
  .c-freeDial--btn a {
    display: block;
    background: #005CA2;
    border-radius: 7px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    width: 92%;
    padding: 5px;
  }
  .c-freeDial--btn a:hover {
    background: #8AA3CE;
    opacity: 1;
    transition: all 0.5s;
  }
  .c-freeDial--chara {
    width: 35px;
    position: absolute;
    top: -2px;
    right: 2px;
    z-index: -1;
  }
  .bottomArea__container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .bottomArea__contactContents {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    margin: 0 20px 40px;
  }
  .bottomArea__dial {
    font-size: 20px;
  }
  .bottomArea__dial dt {
    font-size: 20px;
    padding-bottom: 3px;
  }
  .bottomArea__dial dd {
    color: #005CA2;
    font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 41px;
    font-weight: 900;
    padding-bottom: 3px;
    transform: scale(0.9, 1);
  }
  .bottomArea__dial dd a {
    display: block;
  }
  .bottomArea__detail {
    background: #EB6EA5;
    border-radius: 7px;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    transform: rotateZ(0.03deg);
    width: 84%;
    max-width: 300px;
    padding: 5px;
    margin: 0 auto 13px;
  }
  .bottomArea__space {
    display: inline-block;
    padding-left: 5px;
  }
  .bottomArea__btn {
    width: 84%;
    max-width: 300px;
    margin: 0 auto;
    position: relative;
  }
  .bottomArea__btn a {
    display: block;
    background: #005CA2;
    border-radius: 7px;
    color: #fff;
    font-size: 16px;
    width: 100%;
    padding: 10px;
  }
  .bottomArea__btn a.pc-only {
    display: none;
  }
  .bottomArea--chara {
    width: 35px;
    position: absolute;
    top: -2px;
    right: -24px;
    z-index: -1;
  }
  .bottomArea--best-fukidashi {
    display: none;
  }
  .mb-m {
    margin-bottom: 5px;
  }
  .mb-l {
    margin-bottom: 5px;
  }
  .moreInfo p {
    font-weight: bold;
  }
  .squareText-s {
    font-size: 13px;
    font-weight: normal;
  }                                                                                                                                                                                                                                                                                                              
  @media screen and (min-width:768px) and (max-width:1024px) {
    .bottomArea__space {
      padding-right: 0;
    }
  }
  @media screen and (min-width: 1025px) {
    .c-imgArea--only {
      margin-bottom: 60px;
    }
    .site-content__text {
      font-size: 19px;
      padding-bottom: 30px;
    }
    a[href^="tel:"] {
      pointer-events: none;
    }
    .c-freeDialContainer {
      padding: 0;
      max-width: 100%;
      margin: 0 0 60px;
    }
    .c-freeDial-contact--ribon {
      background-image: url(../images/bg_contact_ribon_red.png);
      background-repeat: no-repeat;
      background-size: 587px 32px;
      color: #fff;
      font-size: 21px;
      font-weight: bold;
      text-align: center;
      width: 587px;
      margin: 0 auto;
    }
    .business-detail .c-freeDial-contact--ribon {
      background-image: url(../images/bg_contact_ribon_gray.png);
    }
    .c-freeDial__box {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .c-freeDial {
      width: 330px;
      margin-right: 30px;
    }
    .c-freeDial--title {
      font-size: 24px;
    }
    .c-freeDial--tel a {
      white-space: nowrap;
      font-size: 50px;
    }
    .c-freeDial--reception {
      font-size: 17px;
    }
    .c-freeDial--btn a {
      font-size: 32px;
      width: 512px;
      padding: 13px;
    }
    .c-freeDial--chara {
      width: auto;
      top: -4px;
      right: -47px;
    }
    .c-freeDial--best-fukidashi {
      position: absolute;
      top: -45px;
      right: -150px;
      z-index: -2;
    }
    .c-freeDialContainer.page-last {
      margin-bottom: 110px;
    }
    .bottomArea__container {
      display: flex;
      flex-direction: column-reverse;
    }
    .bottomArea__contactContents {
      flex-direction: row;
      align-items: center;
      text-align: left;
      width: 910px;
      padding-top: 20px;
      margin: 0 auto 30px;
    }
    .bottomArea__telContainer {
      width: 330px;
      margin-right: 30px;
    }
    .bottomArea__dial {
      width: 350px;
    }
    .bottomArea__dial dt {
      font-size: 26px;
    }
    .bottomArea__dial dd {
      font-size: 50px;
      white-space: nowrap;
      transform-origin: top left;
    }
    .bottomArea__detail {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 17px;
      line-height: 1;
      max-width: initial;
      width: 100%;
      height: 26px;
      padding: 0;
      margin: 0;
    }
    .bottomArea__space {
      display: block;
      align-content: center;
      padding-left: 0;
    }
    .bottomArea__btn {
      cursor: pointer;
      width: 512px;
      max-width: initial;
      margin: 0;
      position: relative;
    }
    .bottomArea__btn a:hover {
      background: #8AA3CE;
      opacity: 1;
      transition: all 0.5s;
    }
    .bottomArea__btn a {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 7px;
      font-size: 32px;
      width: 512px;
      height: 74px;
    }
    .bottomArea__btn a.sp-only {
      display: none;
    }
    .bottomArea__btn a.pc-only {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .bottomArea--chara {
      width: auto;
      top: -4px;
      right: -47px;
    }
    .bottomArea--best-fukidashi {
      display: block;
      position: absolute;
      top: -45px;
      right: -150px;
      z-index: -2;
    }
    .mb-m {
      margin-bottom: 15px;
    }
    .mb-l {
      margin-bottom: 20px;
    }
    .squareText-s {
      font-size: 15px;
    }
  }

/* 下層 タイトル */
  .titleImg  {
    background-image: url(../images/bg_title_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    font-weight: bold;
    text-align: center;
    padding: 13px 0;
    margin-bottom: 20px;
  }
  .title--ribon {
    background-image: url(../images/bg_ribon_pink.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    padding: 4px 0 6px;
    margin-bottom: 10px;
  }
  .pageTitle {
    color: #005CA2;
    font-size: 21px;
    line-height: 1;
    padding-bottom: 10px;
  }
  .pageTitle__detail {
    font-size: 14px;
    line-height: 1.4;
  }
  .c-titleContainer {
    padding-top: 1px;
  }
  .c-title {
    color: #005CA2;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    padding-bottom: 5px;
    margin-top: 35px;
    position: relative;
  }
  .c-title::before {
    content: '';
    background: url(../images/title_chara.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    width: 60px;
    height: 32px;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
  }
  .c-title__text--ribon {
    background-image: url(../images/bg_ribon_pink.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding: 3px 0 5px;
    margin-bottom: 10px;
  }
  .c-title__text {
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 15px;
  }
  .c-title__text--left {
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 15px;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {

  }
  @media screen and (min-width: 1025px) {
    .titleImg {
      background-image: url(../images/bg_title_pc.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      height: 235px;
      padding: 20px 0;
      margin-bottom: 10px;
    }
    .title--ribon {
      background-image: url(../images/bg_ribon_pink.png);
      font-size: 30px;
      padding: 8px 0;
    }
    .pageTitle {
      font-size: 42px;
      padding-bottom: 15px;
    }
    .pageTitle__detail {
      font-size: 25px;
    }
    .c-title {
      font-size: 42px;
      padding-bottom: 10px;
      margin-top: 70px;
    }
    .c-title::before {
      width: 120px;
      height: 64px;
      top: -70px;
    }
    .c-title__text--ribon {
      background-size: 193px auto;
      font-size: 21px;
      margin-bottom: 10px;
    }
    .c-title__text {
      font-size: 19px;
      margin-bottom: 30px;
    }
    .c-title__text--left {
      font-size: 19px;
      margin-bottom: 30px;
    }
  }

/* プラン-共通メニュー */
  .c-plan {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    text-align: center;
  }
  .c-plan__planTitle {
    padding: 0 35px;
    margin-bottom: 10px;
    position: relative;
  }
  .c-plan__title {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    width: 346px;
    position: absolute;
    left: 50%;
    bottom: 15%;
    transform: translateX(-50%) rotateZ(0.03deg);
  }
  .c-plan__title--fs {
    display: block;
    font-size: 13px;
    font-weight: normal;
    padding-top: 5px;
  }
  .c-plan__list li a{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-size: 13px;
    line-height: 1.1;
    padding: 10px;
    margin: 0 auto 10px;
  }
  .c-plan__student-alone,
  .c-plan__family,
  .c-plan__mini {
    margin-bottom: 20px;
  }
  .c-plan__student-alone .c-plan__list li a {
    background: #CCE198;
  }
  .c-plan__family .c-plan__list li a {
    background: #F19EC2;
  }
  .c-plan__mini .c-plan__list li a {
    background: #F5AF7E;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .c-plan__title {
      font-size: 20px;
    }
    .c-plan__title--fs {
      font-size: 15px;
    }
  }
  @media screen and (min-width: 1025px) {
    .c-plan {
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 35px;
    }
    .c-plan__planTitle {
      padding: 0;
    }
    .c-plan__title {
      font-size: 25px;
      width: 346px;
      padding: 0;
      bottom: 40px;
    }
    .c-plan__title--fs {
      font-size: 18px;
    }
    .c-plan__list li a {
      font-size: 19px;
      width: 328px;
      height: 63px;
      padding: 0;
    }
    .c-plan__student-alone .c-plan__list li a {
      margin-left: 4px;
    }
    .c-plan__mini .c-plan__list li a {
      margin-right: 4px;
    }
    .c-plan__student-alone,
    .c-plan__family,
    .c-plan__mini {
      margin-bottom: 0;
    }
  }

/* オプションメニュー */
  .optionList {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px 15px;
    max-width: 400px;
    margin: 0 auto 35px;
  }
  .optionList li {
    display: grid;
    grid-template: 32px min-content auto / 1fr; 
    justify-self: center;
    background: #6A940F;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    padding: 10px 5px;
  }
  .optionList__image {
    padding: 10px;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
  }
  @media screen and (min-width: 1025px) {
    .optionList {
      display: grid;
      grid-template-rows: 1fr;
      grid-template-columns: repeat(6, 1fr);
      grid-column-gap: 23px;
      max-width: initial;
      margin-bottom: 70px;
    }
    .optionList li {
      display: grid;
      grid-template: 50px 134px auto / 1fr;
      font-size: 19px;
      padding: 15px 10px;
    }
    .optionList__image {
      padding: 15px 10px;
    }
  }

/* 事例照会 */
  .caseStudy {
    border-top: 1px solid #231815;
    margin-bottom: 30px;
  }
  .caseStudy li {
    display: grid;
    grid-template-columns: 1fr 1fr 3.5fr;
    border-bottom: 1px solid #231815;
    padding: 7px;
    position: relative;
  }
  .caseStudy li:nth-child(2n) {
    border-bottom: 1px solid #231815;
    margin-bottom: 20px;
  }
  .caseStudy li:nth-child(2n)::after {
    content: '';
    border-bottom: 1px solid #231815;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -20px;
    left: 0;
  }
  .caseStudy li:nth-child(2n) {
    background: #FBD9BE;
  }
  .caseStudy li:nth-child(2n):last-child {
    margin-bottom: 0;
  }
  .caseStudy li:nth-child(2n):last-child::after {
    content: none;
  }
  .caseStudy__icon {
    grid-area : 1/1/2/2;
    justify-self: center;
    align-self: start;
  }
  .caseStudy__best {
    justify-self: center;
    align-self: start;
    padding: 0 10px;
  }
  .caseStudy__point {
    background: #E4007F;
    border-radius: 5px;
    color: #fff;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    padding: 0 2px;
    margin-top: 5px;
  }
  .caseStudy__titleArea {
    grid-area : 1/2/2/3;
    justify-self: center;
    align-self: start;
    color: #EA5504;
    line-height: 1.2;
    font-size: 16px;
    font-weight: bold;
    padding-top: 13px;
  }
  .caseStudy__text {
    grid-area : 1/3/2/6;
    align-self: center;
    font-size: 13px;
  }

  @media screen and (min-width:768px) and (max-width:1024px) {
    .caseStudy li {
      grid-template-columns: 90px 110px auto;
      padding: 15px;
    }
    .caseStudy__icon {
      margin-right: 0;
    }
    .caseStudy__best {
      padding: 0 20px;
    }
    .caseStudy__titleArea {
      justify-self: center;
      align-self: center;
      font-size: 24px;
      padding-top: 0;
    }
    .caseStudy__point {
      font-size: 14px;
      padding: 0;
    }
  }
  @media screen and (min-width: 1025px) {
    .caseStudy {
      margin-bottom: 60px;
    }
    .caseStudy li {
      grid-template-columns: 120px 110px auto;
      padding: 15px 25px;
    }
    .caseStudy li:nth-child(2n) {
      margin-bottom: 35px;
    }
    .caseStudy li:nth-child(2n)::after {
      height: 35px;
      bottom: -35px;
    }
    .caseStudy__titleArea {
      justify-self: start;
      font-size: 31px;
      padding: 0 0 0 10px;
    }
    .caseStudy__best {
      padding: 0;
    }
    .caseStudy__text {
      grid-area: 1/3/2/6;
      font-size: 19px;
      padding: 0 0 0 15px;
    }
    .caseStudy__point {
      font-size: 17px;
      width: 90px;
      padding: 0;
    }
  }

/* 私たちが選ばれるベストな理由・お客様の声 ボタン */
  .c-bestReason {
    background-image: url(../images/bg_best_reason_sp.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    text-align: center;
    max-width: 654px;
    padding-bottom: 80%;
    margin: 0 auto 20px;
    position: relative;
    transition: all 0.5s 0s ease;
  }
  .c-bestReason a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .c-bestReason__title {
    color: #005CA2;
    font-size: 5.5vw;
    font-weight: bold;
    line-height: 1.2;
    width: 60%;
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translateX(-50%);
  }
  .c-bestReason__text {
    font-size: 3.4vw;
    line-height: 1.3;
    width: 60%;
    position: absolute;
    top: 57%;
    left: 50%;
    transform: translateX(-50%);
  }
  .c-bestReason .c-btn--more,
  .c-voice .c-btn--more {
    position: absolute;
    bottom: 7px;
    left: 50%;
    transform: translateX(-50%);
  }
  .c-voice {
    background-image: url(../images/bg_customer_voice_sp.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    max-width: 654px;
    text-align: center;
    padding-bottom: 66%;
    margin: 0 auto 20px;
    position: relative;
    transition: all 0.5s 0s ease;
  }
  .c-voice a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .c-voice__title {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #005CA2;
    font-size: 5.5vw;
    font-weight: bold;
    text-shadow:2px 2px 0 #fff, -2px -2px 0 #fff,
              -2px 2px 0 #fff, 2px -2px 0 #fff,
              0px 2px 0 #fff,  0 -2px 0 #fff,
              -2px 0 0 #fff, 2px 0 0 #fff;
    width: 100%;
    position: absolute;
    top: 19%;
    left: 50%;
    transform: translateX(-50%);
  }
  .c-voice__title::before {
    content: '';
    display: inline-block;
    background-image: url(../images/icon_post.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 10vw;
    height: 10vw;
    margin-right: 5px;
  }
  .c-voice__text {
    font-size: 3.4vw;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: normal;
    line-height: 1.3;
    width: 100%;
    padding: 0 15px;
    position: absolute;
    top: 39%;
    left: 50%;
    transform: translateX(-50%) rotateZ(0.03deg);
  }
  .c-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  @media screen and (min-width:470px) and (max-width:767px) { /* 調整用 */
    .c-bestReason .c-btn--more,
    .c-voice .c-btn--more {
      bottom: 20px;
    }
    .c-bestReason .c-link,
    .c-voice .c-click {
      width: 654px;
    }
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .c-bestReason {
      background-image: url(../images/bg_best_reason_sp.png);
      background-size: 654px 564px;
      max-width: 1042px;
      height: 564px;
      padding-bottom: 0;
      margin-bottom: 30px;
    }
    .c-bestReason__title {
      font-size: 42px;
      width: 650px;
      top: 220px;
    }
    .c-bestReason__text {
      font-size: 19px;
      line-height: 1.5;
      width: 100%;
      padding: 0 30px;
      top: 340px;
    }
    .c-bestReason .c-btn--more {
      bottom: 40px;
    }
    .c-voice {
      background-image: url(../images/bg_customer_voice_sp.png);
      background-size: 654px 461px;
      max-width: none;
      height: 461px;
      padding-bottom: 0;
      margin-bottom: 30px;
    }
    .c-voice__title {
      font-size: 42px;
      top: 90px;
    }
    .c-voice__title::before {
      width: 102px;
      height: 102px;
      margin-right: 10px;
    }
    .c-voice__text {
      font-size: 19px;
      line-height: 1.5;
      padding: 0;
      top: 200px;
    }
    .c-voice .c-btn--more {
      bottom: 40px;
    }
  }
  @media screen and (min-width: 1025px) {
    .c-bestReason {
      background-image: url(../images/bg_best_reason_pc.png);
      background-size: 1042px auto;
      max-width: none;
      height: 481px;
      padding-bottom: 0;
      margin-bottom: 60px;
    }
    .c-bestReason:hover {
      opacity: 0.5;
    }
    .c-bestReason__title {
      font-size: 42px;
      width: 650px;
      top: 290px;
    }
    .c-bestReason__text {
      font-size: 19px;
      width: 650px;
      top: 350px;
    }
    .c-voice {
      background-image: url(../images/bg_customer_voice_pc.png);
      background-size: 1042px auto;
      max-width: none;
      height: 351px;
      padding-bottom: 0;
    }
    .c-voice:hover {
      opacity: 0.5;
    }
    .c-voice__title {
      font-size: 42px;
      margin-bottom: 50px;
      top: 70px;
    }
    .c-voice__title::before {
      width: 102px;
      height: 102px;
      margin-right: 10px;
    }
    .c-voice__text {
      font-size: 19px;
      width: 650px;
      padding: 0;
      top: 190px;
    }
    .c-bestReason .c-btn--more,
    .c-voice .c-btn--more {
      bottom: 15px;
    }
  }

/* More Infoボタン */
  .c-btn--more {
    display: inline-block;
    background: #E4007F;
    border-radius: 7px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    padding: 2px 10px;
    margin-bottom: 15px;
    position: relative;
  }
  .c-btn--more::after {
    content: '▼';
    color: #E4007F;
    position: absolute;
    left:  50%;
    bottom: -15px;
    transform: translateX(-50%);
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .c-btn--more {
      font-size: 14px;
      margin-bottom: 24px;
    }
    .c-btn--more::after {
      bottom: -25px;
    }    
  }
  @media screen and (min-width: 1025px) {
    .c-btn--more {
      border-radius: 10px;
      font-size: 14px;
      margin-bottom: 24px;
    }
    .c-btn--more::after {
      bottom: -25px;
    }  
  }

/*tab改行用*/
  .tab-only {display: none;}
  .tab-sp-only {display: block;}
  .tab-pc-only {display: none;}
  .sp-only.no-tab {display: block;}
  @media screen and (min-width:768px) and (max-width:1024px) {
    .tab-only {display: block;}
    .tab-sp-only {display: block;}
    .tab-pc-only {display: block;}
    .sp-only.no-tab {display: none;}
  }
  @media screen and (min-width: 1025px) {
    .tab-only {display: none;}
    .tab-sp-only {display: none;}
    .tab-pc-only {display: block;}
    .sp-only.no-tab {display: none;}
  }

/*アコーディオン*/
  .ac-container {
    border-top: 1px solid #231815;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
  }
  .ac-container__box {
    border-bottom: 1px solid #231815;
    padding-bottom: 15px;
  }
  .ac-container__box:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .ac-title {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #231815;
    cursor: pointer;
    font-size: 13px;
    padding: 5px 0;
  }
  .ac-title:after {
    content: "";
    display: block;
    flex-shrink: 1;
    border-top: solid 2px #005CA2;
    border-right: solid 2px #005CA2;
    min-width: 8px;
    min-height: 8px;
    margin: 5px 10px 0 auto;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
/*    transition: all 0.2s ease-in-out;*/
  }
/*  .ac-title.open:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }*/
  .ac-question__text {
    padding-right: 15px;
  }
  .ac-content {
    display: none;
    border-bottom: 1px solid #231815;
    cursor: auto;
    font-size: 13px;
    padding: 5px 5px 5px 0;
  }
  .ac-content__answer {
    display: flex;
    align-items: flex-start;
  }
  .ac-question,
  .ac-answer {
    flex-shrink: 1;
    background: #9FA0A0;
    border-radius: 50%;
    color: #fff;
    font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    min-width: 33px;
    min-height: 33px;
    margin-right: 10px;
  }
  .ac-question {
    background: #9FA0A0;
  }
  .ac-answer {
    background: #005CA2;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
  }
  @media screen and (min-width: 1025px) {
    .ac-container {
      margin-bottom: 65px;
    }
    .ac-container__box {
      padding-bottom: 30px;
    }
    .ac-title {
      align-items: center;
      font-size: 19px;
      font-weight: bold;
      padding: 10px;
    }
    .ac-title:after {
      min-width: 12px;
      min-height: 12px;
      margin: 0 25px 0 auto;
    }
    .ac-question__text {
      padding-right: 25px;
    }
    .ac-content {
      font-size: 19px;
      padding: 10px;
    }
    .ac-content__answer {
      align-items: center;
    }
    .ac-question,
    .ac-answer {
      font-size: 32px;
      min-width: 47px;
      min-height: 47px;
      margin-right: 10px;
    }
  }

/* 全国ネットワーク拠点 */
  .networkBase .bestReason_squareArea {
    margin-bottom: 40px;
  }  
  .networkArea {
    margin-bottom: 20px;
  }
  .networkBase .titleArea__img {
    width: 30%;
    margin-bottom: 15px;
  }
  .network__list {
    border-top: 1px solid #231815;
  }   
  .network__list li {
    border-bottom: 1px solid #231815;
    font-size: 13px;
    padding: 10px 5px 10px 10px;
  }
  .network__map a {
    display: none;
  }
  .network__listContainer {
    margin-bottom: 40px;
  }
  .networkBase .c-title__text {
    text-align: left;
  }                                                                                                                                                                                                                                                                                                
  @media screen and (min-width:768px) and (max-width:1024px) {

  }
  @media screen and (min-width: 1025px) {
    .networkBase .breadcrumb {
      margin-bottom: 0;
    }
    .networkArea {
      margin-bottom: 0;
    }
    .networkBase .titleArea {
      display: flex;
      justify-content: flex-start;
      align-items: center; 
      width: 1060px;
      padding: 0;
      position: static;
    }
    .networkBase .titleArea__img {
      width: 188px;
      margin: 0 20px 0 0 ;
      position: static;
    }
    .network__map {
      background-image: url(../images/network_img_pc.png);
      background-repeat: no-repeat;
      background-size: 1008px 739px;
      background-position: top center;
      height: 739px;
      margin-bottom: 60px;
      position: relative;
    }
    .network__map a {
      display: block;
      color: #004B98;
      font-size: 17px;
      font-weight: bold;
      text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0 -2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
      position: absolute;
    }
    .network__content {
      display: none;
      width: 440px;
      height: 133px;
      position: absolute;
      top: 60px;
      left: 120px;
    }
    #link-groupOffice:hover ~ .network__content {
      display: block;
      background: url(../images/network/group.png) no-repeat;
    }
    #link-asahikawa:hover ~ .network__content {
      display: block;
      background: url(../images/network/asahikawa.png) no-repeat;
    }
    #link-sapporo:hover ~ .network__content {
      display: block;
      background: url(../images/network/sapporo.png) no-repeat;
    }
    #link-hakodate:hover ~ .network__content {
      display: block;
      background: url(../images/network/hakodate.png) no-repeat;
    }
    #link-aomori:hover ~ .network__content {
      display: block;
      background: url(../images/network/aomori.png) no-repeat;
    }
    #link-iwate:hover ~ .network__content {
      display: block;
      background: url(../images/network/iwate.png) no-repeat;
    }
    #link-miyagi:hover ~ .network__content {
      display: block;
      background: url(../images/network/miyagi.png) no-repeat;
    }
    #link-akita:hover ~ .network__content {
      display: block;
      background: url(../images/network/akita.png) no-repeat;
    }
    #link-yamagata:hover ~ .network__content {
      display: block;
      background: url(../images/network/yamagata.png) no-repeat;
    }
    #link-fukushima:hover ~ .network__content {
      display: block;
      background: url(../images/network/fukushima.png) no-repeat;
    }
    #link-tokyo:hover ~ .network__content {
      display: block;
      background: url(../images/network/tokyo.png) no-repeat;
    }
    #link-yokohama:hover ~ .network__content {
      display: block;
      background: url(../images/network/yokohama.png) no-repeat;
    }
    #link-shinyokohama:hover ~ .network__content {
      display: block;
      background: url(../images/network/shinyokohama.png) no-repeat;
    }
    #link-chiba:hover ~ .network__content {
      display: block;
      background: url(../images/network/chiba.png) no-repeat;
    }
    #link-saitama:hover ~ .network__content {
      display: block;
      background: url(../images/network/saitama.png) no-repeat;
    }
    #link-nigata:hover ~ .network__content {
      display: block;
      background: url(../images/network/nigata.png) no-repeat;
    }
    #link-nagano:hover ~ .network__content {
      display: block;
      background: url(../images/network/nagano.png) no-repeat;
    }
    #link-toyama:hover ~ .network__content {
      display: block;
      background: url(../images/network/toyama.png) no-repeat;
    }
    #link-ishikawa:hover ~ .network__content {
      display: block;
      background: url(../images/network/ishikawa.png) no-repeat;
    }
    #link-fukui:hover ~ .network__content {
      display: block;
      background: url(../images/network/fukui.png) no-repeat;
    }
    #link-shizuoka:hover ~ .network__content {
      display: block;
      background: url(../images/network/shizuoka.png) no-repeat;
    }
    #link-gifu:hover ~ .network__content {
      display: block;
      background: url(../images/network/gifu.png) no-repeat;
    }
    #link-nagoya_s:hover ~ .network__content {
      display: block;
      background: url(../images/network/nagoya_s.png) no-repeat;
    }
    #link-nagoya:hover ~ .network__content {
      display: block;
      background: url(../images/network/nagoya.png) no-repeat;
    }
    #link-kobe:hover ~ .network__content {
      display: block;
      background: url(../images/network/kobe.png) no-repeat;
    }
    #link-group-honbu:hover ~ .network__content {
      display: block;
      background: url(../images/network/group-honbu.png) no-repeat;
    }
    #link-osaka:hover ~ .network__content {
      display: block;
      background: url(../images/network/osaka.png) no-repeat;
    }
    #link-okayama:hover ~ .network__content {
      display: block;
      background: url(../images/network/okayama.png) no-repeat;
    }
    #link-hiroshima:hover ~ .network__content {
      display: block;
      background: url(../images/network/hiroshima.png) no-repeat;
    }
    #link-kagawa:hover ~ .network__content {
      display: block;
      background: url(../images/network/kagawa.png) no-repeat;
    }
    #link-ehime:hover ~ .network__content {
      display: block;
      background: url(../images/network/ehime.png) no-repeat;
    }
    #link-tokushima:hover ~ .network__content {
      display: block;
      background: url(../images/network/tokushima.png) no-repeat;
    }
    #link-fukuoka:hover ~ .network__content {
      display: block;
      background: url(../images/network/fukuoka.png) no-repeat;
    }
    #link-fukuoka-p1:hover ~ .network__content {
      display: block;
      background: url(../images/network/fukuoka-p1.png) no-repeat;
    }
    #link-fukuoka-p2:hover ~ .network__content {
      display: block;
      background: url(../images/network/fukuoka-p2.png) no-repeat;
    }
    #link-fukuoka-p3:hover ~ .network__content {
      display: block;
      background: url(../images/network/fukuoka-p3.png) no-repeat;
    }
    #link-oita:hover ~ .network__content {
      display: block;
      background: url(../images/network/oita.png) no-repeat;
    }
    #link-kagoshima:hover ~ .network__content {
      display: block;
      background: url(../images/network/kagoshima.png) no-repeat;
    }
    #link-okinawa-p1:hover ~ .network__content {
      display: block;
      background: url(../images/network/okinawa-p1.png) no-repeat;
    }
    #link-okinawa-p2:hover ~ .network__content {
      display: block;
      background: url(../images/network/okinawa-p2.png) no-repeat;
    }
    #link-okinawa-p3:hover ~ .network__content {
      display: block;
      background: url(../images/network/okinawa-p3.png) no-repeat;
    }
    #link-groupOffice {
      bottom: 68px;
      right: 95px;
    }
    #link-asahikawa {
      top: 207px;
      right: 95px;
    }
    #link-sapporo {
      top: 120px;
      right: 330px;
    }
    #link-hakodate {
      top: 178px;
      right: 330px;
    }
    #link-aomori {
      top: 250px;
      right: 95px;
    }
    #link-iwate {
      top: 290px;
      right: 95px;
    }
    #link-miyagi {
      top: 347px;
      right: 95px;
    }
    #link-akita {
      top: 290px;
      right: 320px;
    }
    #link-yamagata {
      top: 320px;
      right: 320px;
    }
    #link-fukushima {
      top: 390px;
      right: 95px;
    }
    #link-tokyo {
      top: 550px;
      right: 110px;
    }
    #link-yokohama {
      top: 600px;
      right: 110px;
    }
    #link-shinyokohama {
      top: 600px;
      right: -20px;
    }
    #link-chiba {
      top: 505px;
      right: 110px;
    }
    #link-saitama {
      top: 458px;
      right: 79px;
    }
    #link-nigata {
      top: 370px;
      right: 323px;
    }
    #link-nagano {
      top: 252px;
      right: 455px;
    }
    #link-toyama {
      top: 279px;
      right: 530px;
    }
    #link-ishikawa {
      top: 410px;
      right: 530px;
    }
    #link-fukui {
      top: 443px;
      right: 530px;
    }
/*    #link-shizuoka {
      top: 600px;
      right: 95px;
    }*/
    #link-gifu {
      top: 306px;
      right: 530px;
    }
    #link-nagoya_s {
      top: 340px;
      right: 585px;
    }    
    #link-nagoya {
      top: 375px;
      right: 515px;
    }
    #link-kobe {
      top: 706px;
      left: 525px;
    }
    #link-group-honbu {
      top: 638px;
      left: 440px;
    }
    #link-osaka {
      top: 563px;
      left: 495px;
    }
    #link-okayama {
      top: 360px;
      left: 270px;
    }
    #link-hiroshima {
      top: 390px;
      left: 125px;
    }
    #link-kagawa {
      bottom: 22px;
      left: 250px;
    }
    #link-ehime {
      bottom: 48px;
      left: 250px;
    }
    #link-tokushima {
      bottom: -5px;
      left: 250px;
    }
    #link-fukuoka {
      top: 435px;
      left: 110px;
    }
    #link-fukuoka-p1 {
      top: 487px;
      left: 70px;
    }
    #link-fukuoka-p2 {
      top: 518px;
      left: 70px;
    }
    #link-fukuoka-p3 {
      top: 550px;
      left: 70px;
    }
    #link-oita {
      top: 597px;
      left: 65px;
    }
    #link-kagoshima {
      top: 632px;
      left: 68px;
    }
    #link-okinawa-p1 {
      top: 265px;
      left: 190px;
    }
    #link-okinawa-p2 {
      top: 290px;
      left: 190px;
    }
    #link-okinawa-p3 {
      top: 315px;
      left: 190px;
    }
    .network__list li {
      display: flex;
      font-size: 19px;
      padding: 15px 0 15px 210px;
    }
    .network__title {
      width: 180px;
    }
    .networkBase .c-title__text {
      text-align: center;
    } 
  }

/* お客様の声 追加 */
.voice .c-voice {
  margin-bottom: 50px;
}
.voice .bestReason_squareArea {
  margin-bottom: 40px;
}
.voice .titleArea__img {
  width: 30%;
  margin-bottom: 15px;
} 
  @media screen and (min-width:768px) and (max-width:1024px) {

  }
  @media screen and (min-width: 1025px) {
    .voice .titleArea {
      display: flex;
      justify-content: flex-start;
      align-items: center; 
      width: 1060px;
      padding: 0;
      position: static;
    }
    .voice .titleArea__img {
      width: 188px;
      margin: 0 20px 0 0;
      position: static;
    }
  }

/* 企業情報 追加 */
  @media screen and (min-width:768px) and (max-width:1024px) {

  }
  @media screen and (min-width: 1025px) {


  }

/* お知らせ 追加 */
  .news .pageTitle {
    padding-top: 0;
  }
  .news .titleImg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {

  }
  @media screen and (min-width: 1025px) {
    .news-detail .news-detail__container {
      font-size: 17px;
    }
  }

/* ベストな理由 追加 */
  .best_reason--firstTitle {
    margin-top: 55px;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .best_reason--firstTitle {
      padding-bottom: 20px;
    }
  }
  @media screen and (min-width: 1025px) {
    .best_reason--firstTitle {
      padding-bottom: 40px;
      margin-top: 70px;
    }
    .best_reason .optionList {
      padding-bottom: 0;
      margin-bottom: 0;
    }
  }