@charset "UTF-8";


/* フォント読み込み中のガタつき防止 */
.wf-loading * {
    opacity: 0;
    transition: opacity 0.1s ease-in;
}

.wf-active *,
.wf-inactive * {
    opacity: 1;
}


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

	 base

----------------------------------------------- */
.btn {
  display: inline-block;
  position: relative;
  text-align: center;
  margin: auto;
  max-width: 320px;
  min-width: 320px;
  width: 100%;
  transition: 0.5s;
}
.btn a{
  display: inline-block;
  color: #fff;
  background-color: #005bab;
  border-radius: 50vh;
  width: 100%;
  font-weight: 600;
  padding: 20px;
  line-height: 1.8;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
}
.btn-alt a{
  background: #f77823;
}
.btn:hover{
  opacity: 0.6;
  transition: 0.5s;
}
.ttlrtn{
  font-weight: 700;
  color: #fff;
}
.container {
  max-width: 1200px;
  width: 100%;
  margin: auto;
}
.tsec,.usec{
  margin-bottom: 180px;
}
.img{
  display: flex;
}
.bggrad{
  background-image: linear-gradient(135deg, #e3f6ff, #bce7f7 30%, #aedbf3 65%, #5ecaef);
}
.bggrad2{
  background-image: linear-gradient(90deg, #bce7f7 , #aedbf3 50%, #5ecaef);
}
.bggrad3{
  background-image: linear-gradient(90deg, #bce7f7 , #aedbf3 50%, #83d9f6);
}
h2{
  font-size: 50px;
  margin-bottom: 60px;
  text-align: center;
  font-weight: 800;
  font-optical-sizing: auto;
}
.cta_mail,
.cta_tel{
  height: 80px;
  width: 100%;
  max-width: 320px;
}
.cta_tel_max{
  height: 150px;
  max-width: 100%;
}
.cta_tel_yoyaku {
  height: 100px;
  max-width: 400px;
  border-radius: 50vh;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.cta_mail a,
.cta_tel a{
  padding: 10px 20px;
  border-radius: 50vh !important;
  height: 100%;
  width: 100%;
  line-height: 1;
}
.cta_mail a{
  font-weight: 700;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #005bab !important;
  border: solid 2px #005bab;
  font-size: 20px !important;
}
.cta_mail img{
  margin-right: 10px;
  width: 30px;
}
.cta_tel a {
  color: #fff;
  background: #005bab;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cta_tel a .txt{
  font-size: 15px;
  font-weight: normal;
  display: inline-block;
}
.cta_tel .num,
.cta_tel .ttl{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin-bottom: 5px;
}
.cta_tel .num{
  font-family: "century-gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.cta_tel img{
  margin-right: 10px;
  width: 22px;
  position: relative;
  top: -2px;
}
.cta_tel_max img{
  width: 30px;
  margin-right: 15px;
}
.cta_tel_max a .txt{
  font-size: 24px;
}
.cta_tel_max a .txt:first-child{
  margin-bottom: 10px;
}
.cta_tel_max a .num{
  font-size: 45px;
  margin-bottom: 10px;
}
.cta_tel_yoyaku .ttl{
  margin-bottom: 10px;
}
.cta_tel_yoyaku a{
  background: #f77823;
}

  @media only screen and (max-width: 1024px) {
    h2{
      font-size: 40px;
    }
    .tsec, .usec {
      margin-bottom: 150px;
    }
    .cta_mail a,
    .cta_tel a{
      font-size: 18px !important;
    }
    .cta_tel .num,
    .cta_tel .ttl{
      font-size: 28px;
    }
  }
  @media only screen and (max-width: 768px) {
    h2{
      font-size: 30px;
    }
    .tsec, .usec {
      margin-bottom: 120px;
    }
    .cta_tel .num,
    .cta_tel .ttl{
      font-size: 26px;
    }
    .cta_tel_yoyaku {
      height: 90px;
    }
    .cta_tel_max{
      height: 120px;
    }
    .cta_tel_max a .num {
      font-size: 40px;
    }
    .cta_tel_max a .txt {
      font-size: 18px;
    }
    .cta_tel_max img {
      width: 25px;
      margin-right: 10px;
    }
  }
  @media only screen and (max-width: 479px) {
    h2{
      font-size: 24px;
      margin-bottom: 30px;
    }
    .btn {
      min-width: auto;
    }
    .btn a{
      padding: 15px;
    }
    .tsec, .usec {
      margin-bottom: 90px;
    }
    .cta_tel_yoyaku {
      height: 80px;
    }
    .cta_tel .num, .cta_tel .ttl {
      font-size: 22px;
    }
    .cta_mail a, .cta_tel a {
      font-size: 16px !important;
    }
    .cta_tel img {
      margin-right: 5px;
      width: 20px;
      top: 0;
    }
    .cta_mail img {
      position: relative;
      top: 2px;
      margin-right: 5px;
      width: 24px;
    }
    .globalMenuSp .cta_mail img{
      top: 0;
    }
    .cta_tel a .txt {
      font-size: 14px;
      letter-spacing: -0.025rem;
    }
    .cta_tel_max{
      height: 90px;
    }
    .cta_tel_max a .txt:first-child {
      margin-bottom: 5px;
    }
    .cta_tel_max a .num {
        font-size: 30px;
        margin-bottom: 5px;
      }
    .cta_tel img {
      width: 18px;
      top: -1px;
    }
    .lead br{
      display: none;
    }
  }
  
  @media only screen and (max-width: 479px) {
    .cta_tel_max a {
      padding: 10px;
    }
      .cta_tel_max a .num {
        font-size: 25px;
      }
      .cta_tel a .txt {
        font-size: 12px;
    }
  }


/* -----------------------------------------------
	 top_section
----------------------------------------------- */
.top_section{
  padding-top: 60px;
  margin-bottom: 80px;
  background-image: url('/images/bg_main.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.top_section .inner{
  gap: 50px;
}
.top_section .lawyer{
  width: 42%;
}
.top_section .txts{
  width: 58%;
  position: relative;
  z-index: 1;
}
.top_section h1 {
  font-family: ta-oonishi, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 50px;
  gap: 20px;
  margin-bottom: 60px;
  align-items: flex-start;
}
.top_section h1 > span{
  position: relative;
  display: block;
  background: #fff;
  color: #f77823;
  /* -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f77823; */
  padding: 0 15px;
}
.top_section h1 > span::after{
  content: "";
  display: inline-block;
  position: absolute;
  background: #f77823;
  top: calc(50% + 5px);
  left: calc(50% + 5px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.top_section .boxwrap{
  gap: 30px;
  margin-bottom: 40px;
}

  @media only screen and (max-width: 1024px) {
    .top_section .txts {
      width: 60%;
    }
    .top_section h1{
      font-size: 40px;
      margin-bottom: 40px;
    }
    .top_section .boxwrap {
      gap: 20px;
    }
  }
  @media only screen and (max-width: 768px) {
    .top_section {
      padding-top: 45px;
      margin-bottom: 60px;
    }
    .top_section .inner {
      gap: 30px;
    }
    .top_section .txts {
      width: 65%;
    }
    .top_section h1{
      margin-bottom: 30px;
    }
    .top_section h1 span span{
      font-size: 35px;
      letter-spacing: -0.25rem;
    }
    .top_section .boxwrap {
      gap: 15px;
      margin-bottom: 20px;
    }
  }
  @media only screen and (max-width: 650px) {
    .top_section .inner{
      flex-direction: column-reverse;
    }
    .top_section .txts{
      width: 100%;
    }
    .top_section .lawyer{
      width: 80%;
      margin: auto;
    }
    .top_section .inner {
      gap: 10px;
    }
    .top_section .boxwrap {
      gap: 10px;
      margin-bottom: 0;
    }
    .top_section h1 span.line01{
      font-size: 9vw;
      width: 100%;
      letter-spacing: -0.5rem;
      padding: 2px 15px;
      font-weight: 700;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #f77823;
    }
    .top_section h1 > span.line01::after{
      top: calc(50% + 3px);
      left: calc(50% + 3px);
    }
    .top_section h1 span.line02{
      width: 100%;
      background: transparent;
      display: flex;
      flex-direction: column;
      gap: 20px;
      padding: 0;
    }
    .top_section h1 span.line02 span:first-child{
      font-size: 15vw;
    }
    .top_section h1 span.line02 span:last-child{
      font-size: 12vw;
    }
    .top_section h1 span.line02 span{
      background: transparent;
      display: flex;
      flex-direction: column;
      gap: 20px;
      font-weight: 700;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #f77823;
      padding: 0;
    }
    .top_section h1 > span.line02::after{
      content: unset;
    }
    .top_section h1 > span.line02 span{
      background: #fff;
      position: relative;
      padding: 0 15px;
    }
    .top_section h1 > span.line02 span::after{
      content: "";
      display: inline-block;
      position: absolute;
      background: #f77823;
      top: calc(50% + 3px);
      left: calc(50% + 3px);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      z-index: -1;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }
  }
  @media only screen and (max-width: 479px) {
    .top_section {
      margin-bottom: 45px;
    }
  }


  /* -----------------------------------------------
	 tsec_info
----------------------------------------------- */
.tsec_info{
  margin-bottom: 80px;
}
.tsec_info .inner{
  gap: 30px;
}
.tsec_info .info{
  width: calc(100% - 290px);
}
.kijiset .news,
.kijiset .column{
  padding: 15px;
  border-bottom: solid 1px #cdcdcd;
}
.kijiset .head{
  margin-bottom: 10px;
}
.kijiset .cate{
  font-size: 15px;
  background: #005bab;
  color: #fff;
  padding: 6px 12px;
  border-radius: 8px;
  margin-right: 10px;
  line-height: 1;
  text-align: center;
}
.kijiset .date{
  font-size: 16px;
}
.kijiset .ttl{
  font-weight: 700;
  color: #005bab;
  line-height: 1.3;
}
.tsec_info .img{
  width: 100%;
  max-width: 300px;
}

  @media only screen and (max-width: 1024px) {
  }
  @media only screen and (max-width: 768px) {
    .tsec_info .info {
      width: calc(100% - 230px);
    }
    .tsec_info .img{
      max-width: 200px;
    }
  }
  @media only screen and (max-width: 479px) {
    .tsec_info .inner{
      flex-direction: column;
      align-items: center;
    }
    .tsec_info .info {
        width: 100%;
    }
    .tsec_info .img {
      max-width: 240px;
    }
    .kijiset .cate {
      font-size: 13px;
      padding: 5px 10px;
      border-radius: 7px;
      margin-right: 10px;
    }
    .kijiset .date {
      font-size: 14px;
    }
    .kijiset .news, .kijiset .column {
      padding: 10px;
    }
  }




  /* -----------------------------------------------
	 tsec_about
----------------------------------------------- */
.tsec_about .boxwrap{
  border-radius: 50px;
  padding: 90px 120px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.tsec_about .boxwrap .headimg{
  max-width: 90px;
  margin: 0 auto 30px;
}
.tsec_about .boxwrap .headtxt{
  font-size: 45px;
  margin-bottom: 80px;
  color: #005bab;
  font-family: ta-oonishi, sans-serif;
  font-weight: 300;
  font-style: normal;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #005bab;
  letter-spacing: -0.25rem;
}
.tsec_about .boxwrap .txts {
  line-height: 2.5;
  margin-bottom: 80px;
  font-size: 26px;
}
.tsec_about .boxwrap .txts .txt01{
  margin-bottom: 30px;
}

  @media only screen and (max-width: 1024px) {
    .tsec_about .boxwrap .headtxt {
      font-size: 35px;
    }
    .tsec_about .boxwrap .txts {
      font-size: 22px;
    }
  }
  @media only screen and (max-width: 768px) {
    .tsec_about .boxwrap {
      padding: 60px 30px;
    }
    .tsec_about .boxwrap .headimg {
      max-width: 80px;
      margin: 0 auto 20px;
    }
    .tsec_about .boxwrap .headtxt {
      font-size: 30px;
      margin-bottom: 45px;
    }
    .tsec_about .boxwrap .txts {
      margin-bottom: 60px;
    }
  }
  @media only screen and (max-width: 479px) {
    .tsec_about .boxwrap{
      padding: 45px 30px;
      border-radius: 30px;
    }
    .tsec_about .boxwrap .headtxt {
      font-size: 7vw;
      width: 100vw;
      margin-right: calc(((100vw - 100%) / 2) * -1);
      margin-left: calc(((100vw - 100%) / 2) * -1);
    }
    .tsec_about .boxwrap .headimg {
      max-width: 60px;
      margin: 0 auto 15px;
    }
    .tsec_about .boxwrap .txts{
      text-align: left;
    }
    .tsec_about .boxwrap .txts br{
      display: none;
    }
    .tsec_about .boxwrap .txts {
      line-height: 2;
      margin-bottom: 30px;
    }
  }

  /* -----------------------------------------------
	fieldset
----------------------------------------------- */
#fieldset .lead{
  margin-bottom: 80px;
}
#fieldset .boxwrap{
  gap: 30px;
  align-items: stretch; /* 高さを揃える */
}
#fieldset .box{
  width: calc(100% / 3 - 20px);
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#fieldset .box img{
  border-radius: 20px 20px 0 0;
}
#fieldset .box .inner{
  height: 100%;
  padding: 30px 30px 40px;
}
#fieldset .box h3{
  font-size: 30px;
  text-align: center;
  color: #005bab;
  margin-bottom: 20px;
}
#fieldset .box p{
  font-size: 20px;
  margin-bottom: 45px;
}
#fieldset .box .btn{
  margin: auto auto 0;
}
#fieldset .box .btn a{
  font-size: 20px;
}

  @media only screen and (max-width: 1024px) {
    #fieldset .box .btn{
      min-width: auto;
    }
    #fieldset .box h3 {
      font-size: 24px;
    }
    fieldset .box p {
      font-size: 18px;
    }
  }
  @media only screen and (max-width: 768px) {
    #fieldset .boxwrap {
      flex-wrap: wrap;
      justify-content: center;
    }
    #fieldset .box {
      width: calc(100% / 2 - 15px);
    }
    #fieldset .lead br{
      display: none;
    }
  }
  @media only screen and (max-width: 479px) {
    #fieldset .box {
      width: 100%;
    }
    #fieldset .box p {
      font-size: 16px;
      margin-bottom: 30px;
    }
  }

  /* -----------------------------------------------
	 tsec_reason
----------------------------------------------- */
.tsec_reason h2{
  margin-bottom: 80px;
}
.tsec_reason .reasonwrap{
  position: relative;
}
.tsec_reason .reasonwrap::before{
  content: "";
  display: inline-block;
  position: absolute;
  top: calc(50% + 30px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 500px;
  height: 430px;
  background-image: url('/images/icon_miyauchilow.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.04;
  z-index: -1;
}
.tsec_reason .reason:not(:last-child){
  margin-bottom: 60px;
}
.tsec_reason h3{
  color: #005bab;
  font-size: 45px;
  margin-bottom: 15px;
  font-family: ta-oonishi, sans-serif;
  font-weight: 300;
  font-style: normal;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #005bab;
  letter-spacing: -0.05rem;
}
.tsec_reason p span{
  color: #f77823;
}

  @media only screen and (max-width: 1024px) {
    .tsec_reason h3,
    .tsec_reason h3 span{
      font-size: 35px;
      font-weight: normal;
    }
    .tsec_reason .reasonwrap::before{
      width: 400px;
      height: 400px;
    }
  }
  @media only screen and (max-width: 768px) {
    .tsec_reason h3{
      display: flex;
    }
    .tsec_reason h3, .tsec_reason h3 span{
      font-size: 30px;
    }
    .tsec_reason .reasonwrap::before{
      width: 320px;
      height: 320px;
    }
  }
  @media only screen and (max-width: 479px) {
    .tsec_reason h2{
      margin-bottom: 60px
    }
    .tsec_reason h3, .tsec_reason h3 span{
      font-size: 24px;
    }
    .tsec_reason .reason:not(:last-child) {
      margin-bottom: 45px;
    }
    .tsec_reason .reasonwrap::before{
      width: 250px;
      height: 250px;
    }
  }

  /* -----------------------------------------------
	 gosoudan
----------------------------------------------- */
.gosoudan{
  position: relative;
  color: #fff;
  padding: 60px 0 80px;
  background-image: url('/images/bg_cta.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.gosoudan_top::after{
  content: "";
  display: inline-block;
  width: 450px;
  height: 520px;
  position: absolute;
  bottom: -20px;
  left: calc(50% + 400px);
  -webkit-transform : translateX(-50%);
  transform : translateX(-50%);
  background-image: url('/images/lawyer_miyauchi.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.gosoudan .txts{
  width: 100%;
  max-width: 800px;
}
.gosoudan .head{
  font-size: 70px;
  margin-bottom: 30px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  font-family: ta-oonishi, sans-serif;
  font-weight: 300;
  font-style: normal;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  line-height: 1.5;
  letter-spacing: -0.25rem;
}
.gosoudan .txts .soudantxt{
  margin-bottom: 45px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.gosoudan .btn a{
  background: #f77823;
}

  @media only screen and (max-width: 1024px) {
    .gosoudan .head {
      font-size: 55px;
    }
    .gosoudan .txts {
      max-width: 650px;
    }
    .gosoudan_top::after {
      width: 400px;
      height: 467px;
      left: calc(50% + 300px);
    }
  }
  @media only screen and (max-width: 768px) {
    .gosoudan .head {
        font-size: 50px;
    }
    .gosoudan .txts .soudantxt{
      padding-right: 160px;
    }
    .gosoudan_top::after {
      width: 300px;
      height: 360px;
      left: calc(50% + 220px);
    }
  }
  @media only screen and (max-width: 479px) {
    .gosoudan .head {
        font-size: 11vw;
        line-height: 1.3;
    }
    .gosoudan .txts .soudantxt{
      padding-right: 0;
    }
    .gosoudan_top::after{
      display: none;
    }
  }

  /* -----------------------------------------------
	caseset
----------------------------------------------- */
#caseset{
  padding: 120px 0 0;
}
#caseset .lead{
  margin-bottom: 60px;
}
#caseset .case{
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 30px;
}
#caseset .case01{
  margin-bottom: 60px;
}
#caseset .inner{
  gap: 50px;
  padding: 50px 60px;
}
#caseset .txts{
  width: calc(100% - 370px);
}
#caseset .txts .num{
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  color: #005bab;
  font-size: 30px;
  display: inline-block;
  border: solid 3px #005bab;
  padding: 5px 30px;
  line-height: 1.3;
  margin-bottom: 20px;
}
#caseset .txts h2{
  color: #005bab;
  font-size: 35px;
  text-align: left;
  margin-bottom: 20px;
}
#caseset .txts span{
  color: #f77823;
}
#caseset .img {
  max-width: 320px;
}
#caseset .comment{
  color: #fff;
  line-height: 1.5;
  font-size: 40px;
  letter-spacing: -0.05rem;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  padding: 30px;
  text-align: center;
  background: #005bab;
  border-radius: 0 0 20px 20px;
  font-family: ta-oonishi, sans-serif;
  font-weight: 300;
  font-style: normal;
}

  @media only screen and (max-width: 1024px) {
    #caseset .txts .num{
      font-size: 25px;
    }
  }
  @media only screen and (max-width: 768px) {
    #caseset {
      padding: 90px 0 0;
    }
      #caseset .inner{
      gap: 30px;
      padding: 40px 50px;
      flex-direction: column;
    }
    #caseset .txts {
      width: 100%;
    }
    #caseset .img {
      max-width: 100%;
    }
    #caseset .txts .num {
        font-size: 20px;
    }
    #caseset .txts h2{
      font-size: 30px;
    }
    #caseset .comment p{
      font-size: 30px;
    }
  }
  @media only screen and (max-width: 479px) {
    #caseset {
      padding: 60px 0 0;
    }
    #caseset .inner{
      padding: 30px 25px;
    }
    #caseset .txts h2{
      font-size: 24px;
    }
    #caseset .txts h2 br{
      display: none;
    }
    #caseset .txts .num {
      font-size: 18px;
      border: solid 2px;
      margin-bottom: 10px;
    }
    #caseset .comment{
      padding: 20px;
    }
    #caseset .comment p {
      font-size: 20px;
    }
    #caseset .comment p br{
      display: none;
    }
    #caseset .txts .num {
      font-size: 16px;
      padding: 3px 15px;
    }
  }

  /* -----------------------------------------------
	 tsec_voice
----------------------------------------------- */
.tsec_voice .lead{
  margin-bottom: 80px;
}
.tsec_voice .voice:not(:last-child){
  margin-bottom: 60px;
}
.tsec_voice .ttl{
  font-size: 45px;
  margin-bottom: 20px;
  color: #fff;
  background: #005bab;
  padding: 10px 30px;
  font-family: ta-oonishi, sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.5;
}
.tsec_voice .ttl span{
  font-weight: normal;
}

  @media only screen and (max-width: 1024px) {
    .tsec_voice .ttl {
      font-size: 35px;
    }
  }
  @media only screen and (max-width: 768px) {
    .tsec_voice .ttl {
      font-size: 30px;
      padding: 10px 20px;
    }
  }
  @media only screen and (max-width: 479px) {
    .tsec_voice .voice:not(:last-child){
      margin-bottom: 40px;
    }
    .tsec_voice .ttl {
      font-size: 24px;
      line-height: 1.3;
      padding: 10px 15px;
      margin-bottom: 15px;
    }
  }

  /* -----------------------------------------------
	 flowset
----------------------------------------------- */
#flowset .flowwrap{
  border-radius: 50px;
  padding: 60px 120px 90px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#flowset .flowwrap h2{
  margin-bottom: 80px;
}
#flowset .flowwrap .flow{
  gap: 60px;
}
#flowset .flowwrap .flow:not(:last-child){
  margin-bottom: 60px;
}
#flowset .flowwrap .flow:last-child{
  margin-bottom: 60px;
}
#flowset .flowwrap .img{
  max-width: 200px;
  border-radius: 50vh;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#flowset .flowwrap .txts{
  width: calc(100% - 260px);
}
#flowset .flowwrap .txts p span a{
  color: #f77823;
  text-decoration: underline;
}
#flowset .flowwrap .txts h3{
  font-size: 30px;
  color: #005bab;
  margin-bottom: 10px;
  border-bottom: solid 3px #005bab;
  padding-bottom: 5px;
}
#flowset .flowwrap .txts h3 span{
  margin-right: 10px;
}

  @media only screen and (max-width: 1024px) {
      #flowset .flowwrap {
        border-radius: 50px;
        padding: 60px 80px 90px;
    }
  }
  @media only screen and (max-width: 768px) {
    #flowset .flowwrap {
      padding: 50px 60px 80px;
    }
    #flowset .flowwrap h2 {
      margin-bottom: 60px;
    }
    #flowset .flowwrap .flow {
      gap: 30px;
      flex-direction: column-reverse;
    }
    #flowset .flowwrap .flow:not(:last-child) .img{
      display: none;
    }
    #flowset .flowwrap .img {
      max-width: 160px;
    }
    #flowset .flowwrap .txts {
      width: 100%;
    }
    #flowset .flowwrap .txts h3 {
      font-size: 24px;
    }
  }
  @media only screen and (max-width: 650px) {
    #flowset .flowwrap {
      border-radius: 30px;
      padding: 45px 25px;
    }
    #flowset .flowwrap .flow {
      gap: 40px;
    }
    #flowset .flowwrap .txts {
      width: 100%;
    }
    #flowset .flowwrap .img {
      max-width: calc(100% - 40px);
    }
    #flowset .flowwrap .flow:not(:last-child) {
      margin-bottom: 45px;
    }
    #flowset .flowwrap .flow:last-child {
      margin-bottom: 30px;
    }
    #flowset .flowwrap h2 {
      margin-bottom: 45px;
    }
    #flowset .flowwrap .txts h3{
      display: flex;
      letter-spacing: -0.025rem;
      font-size: 20px;
      border-bottom: solid 2px #005bab;
    }
  }

  /* -----------------------------------------------
	 tsec_office
----------------------------------------------- */
table {
  width: 100%;
  margin-bottom: 60px;
}
table tr{
  border-bottom: solid 2px #cdcdcd;
}
table th{
  text-align: left;
  width: 200px;
}
table th,
table td{
  padding: 15px 20px;
}

  @media only screen and (max-width: 1024px) {
  }
  @media only screen and (max-width: 768px) {
    table th{
      width: 150px;
    }
  }
  @media only screen and (max-width: 479px) {
    table tr{
      display: flex;
      flex-direction: column;
      border-bottom: solid 1px #cdcdcd;
    }
    table th{
      padding: 10px 10px 0;
    }
    table td {
      padding: 0 10px 10px;
    }
  }

  /* -----------------------------------------------
	 tsec_office
----------------------------------------------- */
.tsec_office h2{
  margin-bottom: 80px;
}

  @media only screen and (max-width: 1024px) {
    .tsec_office iframe{
      height: 400px;
    }
  }
  @media only screen and (max-width: 768px) {
    .tsec_office iframe{
      height: 350px;
    }
    .tsec_office h2 {
      margin-bottom: 60px;
    }
  }
  @media only screen and (max-width: 479px) {
    .tsec_office iframe{
      height: 250px;
    }
    .tsec_office h2 {
      margin-bottom: 45px;
    }
  }




  /* -----------------------------------------------
	 tsec_aaaaa
----------------------------------------------- */
.tsec_aaaaa{}

  @media only screen and (max-width: 1024px) {
  }
  @media only screen and (max-width: 768px) {
  }
  @media only screen and (max-width: 479px) {
  }