@charset "UTF-8";
/* CSS Document */
/*
	メインビジュアル
---------------------------------*/
#accounting_bridge #main .main_visual {
  background-color: #e4ecf4;
}
#accounting_bridge #main .main_visual .inner_large .mv_inner {
  display: flex;
  justify-content: space-between;
  padding: 8rem 0;
  align-items: center;
}
#accounting_bridge #main .main_visual .inner_large .mv_inner .main_catch {
  display: flex;
  align-items: center;
  margin: 0 0 4rem;
}
#accounting_bridge #main .main_visual .inner_large .mv_inner .main_catch + p {
  font-size: 18px;
  color: #2f3a58;
  padding: 0 0 0 10px;
}
@media screen and (max-width: 768px) {
  #accounting_bridge #main .main_visual .inner_large .mv_inner {
    display: block;
  }
  #accounting_bridge #main .main_visual .inner_large .mv_inner .main_catch {
    margin: 0 0 5rem;
  }
	#accounting_bridge #main .main_visual .inner_large .mv_inner .main_left {
		margin: 0 0 50px;
	}
}
/*
	Problem
---------------------------------*/
#accounting_bridge #problem {
  background-color: #f7f7f7;
}
#accounting_bridge #problem .inner .ttl_gr + p {
  text-align: center;
  font-size: 1.6rem;
  color: #2f3a58;
}
#accounting_bridge #problem .inner .lightblue_box > ul {
  display: flex;
  justify-content: space-between;
}
#accounting_bridge #problem .inner .lightblue_box > ul .white_box {
  width: 444px;
  padding: 26px 22px;
}
#accounting_bridge #problem .inner .lightblue_box > ul .white_box dl {
  position: relative;
}
#accounting_bridge #problem .inner .lightblue_box > ul .white_box dl::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 23px 50px 0 50px;
  border-color: #246baf transparent transparent transparent;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
}
#accounting_bridge #problem .inner .lightblue_box > ul .white_box dl dt {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 900;
  background-color: #246baf;
  border-radius: 10px;
  height: 75px;
  display: flex;
  align-items: center;
  margin: 0 0 20px;
  padding: 0 26px;
  justify-content: center;
}
#accounting_bridge #problem .inner .lightblue_box > ul .white_box:nth-child(1) dl dt {
  background-color: #bfc2c4;
}
#accounting_bridge #problem .inner .lightblue_box > ul .white_box:nth-child(2) dl dt {
  background-color: #ffad02;
}
#accounting_bridge #problem .inner .lightblue_box > ul .white_box .result-box {
  border: solid 3px #246baf;
  border-radius: 10px;
  padding: 20px 26px;
  font-size: 1.8rem;
  font-weight: 900;
  text-align: center;
  color: #246baf;
  margin: 80px 0 0;
}
@media screen and (max-width: 768px) {
	#accounting_bridge #problem .inner .ttl_gr + p {
		text-align: justify;
	}
	#accounting_bridge #problem .inner .lightblue_box > ul {
		display: block;
	}
	#accounting_bridge #problem .inner .lightblue_box > ul .white_box {
		width: 100%;
	}
}
/*
	Issue
---------------------------------*/
#accounting_bridge #issue .inner .ttl_gr + p {
  text-align: center;
  font-size: 1.6rem;
  color: #2f3a58;
}
#accounting_bridge #issue .inner .content_box .list_box > li {
  padding: 190px 30px 30px;
}
#accounting_bridge #issue .inner .content_box .list_box > li h4 {
  color: #246baf;
  font-size: 1.7rem;
  font-weight: 900;
  margin: 0 0 30px;
  position: relative;
}
#accounting_bridge #issue .inner .content_box .list_box > li:nth-child(1) h4::before {
  content: "";
  width: 142px;
  height: 189px;
  background: url(../img/accounting_bridge/img_issue_01.png) left top no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -210px;
  left: 50%;
  transform: translateX(-50%);
}
#accounting_bridge #issue .inner .content_box .list_box > li:nth-child(2) h4::before {
  content: "";
  width: 185px;
  height: 189px;
  background: url(../img/accounting_bridge/img_issue_02.png) left top no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -210px;
  left: 50%;
  transform: translateX(-50%);
}
#accounting_bridge #issue .inner .content_box .list_box > li:nth-child(3) h4::before {
  content: "";
  width: 199px;
  height: 189px;
  background: url(../img/accounting_bridge/img_issue_03.png) left top no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -210px;
  left: 50%;
  transform: translateX(-50%);
}
#accounting_bridge #issue .inner .content_box .list_box {
  margin: 0 0 80px;
}
#accounting_bridge #issue .inner .content_box .list_box + p {
  text-align: center;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
	#accounting_bridge #issue .inner .ttl_gr + p {
		text-align: justify;
	}
	#accounting_bridge #issue .inner .content_box .list_box {
		display: block;
	}
	#accounting_bridge #issue .inner .content_box .list_box > li {
		margin: 0 auto 50px;
	}
	#accounting_bridge #issue .inner .content_box .list_box > li:last-child {
		margin: 0 auto;
	}
	#accounting_bridge #issue .inner .content_box .list_box + p {
		text-align: justify;
	}
}
/*
	Service
---------------------------------*/
#accounting_bridge #service {
  background-color: #e3f1f9;
}
#accounting_bridge #service .inner .ttl_gr + p {
  text-align: center;
  font-size: 1.6rem;
  color: #2f3a58;
}
#accounting_bridge #service .inner .content_box > .white_shadow_box {
  margin: 0 0 80px;
}
#accounting_bridge #service .inner .content_box .white_shadow_box .gray_box {
  display: flex;
  justify-content: space-between;
}
#accounting_bridge #service .inner .content_box .white_shadow_box .gray_box > li {
  width: 400px;
  padding: 26px 22px;
}
#accounting_bridge #service .inner .content_box .white_shadow_box .gray_box > li h3 {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 900;
  margin: 0 0 20px;
}
#accounting_bridge #service .inner .content_box .white_shadow_box .gray_box > li:nth-child(1) h3 {
  background-color: #bfc2c4;
  border-radius: 10px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
}
#accounting_bridge #service .inner .content_box .white_shadow_box .gray_box > li:nth-child(2) h3 {
  background-color: #ffad02;
  border-radius: 10px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
}
#accounting_bridge #service .inner .content_box .white_shadow_box .gray_box > li h3 + p {
  font-weight: 900;
  color: #246baf;
  margin: 0 0 20px;
}
#accounting_bridge #service .inner .content_box .role {
  display: flex;
  justify-content: space-between;
}
#accounting_bridge #service .inner .content_box .role > li {
  width: 480px;
  position: relative;
  background-color: #fff;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
  padding: 5rem 4rem 4rem;
  position: relative;
}
#accounting_bridge #service .inner .content_box .role > li:nth-child(1) h4 {
  color: #246baf;
  border: solid 3px #246baf;
}
#accounting_bridge #service .inner .content_box .role > li:nth-child(2) h4 {
  color: #ffad02;
  border: solid 3px #ffad02;
}
#accounting_bridge #service .inner .content_box .role > li h4 {
  height: 45px;
  background-color: #fff;
  border-radius: 23px;
  font-size: 1.8rem;
  font-weight: 900;
  position: absolute;
  top: -23px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 80px);
}
@media screen and (max-width: 768px) {
	#accounting_bridge #service .inner .ttl_gr + p {
		text-align: justify;
	}
	#accounting_bridge #service .inner .content_box .white_shadow_box .gray_box {
		display: block;
	}
	#accounting_bridge #service .inner .content_box .white_shadow_box .gray_box > li {
		width: 100%;
	}
	#accounting_bridge #service .inner .content_box .white_shadow_box .gray_box > li:first-child {
		margin: 0 0 30px;
	}
	#accounting_bridge #service .inner .content_box .role {
		display: block;
	}
	#accounting_bridge #service .inner .content_box .role > li {
		width: 100%;
	}
	#accounting_bridge #service .inner .content_box .role > li:first-child {
		margin: 0 0 50px;
	}
}
/*
	Support
---------------------------------*/
#accounting_bridge #support {
  background-color: #fff;
}
#accounting_bridge #support .inner .ttl_gr + p {
  text-align: center;
  font-size: 1.6rem;
  color: #2f3a58;
}
#accounting_bridge #support .inner .content_box .list_box > li {
  padding: 60px 30px 30px;
  position: relative;
}
#accounting_bridge #support .inner .content_box .list_box > li .num {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 900;
  width: 60px;
  height: 60px;
  background-color: #246baf;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}
#accounting_bridge #support .inner .content_box .list_box > li h3 {
  color: #246baf;
  font-size: 1.8rem;
  font-weight: 900;
  margin: 0 0 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
	#accounting_bridge #support .inner .ttl_gr + p {
		text-align: justify;
	}
	#accounting_bridge #support .inner .content_box .list_box {
		display: block;
	}
	#accounting_bridge #support .inner .content_box .list_box > li {
		margin: 0 auto 50px;
	}
	#accounting_bridge #support .inner .content_box .list_box > li:last-child {
		margin: 0 auto;
	}
}
/*
	Flow
---------------------------------*/
#accounting_bridge #flow {
  background-color: #e3f1f9;
}
#accounting_bridge #flow .inner .ttl_gr + p {
  text-align: center;
  font-size: 1.6rem;
  color: #2f3a58;
}
#accounting_bridge #flow .inner .content_box .service_flow {
  margin: 0 0 20px;
}
#accounting_bridge #flow .inner .content_box .service_flow > li {
  border-radius: 10px;
  box-shadow: 0px 0px 15px px rgba(131, 206, 248, 0.2);
  -webkit-box-shadow: 0px 0px 15px px rgba(131, 206, 248, 0.2);
  -moz-box-shadow: 0px 0px 15px px rgba(131, 206, 248, 0.2);
  -o-box-shadow: 0px 0px 15px px rgba(131, 206, 248, 0.2);
  -ms-box-shadow: 0px 0px 15px px rgba(131, 206, 248, 0.2);
  background-color: #fff;
  position: relative;
  margin: 0 0 83px;
}
#accounting_bridge #flow .inner .content_box .service_flow > li::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 23px 50px 0 50px;
  border-color: #2f3a58 transparent transparent transparent;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
}
#accounting_bridge #flow .inner .content_box .service_flow > li:last-child {
  margin: 0;
}
#accounting_bridge #flow .inner .content_box .service_flow > li:last-child::after {
  display: none;
}
#accounting_bridge #flow .inner .content_box .service_flow > li h3 {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 900;
  margin: 0 0 20px;
  border-radius: 10px 10px 0 0;
  background-color: #246baf;
  text-align: left;
  padding: 0.5em 1.5em;
}
#accounting_bridge #flow .inner .content_box .service_flow > li ul {
  display: flex;
  padding: 0 3.2rem 3rem;
}
#accounting_bridge #flow .inner .content_box .service_flow > li ul li {
  text-align: left;
}
#accounting_bridge #flow .inner .content_box .service_flow > li ul li:first-child {
  width: 35%;
}
#accounting_bridge #flow .inner .content_box .service_flow > li ul li dl dt {
  margin: 0 0 1.5rem;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 10px;
  display: inline-block;
  padding: 0.5em 1em;
}
#accounting_bridge #flow .inner .content_box .service_flow > li ul li:first-child dl dt {
  background-color: #e2f1ff;
  color: #042343;
}
#accounting_bridge #flow .inner .content_box .service_flow > li ul li:last-child dl dt {
  background-color: #fff0dd;
  color: #ffa229;
}
#accounting_bridge #flow .inner .content_box .service_flow > li ul li dl dd {
  font-size: 1.8rem;
  font-weight: 700;
}
#accounting_bridge #flow .inner .content_box .service_flow > li ul li:first-child dl dd {
  color: #042343;
}
#accounting_bridge #flow .inner .content_box .service_flow > li ul li:last-child dl dd {
  color: #ffa229;
}
@media screen and (max-width: 768px) {
	#accounting_bridge #flow .inner .content_box .service_flow > li ul {
		display: block;
	}
	#accounting_bridge #flow .inner .content_box .service_flow > li ul li:first-child {
		width: 100%;
		margin: 0 0 30px;
	}
}
/*
  ipo
---------------------------------*/
#accounting_bridge #ipo {
  background-color: #fff;
}
#accounting_bridge #ipo .inner .ttl_gr + p {
  text-align: center;
  font-size: 1.6rem;
  color: #2f3a58;
}
#accounting_bridge #ipo .inner .content_box .gray_box {
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
	#accounting_bridge #ipo .inner .ttl_gr + p {
		text-align: justify;
	}
}
/*
  partner
---------------------------------*/
#accounting_bridge #partner {
  background-color: #e3f1f9;
}
#accounting_bridge #partner .inner .ttl_gr + p {
  text-align: center;
  font-size: 1.6rem;
  color: #2f3a58;
}
#accounting_bridge #partner .inner .content_box .white_shadow_box .gray_box {
  display: flex;
  justify-content: space-between;
}
#accounting_bridge #partner .inner .content_box .white_shadow_box .gray_box > li {
  width: 400px;
  padding: 26px 22px;
}
#accounting_bridge #partner .inner .content_box .white_shadow_box .gray_box > li h3 {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 900;
  margin: 0 0 20px;
}
#accounting_bridge #partner .inner .content_box .white_shadow_box .gray_box > li:nth-child(1) h3 {
  background-color: #246baf;
  border-radius: 10px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
}
#accounting_bridge #partner .inner .content_box .white_shadow_box .gray_box > li:nth-child(1) dl {
  margin: 0 0 20px;
}
#accounting_bridge #partner .inner .content_box .white_shadow_box .gray_box > li:nth-child(1) dl dt {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 900;
  margin: 0 0 20px;
  background-color: #bfc2c4;
  border-radius: 10px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
  padding: 0 26px;
  justify-content: center;
}
#accounting_bridge #partner .inner .content_box .white_shadow_box .gray_box > li:nth-child(2) h3 {
  background-color: #ffad02;
  border-radius: 10px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
}
#accounting_bridge #partner .inner .partner-note {
  text-align: center;
  font-size: 1.6rem;
  color: #2f3a58;
  margin: 2rem 0 0;
}
@media screen and (max-width: 768px) {
	#accounting_bridge #partner .inner .ttl_gr + p {
		text-align: justify;
	}
	#accounting_bridge #partner .inner .content_box .white_shadow_box .gray_box {
		display: block;
	}
	#accounting_bridge #partner .inner .content_box .white_shadow_box .gray_box > li {
		width: 100%;
	}
	#accounting_bridge #partner .inner .content_box .white_shadow_box .gray_box > li:first-child {
		margin: 0 0 30px;
	}
}

/*
  まとめ
---------------------------------*/
#accounting_bridge #specialist .inner .specialist_box::before {
  content: "";
  width: 430px;
  height: 382px;
  background: url(../img/accounting_bridge/img_main_accounting_bridge.png) center center no-repeat;
	background-size: 100% auto;
  position: absolute;
  top: -55px;
  right: -310px;
}
#accounting_bridge #specialist .inner .specialist_box dl {
	text-align: left;
}
#accounting_bridge #specialist .inner .specialist_box dl dt {
	font-weight: 900;
}
@media screen and (max-width: 768px) {
  #accounting_bridge #specialist .inner .specialist_box::before {
    width: 100%;
    top: auto;
    right: auto;
    bottom: -417px;
  }
}