@charset "UTF-8";

/*----- agileworks/column/index.html、記事用css -----*/


  .floating-banner {
    position: fixed; /* バナーを追従させる */
    z-index: 99999; /* 他の要素の下に隠れないように */
    bottom: 10px; /* バナーの上下の位置 */
    right: 10px; /* バナーの左右の位置 */
    width: 350px; /* バナーの横幅 */
      box-shadow: 0px 0px 5px #666;
  }
  .floating-banner__image {
    max-width: 100%; /* 画像の最大幅 */
    border: 3px solid #fff;
  }
.banner-close {
position: absolute;
top: 0;
right: 0;
padding: 4px 8px;
border: none;
background-color: #fff;
cursor: pointer;
}


  .bg_blue{background: #f4fcff;}

  .new_inner h2{
    font-size: 4.8rem;
    text-align: center;
    color: #fff;
    font-weight: 800;
    font-feature-settings: "palt";
    text-align: left;
    margin: 5rem 0 8rem 0;
  }
  .new_inner .Btn-contact{margin-bottom: 5rem;}
  
  .new_inner h3{
    font-size: 4.8rem;
    text-align: center;
    color: #000;
    font-weight: 800;
    font-feature-settings: "palt";
  }
  
  .new_inner .title_lead{
    margin: 5rem 0;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
  }

  .new_section{
width: 80vw;
margin: auto; 
padding: 10rem 0;
  }
  .new_section .flex_outer{
    display: flex;
    justify-content: center;
    margin: 6rem 0;
  }
  .new_section .flex_outer img{
    display: block;
    width: 100%;
  }
  .new_section .flex_outer .flex_inner{
    width: 50%;
    padding: 0 2rem;
    font-size: 1.8rem;
    line-height: 1.6;
  }

  .new_section .flex_outer .flex_inner p{
    font-size: 1.8rem;
    line-height: 1.6;
    margin-bottom: 1rem;
  }

  .new_section .flex_outer .flex_inner h4{
    font-size: 2.2rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    font-weight: 700;
  }

  .arrow_orange{
    width: 0;
     height: 0;
     border-top-color: #FF9A00 !important;
    margin: auto;
    border: 40px solid transparent;
    border-top: 40px solid;
  }

  .example2_ul { margin-bottom: 1.8rem; padding-left: 2rem;  font-size: 1.8rem; list-style: disc;display: block; }
  
  .table-wrap {
                margin-top: 50px;
              }
	.table-wrap table {
		width: 100%;
		border-bottom: solid 1px #e0e0e0;
	      }
	
	.table-wrap table th,.table-wrap table td {
		padding: 1.5rem 2rem;
		border-top: solid 1px #e0e0e0;
		border-left: solid 1px #e0e0e0;
		}
		
	.table-wrap table th {
		background-color: #e0f7ff;
		}
	
	.table-wrap table th:first-child {
		border-left: none;
		}
	
	.table-wrap table td:first-child {
		border-left: none;
		}
  
  @media screen and (min-width: 769px){
  
  div.KV__content .left__content {
    width: 50%;
}
  div.KV__content .right__content {
    width: 50%;
}
  div.KV .Btn-contact a {
    width: 55%;
  }
  div.KV__content .right__content img {
    width: 90%;
}
}

@media screen and (min-width: 768px){
.sp_01 {
  display: none;
  }
}  
  
  @media screen and (max-width: 768px) { /* タブレット用のブレイクポイントを指定 */
    .floating-banner {
      display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
    }
  }
  
  @media screen and (max-width: 767px) { /* スマホ用のブレイクポイントを指定 */
    .floating-banner {
      display: block;/* 消していたバナーを表示させる */
      width: 50vw; /* スマホの画面幅いっぱいにバナーを表示 */
    }
    .example2_ul { font-size: 1.5rem;}
    .sp_01 {
        margin-bottom: 60px;
        width: 100%;
      }
    .new_section .flex_outer{
    display: block;
  }
    .new_section .flex_outer .flex_inner{
    width: 100%;
  }
    .new_section .flex_outer .flex_inner p{
    font-size: 1.5rem;
  }
  .new_inner h2 {
  font-size: 2.8rem;
  }
  h1.KV__title {
      text-align: left;
      }
  div h1.KV__title img {
      width: 70%;
      }
  .new_section{
    width: 90vw;
    margin: auto; 
    padding: 10rem 0;
  }
  }