@charset "UTF-8";
/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
変数等の設定
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/********************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.sp_br {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp_br {
    display: block;
  }
}

/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
変数等の設定　ここまで
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
ヘッダー
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.header {
  width: 100%;
  height: 80px;
}

/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
ヘッダー　ここまで
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
全体
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/*サイドメニュー*/
#side_menu02 {
  width: 200px;
  height: 100vh;
  position: fixed;
  left: 0;
  background-color: #003893;
  z-index: 3;
  box-shadow: rgba(0, 0, 0, 0.16) 3px 0 3px;
}

#side_menu02 .side_menu_area {
  position: relative;
  top: calc(50% - 40vh);
}

#side_menu02 .side_menu_list {
  width: 176px;
  padding-left: 16px;
  list-style: none;
}

#side_menu02 .side_menu_list .side_menu_list_txt {
  height: 80px;
  border-bottom: #fff 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
}

#side_menu02 .side_menu_list .menu_wide {
  height: 120px;
}

#side_menu02 .side_menu_list .side_menu_list_txt:last-child {
  border-bottom: none;
}

#side_menu02 .side_menu_list .side_menu_list_txt a {
  text-decoration: none;
  font-size: 16px;
  color:#fff;
  position: relative;
}

#side_menu02 .side_menu_list .side_menu_list_txt a::after {
  content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #ceb849;
	transform: scaleX(0);
	transition: transform 0.3s;
}

#side_menu02 .side_menu_list .side_menu_list_txt a:hover:after {
  transform: scaleX(1);
}

/*サイドメニューボタン*/
#side_menu02 .side_menu_btn {
  width: 176px;
  padding-left: 16px;
  list-style: none;
}

#side_menu02 .side_menu_btn_01 {
  text-align: center;
  height: 60px;
}

#side_menu02 .side_menu_btn_01 a {
  font-size: 16px;
  text-decoration: none;
  color: #003893;
  font-weight: bold;
  width: 100%;
  height: 100%;
  display: block;
  transition: .3s;
  border: #003893 2px solid;
  border-radius: 10px;
}

#side_menu02 .side_menu_btn_01 span {
  font-size: 18px;
  line-height: 0;
}

#side_menu02 .side_menu_btn_02 {
  text-align: center;
  border-radius: 10px;
  margin-top: 28px;
  background-color: #ccac46;
  border-radius: 10px;
  height: 60px;
  position: relative;
}

#side_menu02 .side_menu_btn_02 a {
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding-top: 23px;
  display: block;
}

#side_menu02 .side_menu_btn_02 a::after {
  content: '';
  display: block;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  position: absolute;
  background-color: #003893;
  top: 5px;
  left: 3px;
  z-index: -1;
  transition: .3s;
}

#side_menu02 .side_menu_btn_02 a span {
  color: #fff;
  width: 82px;
  font-size: 16px;
  font-weight: bold;
  background-color: #D4145A;
  border-radius: 0 0 5px 5px;
  position: absolute;
  top: -5px;
  left: 13px;
  box-shadow: rgba(0, 0, 0, 0.37) 2px 2px 2px;
}

#side_menu02 .side_menu_btn_02 a span::before {
  content: '';
  width: 4px;
  height: 5px;
  background-color: #911341;
  position: absolute;
  top: 0px;
  right: -4px;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

/*ホバーアクション*/
#side_menu02 .side_menu_btn_01 a:hover {
  color: #fff;
  background-color: #003893;
  transition: .3s;
}
#side_menu02 .side_menu_btn_02 a:hover::after {
  top: 3px;
  transition: .3s;
}

#side_menu02 .side_menu_btn_03 {
  text-align: center;
  border-radius: 10px;
  margin-top: 28px;
  background-color: #003893;
  border-radius: 10px;
  height: 60px;
  position: relative;
}

#side_menu02 .side_menu_btn_03 a {
  font-size: 17px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding-top: 23px;
  display: block;
}

#side_menu02 .side_menu_btn_03 a::after {
  content: '';
  display: block;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  position: absolute;
  background-color: #ccac46;
  top: 5px;
  left: 3px;
  z-index: -1;
  transition: .3s;
}

#side_menu02 .side_menu_btn_03 a span {
  color: #fff;
  width: 100px;
  font-size: 16px;
  font-weight: bold;
  background-color: #D4145A;
  border-radius: 0 0 5px 5px;
  position: absolute;
  top: -5px;
  left: 13px;
  box-shadow: rgba(0, 0, 0, 0.37) 2px 2px 2px;
}

#side_menu02 .side_menu_btn_03 a span::before {
  content: '';
  width: 4px;
  height: 5px;
  background-color: #911341;
  position: absolute;
  top: 0px;
  right: -4px;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

/*ホバーアクション*/
#side_menu02 .side_menu_btn_03 a:hover::after {
  top: 3px;
  transition: .3s;
}

.main_contents * {
  box-sizing: border-box !important;
}

.main_contents_consulting {
  width: calc(100% - 200px);
  letter-spacing: 0;
}

@media screen and (max-width: 768px) {
  #side_menu02 {
    display: none;
  }
}

/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
全体　ここまで
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
hero
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.hero {
  width: 100%;
  height: 700px;
  margin-top: 80px;
  background-image: url("../img/buntan_consul/hero_bk.png");
  background-size: cover;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .hero {
    display: block;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .hero {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .hero {
    margin-top: 60px;
  }
}

.hero__inner {
  max-width: 860px;
  width: 100%;
  padding: 86px 20px 0;
}
@media screen and (max-width: 1200px) {
  .hero__inner {
    max-width: 100%;
  }
}

.hero__inner--logo {
  max-width: 510px;
  display: block;
  margin: 0 auto 46px;
}

.hero__inner--main {
  max-width: 520px;
  display: block;
  margin: 0 auto;
}

.hero__inner--text-head {
  text-align: center;
  margin-bottom: 58px;
  font-weight: 600;
  font-size: 18px;
}

.hero__point {
  text-align: center;
}

.hero__point--head, .hero__point--middle, .hero__point--foot {
  max-width: 120px;
}
@media screen and (max-width: 430px) {
  .hero__point--head, .hero__point--middle, .hero__point--foot {
    max-width: 140px;
  }
}

.hero__point--head {
  margin-right: 20px;
}
@media screen and (max-width: 345px) {
  .hero__point--head {
    margin-right: 0;
  }
}

.hero__point--middle {
  margin-right: 20px;
}
@media screen and (max-width: 430px) {
  .hero__point--middle {
    margin-right: 0;
  }
}

.hero__inner--number, .hero__inner--text {
  font-weight: bold;
  color: #D4145A;
}

.hero__inner--number {
  font-size: 5.6rem;
}

.hero__inner--text {
  font-size: 3.4rem;
}

.hero__inner--text-foot {
  text-align: center;
}

.hero__movie {
  max-width: 860px;
  width: 100%;
  padding: 127px 20px 0;
}
@media screen and (max-width: 1200px) {
  .hero__movie {
    max-width: 100%;
    padding: 86px 20px 80px;
    text-align: center;
  }
}

.hero__movie--iframe {
  max-width: 740px;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  box-shadow: 0 0 10px #ADADAD;
}

/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
heroここまで
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
流れとお悩み事
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.flow-worries {
  width: 100%;
  background-color: #EBF3F7;
  padding-top: 125px;
  padding-bottom: 155px;
}
@media screen and (max-width: 430px) {
  .flow-worries {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.flow-worries__head {
  text-align: center;
  padding: 0 20px;
}

.flow-worries__sub-title {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  color: #003893;
  margin-bottom: 11px;
}
@media screen and (max-width: 430px) {
  .flow-worries__sub-title {
    font-size: 1.5rem;
  }
}
.flow-worries__sub-title::before {
  content: "";
  position: absolute;
  bottom: -5.5px;
  left: 0;
  width: 100%;
  border-bottom: 3px dotted #003893;
}

.flow-worries__title {
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 92px;
}

.flow-worries__inner {
  display: flex;
  width: 100%;
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
  box-sizing: border-box !important;
}
@media screen and (max-width: 1200px) {
  .flow-worries__inner {
    display: block;
  }
}

.flow {
  width: 100%;
  max-width: 500px;
  margin-right: 100px;
}
@media screen and (max-width: 1200px) {
  .flow {
    margin: 0 auto 100px;
  }
}

.flow__title {
  position: relative;
  width: 250px;
  background-color: #003893;
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 50px;
  margin: 0 auto 45px;
}
.flow__title::before {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translate(-50%, 0);
  height: 20px;
  width: 75px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: #003893;
}

.flow__common {
  position: relative;
  height: 135px;
  background-color: #fff;
  margin-bottom: 50px;
  border-radius: 20px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.flow__common:nth-child(1)::before, .flow__common:nth-child(3)::before, .flow__common:nth-child(4)::before {
  content: "";
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translate(-50%, 0);
  height: 15px;
  width: 35px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: #747474;
}

.flow__common:nth-child(2)::before {
  content: "";
  position: absolute;
  bottom: -67.5px;
  left: 50%;
  transform: translate(-50%, 0);
  height: 15px;
  width: 35px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: #747474;
}
@media screen and (max-width: 1200px) {
  .flow__common:nth-child(2)::before {
    bottom: -35px;
  }
}

.flow__inner--margin {
  margin-bottom: 120px;
}
@media screen and (max-width: 1200px) {
  .flow__inner--margin {
    margin-bottom: 50px;
  }
}

.flow__common--text {
  font-size: 2rem;
  font-weight: bold;
  color: #003893;
}

@media screen and (max-width: 1200px) {
  .worries {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
}

.worries__title {
  position: relative;
  width: 250px;
  background-color: #003893;
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 50px;
  margin: 0 auto 230px;
}
.worries__title::before {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translate(-50%, 0);
  height: 20px;
  width: 75px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: #003893;
}
@media screen and (max-width: 1200px) {
  .worries__title {
    margin: 0 auto 45px;
  }
}

.worries__common {
  width: 600px;
  position: relative;
  background-color: #fff;
  padding: 25px 20px;
  border-radius: 20px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
  box-sizing: border-box !important;
}
.worries__common::before {
  content: "";
  position: absolute;
  width: 67.5px;
  height: 1px;
  background-color: #B8B8B8;
  top: 50%;
  left: -83.75px;
}
@media screen and (max-width: 1200px) {
  .worries__common::before {
    content: none;
  }
}
@media screen and (max-width: 1200px) {
  .worries__common {
    width: 100%;
    max-width: 600px;
  }
}

.worries__head {
  margin-bottom: 50px;
}

.worries__middle {
  margin-bottom: 140px;
}
@media screen and (max-width: 1200px) {
  .worries__middle {
    margin-bottom: 50px;
  }
}

.worries__common--text {
  padding-left: 38px;
  position: relative;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0;
}
.worries__common--text::before {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  left: 0;
  border-radius: 50%;
}

.worries__common--text:not(:last-child) {
  margin-bottom: 25px;
}

.worries__common--link {
  font-size: 1.8rem;
  font-weight: bold;
}
.worries__common--link:hover {
  opacity: 0.8;
}

.worries__common--green::before {
  background-color: #109954;
}
.worries__common--green::after {
  content: "1";
  position: absolute;
  top: 1px;
  left: 9.5px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
}
.worries__common--green .worries__common--link {
  color: #109954;
}

.worries__common--yellow::before {
  background-color: #F7931E;
}
.worries__common--yellow::after {
  content: "2";
  position: absolute;
  top: 1px;
  left: 9.5px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
}
.worries__common--yellow .worries__common--link {
  color: #F7931E;
}

.worries__common--red::before {
  background-color: #D4145A;
}
.worries__common--red::after {
  content: "3";
  position: absolute;
  top: 1px;
  left: 9.5px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
}
.worries__common--red .worries__common--link {
  color: #D4145A;
}

/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
流れとお悩み事　　ここまで
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
3つの悩み　
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.three-worries {
  background-color: #fff;
  padding: 110px 20px 150px;
}
@media screen and (max-width: 430px) {
  .three-worries {
    padding: 80px 20px 150px;
  }
}

.three-worries__head {
  text-align: center;
}

.three-worries__sub-title {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  color: #003893;
  margin-bottom: 11px;
}
.three-worries__sub-title::before {
  content: "";
  position: absolute;
  bottom: -5.5px;
  width: 100%;
  border-bottom: 3px dotted #003893;
}

.three-worries__title {
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 92px;
}

.three-worries__inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .three-worries__inner {
    display: inline-block;
  }
}

.three-worries__content {
  width: 100%;
  max-width: 350px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .three-worries__content {
    margin: 0 auto 100px;
  }
}

.three-worries__content:not(:last-child) {
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .three-worries__content:not(:last-child) {
    margin-right: auto;
  }
}

.three-worries__content--body {
  position: relative;
  height: 165px;
  background-color: #E7EAF2;
  border-radius: 20px;
  margin-bottom: 100px;
}

.three-worries__content--left::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: -40px;
  left: 20px;
  background-color: #E7EAF2;
  border-radius: 50%;
}
.three-worries__content--left::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -50px;
  left: 60px;
  background-color: #E7EAF2;
  border-radius: 50%;
}

.three-worries__content--right::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: -40px;
  right: 20px;
  background-color: #E7EAF2;
  border-radius: 50%;
}
.three-worries__content--right::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -50px;
  right: 60px;
  background-color: #E7EAF2;
  border-radius: 50%;
}

.three-worries__content--number {
  position: absolute;
  top: -35px;
  left: 25px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  color: #fff;
  font-size: 3.4rem;
  font-weight: bold;
}

.three-worries__content--number-green {
  background-color: #109954;
}

.three-worries__content--number-orange {
  background-color: #F7931E;
}

.three-worries__content--number-red {
  background-color: #D4145A;
}

.three-worries__inner--green {
  color: #109954;
}

.three-worries__inner--orange {
  color: #F7931E;
}

.three-worries__inner--red {
  color: #D4145A;
}

.three-worries__content--text {
  position: absolute;
  width: 100%;
  font-size: 2rem;
  font-weight: bold;
  color: #747474;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 2.5;
}

.three-worries__button {
  position: relative;
  background-color: #E7EAF2;
  border-radius: 10px;
  margin-bottom: 25px;
}

.three-worries__button--link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  line-height: 55px;
  height: 55px !important;
  transition: all 0.5s;
}
.three-worries__button--link:hover .three-worries__button--text {
  font-size: 2.2rem;
}

.three-worries__button--text {
  font-size: 2rem;
  font-weight: bold;
  color: #003893;
  margin-right: 10px;
  transition: all 0.5s;
}

.three-worries__button--arrow {
  width: 24px;
  height: 24px;
}

.three-worries__button--img {
  position: absolute;
  bottom: 45px;
  left: 50%;
  transform: translate(-50%, 0);
}

.three-worries__button--size01 {
  width: 108px;
  height: auto;
}

.three-worries__button--size02 {
  width: 112px;
  height: auto;
}

.three-worries__button--size03 {
  width: 120px;
  height: auto;
}

.three-worries__inner--title {
  font-size: 2.4rem;
}

/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
3つの悩み　　ここまで
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
サービス一覧　
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.service {
  padding: 120px 20px 65px;
  background-image: url("../img/buntan_consul/service-bk.png");
  background-size: cover;
}

.service__head {
  text-align: center;
}

.service__sub-title {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  color: #003893;
  margin-bottom: 11px;
}
.service__sub-title::before {
  content: "";
  position: absolute;
  bottom: -5.5px;
  width: 100%;
  border-bottom: 3px dotted #003893;
}

.service__title {
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 92px;
}

.service__inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.service__line {
  position: relative;
  width: 305px;
  height: 1800px;
  border-left: 3px dotted #003893;
  margin-top: 100px;
}
@media screen and (max-width: 1200px) {
  .service__line {
    position: absolute;
    top: 0;
    left: 10px;
    height: 2050px;
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .service__line {
    height: 2010px;
  }
}
@media screen and (max-width: 768px) {
  .service__line {
    height: 2500px;
    left: -10px;
  }
}
@media screen and (max-width: 430px) {
  .service__line {
    height: 63%;
  }
}

.service__line--text {
  font-size: 2rem;
  font-weight: bold;
  color: #003893;
  position: absolute;
  left: 35px;
}
.service__line--text::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  top: 50%;
  left: -48px;
  transform: translate(0, -50%);
  background-color: #003893;
}

.service__line--potion01 {
  top: -50px;
}

.service__line--potion02 {
  top: 280px;
}
@media screen and (max-width: 1200px) {
  .service__line--potion02 {
    top: 310px;
  }
}
@media screen and (max-width: 430px) {
  .service__line--potion02 {
    top: 12%;
  }
}

.service__line--potion03 {
  top: 600px;
}
@media screen and (max-width: 1200px) {
  .service__line--potion03 {
    top: 720px;
  }
}
@media screen and (max-width: 768px) {
  .service__line--potion03 {
    top: 950px;
  }
}
@media screen and (max-width: 430px) {
  .service__line--potion03 {
    top: 38%;
  }
}

.service__line--potion04 {
  bottom: 150px;
}
@media screen and (max-width: 1200px) {
  .service__line--potion04 {
    bottom: 80px;
  }
}

.service__line--potion05 {
  bottom: -40px;
}

@media screen and (max-width: 1200px) {
  .service__content {
    margin: 0 auto;
    padding: 50px 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .service__content {
    padding: 50px 0 0;
  }
}

.service__content--list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 22px;
       column-gap: 22px;
  row-gap: 40px;
}
@media screen and (max-width: 768px) {
  .service__content--list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.service__content--head {
  margin-bottom: 180px;
}
@media screen and (max-width: 1200px) {
  .service__content--head {
    margin-bottom: 280px;
  }
}

.service__item {
  position: relative;
  max-width: 280px;
  min-height: 225px;
  background-color: #fff;
  border-radius: 13px;
  padding: 15px 5px;
}
@media screen and (max-width: 768px) {
  .service__item {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
  }
}
@media screen and (max-width: 430px) {
  .service__item {
    min-height: auto;
  }
}

@media screen and (max-width: 1200px) {
  .service__margin-bottom01 {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 1200px) {
  .service__margin-bottom02 {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .service__margin-bottom02 {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1200px) {
  .service__display-none--pc {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .service__display-none--tab {
    display: none;
  }
}

.service__item--hover {
  border: 3px solid #003893;
  transition: all 0.5s;
}
.service__item--hover:hover {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
}

.service__item--link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}

.service__item--visibility-pc {
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .service__item--visibility-pc {
    display: none;
  }
}

.service__item--visibility-tab {
  display: none;
}
@media screen and (max-width: 768px) {
  .service__item--visibility-tab {
    visibility: hidden;
    display: block;
  }
}

.service__item--img {
  width: 100px;
  height: auto;
  margin-bottom: 10px;
}
@media screen and (max-width: 430px) {
  .service__item--img {
    width: 80px;
    margin-bottom: 5px;
  }
}

.service__item--title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #003893;
  margin-bottom: 10px;
}
@media screen and (max-width: 430px) {
  .service__item--title {
    font-size: 1.6rem;
    argin-bottom: 5px;
  }
}

.service__item--text {
  font-size: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .service__item--text {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .service__item--text {
    font-size: 1.2rem;
  }
}

/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
サービス一覧　　ここまで
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
BUNTANコンサルのコンセプト　
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.concept {
  padding: 115px 20px 160px;
  background-color: #EBF3F7;
}

.concept__head {
  text-align: center;
  padding: 0 20px;
}

.concept__sub-title {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  color: #003893;
  margin-bottom: 11px;
}
.concept__sub-title::before {
  content: "";
  position: absolute;
  bottom: -5.5px;
  left: 0;
  width: 100%;
  border-bottom: 3px dotted #003893;
}

.concept__title {
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}

.concept___inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.concept__point {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 425px;
  width: 100%;
  margin: 0 auto 55px;
}
@media screen and (max-width: 430px) {
  .concept__point {
    justify-content: center;
    gap: 20px 40px;
  }
}

.concept__point--img {
  width: 120px;
  height: auto;
}

.concept__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 35px 100px;
  background-color: #fff;
  border-radius: 30px;
}
@media screen and (max-width: 1200px) {
  .concept__content {
    padding: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .concept__content {
    display: block;
  }
}

.concept__content:not(:last-child) {
  margin-bottom: 50px;
}

.concept__body {
  align-self: flex-start;
  max-width: 640px;
  width: 100%;
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .concept__body {
    margin-bottom: 50px;
  }
}

.concept__body--lead {
  font-size: 3rem;
  font-weight: bold;
  color: #003893;
  margin-bottom: 16px;
}

.concept__body--decoration {
  position: relative;
  font-size: 2rem;
  margin-right: 35px;
}
.concept__body--decoration::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #003893;
}

.concept__body--title {
  font-size: 3rem;
  font-weight: bold;
  color: #D4145A;
  margin-bottom: 40px;
}

.concept__body--marker {
  background: linear-gradient(transparent 75%, #E3D51E 75%);
}

.concept__content--img {
  align-self: center;
  max-width: 280px;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .concept__content--img {
    display: block;
    margin: 0 auto;
  }
}

/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
BUNTANコンサルのコンセプト　　ここまで
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
導入事例　
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.introduction {
  padding: 60px 80px 85px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .introduction {
    padding: 60px 20px 85px;
  }
}

.introduction__head {
  text-align: center;
}

.introduction__sub-title {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  color: #003893;
  margin-bottom: 11px;
}
.introduction__sub-title::before {
  content: "";
  position: absolute;
  bottom: -5.5px;
  left: 0;
  width: 100%;
  border-bottom: 3px dotted #003893;
}

.introduction__title {
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 105px;
}

.introduction___inner {
  position: relative;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  /* 前へ次への矢印カスタマイズ */
  /* 前への矢印カスタマイズ */
  /* 次への矢印カスタマイズ */
}
@media screen and (max-width: 768px) {
  .introduction___inner {
    padding: 0 30px;
  }
}
.introduction___inner .swiper-button-prev {
  position: absolute;
  left: -55px;
  top: calc(50% - 46px);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .introduction___inner .swiper-button-prev {
    left: -10px;
  }
}
.introduction___inner .swiper-button-next {
  position: absolute;
  right: -55px;
  top: calc(50% - 46px);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .introduction___inner .swiper-button-next {
    right: -10px;
  }
}
.introduction___inner .swiper-button-prev::after,
.introduction___inner .swiper-button-next::after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0;
}
.introduction___inner .swiper-button-prev::after {
  width: 23px;
  height: 46px;
  background-color: #003893;
  -webkit-clip-path: polygon(0% 50%, 23px 0%, 23px 46px);
          clip-path: polygon(0% 50%, 23px 0%, 23px 46px);
}
.introduction___inner .swiper-button-next::after {
  width: 23px;
  height: 46px;
  background-color: #003893;
  -webkit-clip-path: polygon(23px 50%, 0% 0%, 0% 46px);
          clip-path: polygon(23px 50%, 0% 0%, 0% 46px);
}

.swiper {
  max-width: 1200px;
  width: 100%;
  height: auto;
  margin-bottom: 95px;
}

.swiper-slide {
  border: 1px solid #707070;
  border-radius: 25px;
}

.swiper-slide__link {
  transition: all 0.5s;
}
.swiper-slide__link:hover {
  opacity: 0.8;
}

.swiper-slide__head {
  position: relative;
  border-radius: 25px 25px 0 0;
}

.swiper-slide__head img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.swiper-slide__head--category {
  margin-right: 5px;
  font-size: 1.2rem;
  color: #fff;
  padding: 6px 7px;
  background-color: rgba(0, 0, 0, 0.4);
}

.swiper-slide__head_flex {
  display: flex;
  position: absolute;
  bottom: 6%;
  left: 5.5%;
}
@media screen and (max-width: 1200px) {
  .swiper-slide__head_flex {
    bottom: 10px;
    left: 10px;
  }
}

.swiper-slide__body {
  padding: 30px 15px 45px;
}
@media screen and (max-width: 430px) {
  .swiper-slide__body {
    padding: 20px 10px 20px;
  }
}

.swiper-slide__body--title {
  font-size: 2rem;
  font-weight: bold;
  color: #003893;
  margin-bottom: 20px;
}

h3.swiper-slide__body--title br {
  display: none;
}

.swiper-slide__body--company {
  font-size: 1.4rem;
}

.swiper-slide__foot {
  background-color: #003893;
  border-radius: 0 0 25px 25px;
}

.swiper-slide__foot--text {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  line-height: 70px;
  text-align: center;
}

.introduction__button {
  max-width: 325px;
  background-color: #F7931E;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.43);
  margin: 0 auto;
  text-align: center;
  transition: all 0.5s;
}
.introduction__button:hover {
  opacity: 0.8;
}

.introduction__button--link {
  line-height: 75px;
  font-size: 2rem;
  color: #fff;
  display: block;
}

.reduction {
  padding: 80px 40px 100px 0;
  background-color: #EBF3F7;
}

.reduction__content {
  max-width: 1460px;
  min-height: 405px;
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px 40px;
  border-radius: 0 40px 40px 0;
}
@media screen and (max-width: 768px) {
  .reduction__content {
    display: block;
  }
}

.reduction__content:not(:last-child) {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .reduction__content:not(:last-child) {
    margin-bottom: 120px;
  }
}

.reduction__body {
  position: relative;
  padding-top: 20px;
  padding-right: 70px;
  border-radius: 0 40px 40px 0;
  max-width: 500px;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .reduction__body {
    padding-right: 0;
  }
}
@media screen and (max-width: 430px) {
  .reduction__body {
    margin-bottom: 30px;
  }
}

.reduction__body--number {
  position: absolute;
  top: -90px;
  left: 0;
  color: #003893;
  font-size: 1.8rem;
  font-weight: bold;
}

.reduction__body--large {
  font-size: 7rem;
  padding-left: 10px;
}

.reduction__body--title {
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .reduction__body--title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 1200px) {
  .reduction__body--title {
    font-size: 4rem;
  }
}
@media screen and (max-width: 430px) {
  .reduction__body--title {
    font-size: 2.5rem;
  }
}

.reduction__body--lead {
  font-size: 2.4rem;
  font-weight: bold;
  color: #003893;
  margin-bottom: 20px;
  line-height: 1.5;
  max-width: 384px;
}
@media screen and (max-width: 1200px) {
  .reduction__body--lead {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1200px) {
  .reduction__body--lead {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 430px) {
  .reduction__body--lead {
    font-size: 1.6rem;
  }
}

.reduction__description {
  font-size: 1.8rem;
  max-width: 180px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 430px) {
  .reduction__description {
    font-size: 1.2rem;
    max-width: 120px;
  }
}

.reduction__container01 {
  position: relative;
  align-self: center;
  position: relative;
  max-width: 564px;
  width: 100%;
  height: 365px;
}
@media screen and (max-width: 768px) {
  .reduction__container01 {
    max-width: 350px;
    height: auto;
    margin: 0 auto;
  }
}

.reduction__container02 {
  position: relative;
  align-self: center;
  position: relative;
  max-width: 478px;
  width: 100%;
  height: 365px;
  margin-right: 86px;
}
@media screen and (max-width: 1200px) {
  .reduction__container02 {
    width: 75%;
    margin-right: 60px;
  }
}
@media screen and (max-width: 768px) {
  .reduction__container02 {
    max-width: 300px;
    height: auto;
    margin: 0 auto;
  }
}
@media screen and (max-width: 430px) {
  .reduction__container02 {
    width: 85%;
  }
}

.reduction__container--img {
  position: absolute;
  top: -60px;
  left: 0;
  max-width: 564px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1200px) {
  .reduction__container--img {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .reduction__container--img {
    transform: none;
  }
}
@media screen and (max-width: 768px) {
  .reduction__container--img {
    position: static;
    top: auto;
    left: auto;
  }
}

.reduction__container-foot {
  padding-right: 86px;
}

/***＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
導入事例　ここまで
*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/*# sourceMappingURL=style-top.css.map */

/** 下層ページ共通 **/

#sec01_achievement {
  width: 100%;
  height: 300px;
  margin-top: 80px;
  background-image: url("../img/buntan_consul/hero_bk.jpg");
  background-size: cover;
  background-position: center;
}

#sec01_achievement .sec01_achievement_header img {
  width: 220px;
  margin: 17px 0 0 20px;
}

#sec01_achievement .sec01_achievement_header h1 {
  font-size: 40px;
  display: flex;
  justify-content: center;
  line-height: 200px;
}

/** END　下層ページ共通 **/

/** さくさく減らして目標達成 **/

#sec01_achievement .sec01_achievement_header .sec01_achievement_header_h1 {
  color: #109954;
}

#sec01_achievement .sec01_achievement_header .sec01_reduction_header_h1 {
  color: #F7931E;
}

#sec01_achievement .sec01_achievement_header .sec01_maintain_header_h1 {
  color: #D4145A;
}

.sec02_achievement_contents {
  margin-top: 100px;
  max-width: 1200px;
  margin: 100px auto 0;
}

.sec02_achievement_contents .sec02_achievement_contents_flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec02_achievement_contents .sec02_achievement_contents_flex img {
  width: 300px;
}

.sec02_achievement_contents .sec02_achievement_contents_flex p {
  font-size: 18px;
  font-weight: bold;
  margin-left: 80px;
  line-height: 2.5;
}

.sec02_achievement_contents .flow-worries__title {
  margin-bottom: 50px;
}

.sec02_achievement_service__content {
  background-color: #EBF3F7;
  padding: 90px 0;
  margin-top: 80px;
}

.sec02_achievement_service__content .sec02_achievement_service__content--list {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.sec02_achievement_service__content .sec02_achievement_service__content--list .service__item {
  width: 280px;
  text-align: center;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
}

.marker_now {
  position: absolute;
  padding: 0 10px;
  color: #fff;
  font-weight: 600;
  top: -15px;
  left: 80px;
  border-radius: 5px;
}

.marker_green {
  background-color: #109954;
}

.marker_orange {
  background-color: #F7931E;
}

.marker_pink {
  background-color: #D4145A;
}

@media screen and (max-width: 768px) {
  #sec01_achievement {
    height: 200px;
    margin-top: 60px;
  }
  .main_contents_consulting {
    width: 100%;
  }

  #sec01_achievement .sec01_achievement_header h1 {
    font-size: 26px;
    line-height: 160px;
  }

  .sec02_achievement_contents .sec02_achievement_contents_flex {
    flex-direction: column;
    padding: 0 15px;
  }

  .flow-worries__title {
    font-size: 30px;
  }

  .sec02_achievement_contents .sec02_achievement_contents_flex img {
    width: 250px;
  }

  .sec02_achievement_contents .sec02_achievement_contents_flex p {
    margin-left: 0;
    font-size: 16px;
    line-height: 2;
  }

  .sec02_achievement_service__content .sec02_achievement_service__content--list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }

  .sec02_achievement_service__content .sec02_achievement_service__content--list .service__item {
    width:calc(90%/2);
  }

  .sec02_achievement_service__content {
    margin-top: 30px;
    padding: 40px 0;
  }
}

@media screen and (max-width: 430px) {
  
}

/** END　さくさく減らして目標達成 **/

/** 任せて安心・手間なく削減 **/

#sec03_reduction {
  background-image: url("../img/buntan_consul/service-bk.png");
  background-size: cover;
}

#sec03_reduction .sec03_reduction_area {
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
}

#sec03_reduction .sec03_reduction_area .flow-worries__title {
  margin-bottom: 50px;
}

.sec03_reduction_area_flow .sec03_reduction_area_flow_ex {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

.sec03_reduction_area_flow .sec03_reduction_area_flow_ex span {
  font-size: 30px;
  color: #F7931E;
}

.sec03_reduction_area_flow .sec03_reduction_area_flow_item {
  position: relative;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 10px #ADADAD;
  height: 300px;
  margin-bottom: 50px;
}
.sec03_reduction_area_flow .long_item {
  height: 380px;
}

.sec03_reduction_area_flow_item .sec03_reduction_area_flow_item_point {
  position: absolute;
  background-color: #003893;
  width: 150px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  padding: 3px 0;
  top: 0;
  right: 0;
  border-radius: 0 18px 0 18px;
}

.customer_item .sec03_reduction_area_flow_item_point {
  position: absolute;
  background-color: #F7931E;
  width: 150px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  padding: 3px 0;
  top: 0;
  right: 0;
  border-radius: 0 18px 0 18px;
}

.sec03_reduction_area_flow_item_flex {
  display: flex;
  padding: 40px 100px;
}

.sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_number {
  position: relative;
  background-color: #003893;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  padding: 18px;
}

.customer_item .sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_number {
  position: relative;
  background-color: #F7931E;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  padding: 18px;
}

.sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_number::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -80px;
  height: 60px;
  border-left: 3px dotted #707070;
}

.sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_number p {
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 0.9;
}

.sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_number .sec03_reduction_area_flow_item_number_step {
  font-size: 16px;
  letter-spacing: 1px;
}

.sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_number .sec03_reduction_area_flow_item_number_num {
  font-size: 50px;
}

.sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_icon {
  margin-left: 40px;
}

.sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_icon img {
  width: 80px;
  height: 100px;
  margin-top: 5px;
  object-fit: scale-down;
}

.sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_text {
  margin-left: 40px;
  max-width: 700px;
}

.sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_text h3 {
  font-size: 30px;
  color: #003893;
  margin: 15px 0;
}

.customer_item .sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_text h3 {
  font-size: 30px;
  color: #F7931E;
  margin: 15px 0;
}

.sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_text p {
  font-size: 18px;
  letter-spacing: 2px;
}

.sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_text p span {
  color: #D4145A;
  background: linear-gradient(transparent 70%, #d9e021 70%);
}

@media screen and (max-width: 1440px) {
  .sec02_achievement_contents .sec02_achievement_contents_flex {
    padding: 0 50px;
  }

  .sec02_achievement_service__content {
    padding: 90px 50px;
  }

  .sec02_achievement_service__content .sec02_achievement_service__content--list .service__item {
    width: 240px;
  }

  .sec03_reduction_area_flow {
    padding: 0 50px;
  }

  .sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_text {
    width: 600px;
  }

  .sec03_reduction_area_flow .long_item {
    height: 430px;
  }
}

@media screen and (max-width: 768px) {
  .sec03_reduction_area_flow {
    padding: 0 10px;
  }

  .sec03_reduction_area_flow_item_flex {
    padding: 30px 10px;
  }

  .sec03_reduction_area_flow_item_flex .sec03_reduction_area_flow_item_icon{
    display: none;
  }

  .sec03_reduction_area_flow .sec03_reduction_area_flow_item {
    height: auto;
  }
}

/** END　任せて安心・手間なく削減 **/

/** らくらく改善・維持継続 **/
#sec03_maintain .sec03_maintain_area {
  max-width: 1000px;
  margin: 80px auto 0;
}

.sec03_maintain_area_contents_flex {
  display: flex;
  gap: 20px;
}

.sec03_maintain_area_contents_flex .sec03_maintain_area_contents_item {
  width: 487px;
  border: 1px solid #ADADAD;
  border-radius: 20px;
}

.sec03_maintain_area_contents_flex .sec03_maintain_area_contents_item .sec03_maintain_area_contents_title {
  display: flex;
  align-items: center;
  position: relative;
  background-color: #29ABE2;
  padding: 25px;
  border-radius: 20px 20px 0 0;
  height: 110px;
}

.sec03_maintain_area_contents_flex .sec03_maintain_area_contents_item .sec03_maintain_area_contents_title h3 {
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
}

.sec03_maintain_area_contents_flex .sec03_maintain_area_contents_item .sec03_maintain_area_contents_title img {
  position: absolute;
  width: 160px;
  height: auto;
  top: -40px;
  right: 20px;
}

.sec03_maintain_area_contents_flex .sec03_maintain_area_contents_item .sec03_maintain_area_contents_text {
  padding: 35px 25px 25px 25px;
}

.sec03_maintain_area_contents_flex .sec03_maintain_area_contents_item .sec03_maintain_area_contents_text p {
  font-size: 16px;
  font-weight: 600;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .sec03_maintain_area_contents_flex {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  .sec03_maintain_area_contents_flex .sec03_maintain_area_contents_item {
    width: 90%;
  }

  .sec03_maintain_area_contents_flex .sec03_maintain_area_contents_item .sec03_maintain_area_contents_title img {
    width: 120px;
    top: -20px;
  }
}

/** END　らくらく改善・維持継続 **/

/** セミナー開催予定 **/

#seminar_event_area {
  background-color: #fff;
}

.seminar_event_c {
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
}

.seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li {
  max-width: 550px;
  border-radius: 15px;
  box-shadow: 0 0 5px #a0a0a0;
  margin-top: 50px;
  transition: all  0.3s ease;
}

.seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li:hover {
  box-shadow: 0 10px 10px #a0a0a0;
}

.seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li .seminar_event_c_held_img {
  width: 100%;
  height: 309px;
  overflow: hidden;
  position: relative;
  text-align: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li .seminar_event_c_held_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li .seminar_event_c_held_text {
  position: relative;
  padding: 30px;
}

.seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li .seminar_event_c_held_text h3 {
  color: #003986;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 20px;
  border-bottom: 1px solid #c9c9c9;
  height: 130px;
}

.seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li .seminar_event_c_held_text p {
  line-height: 2;
  font-weight: 600;
}

.seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li .seminar_event_c_held_text p.seminar_event_c_held_text_date{
  margin-left: 80px;
}

.seminar_event_c_held_text_con {
  height: 200px;
}

.seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li .seminar_event_c_held_text .seminar_event_c_held_btn {
  position: absolute;
  bottom: 20px;
  right: 55px;
}

.seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li .seminar_event_c_held_text .seminar_event_c_held_btn a {
  display: inline-block;
  transition: all  0.3s ease;
  color: #003893;
  font-weight: 600;
}

.seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li .seminar_event_c_held_text .seminar_event_c_held_btn_lineArrow {
  width: 140%;
  height: 15px;
  border-bottom: 1px solid #003893;
  border-right: 1px solid #003893;
  /*傾きを調節*/
  transform: skew(45deg);
  /*下線矢印をテキストに合わせてうまい具合にはめる*/
  margin: -10px 0 0 -25px;
}

.seminar_event_c_held_text_con {
  height: 200px;
}

@media screen and (max-width: 767px) {
  .seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li {
    width: 90%;
    margin: 0 auto 50px;
  }

  .seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li .seminar_event_c_held_img {
    height: 190px;
  }

  .seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li .seminar_event_c_held_text {
    padding: 10px 10px 50px;
  }

  .seminar_event_c .seminar_event_c_held .seminar_event_c_held_ul .seminar_event_c_held_li .seminar_event_c_held_text h3 {
    height: auto;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}

/** END　セミナー開催予定 **/

/*セクション：お役立ち情報*/
#useful_info_area02 {
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#useful_info_area02 .useful_info_content {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  padding-top: 140px;
  padding-bottom: 88px;
  position: relative;
  z-index: 2;
}

#useful_info_area02::after {
  content: '';
  display: block;
  background-color: #EBF3F7;
  width: 100%;
  height: 50%;
  bottom: 240px;
  position: absolute;
}

#useful_info_area02 .useful_info_content .useful_info_h2 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #003893;
  margin-bottom: 37px;
}

#useful_info_area02 .useful_info_content .useful_info_h2::after {
  content: '';
  display: block;
  width: 120px;
  height: 1px;
  background-color: #109954;
  position: relative;
  left: calc(50% - 60px);
}

#useful_info_area02 .useful_info_content .useful_info_contents_inner {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

/*ボタン：お役立ち情報はこちら*/
#useful_info_area02 .useful_info_content .useful_info_btn {
  width: 378px;
  height: 40px;
  background-color: #fff;
  border-radius: 20px;
  border: #EBF3F7 2px solid;
  display: flex;
  position: relative;
  align-items: center;
  margin: 30px auto 0;
  transition: .3s;

}

#useful_info_area02 .useful_info_content .useful_info_btn::after {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  background-image: url(../img/buntan_index/buntan_top_arrow-right-blue.png);
  background-size: contain;
  position: absolute;
  top: calc(50% - 6.5px);
  right: 20px;
}

#useful_info_area02 .useful_info_content .useful_info_btn a {
  text-align: center;
  text-decoration: none;
  color: #003893;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
}

#useful_info_area02 .useful_info_content .useful_info_btn a::after {
  content: '';
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 20px;
  position: absolute;
  background-color: #29ABE2;
  top: 5px;
  z-index: -1;
  transition: .3s;
}

/*ホバーアクション*/
#useful_info_area02 .useful_info_content .useful_info_btn a:hover::after {
  top: 3px;
  transition: .3s;
}

/*END セクション：お役立ち情報*/