body {
overflow: hidden
}
body #wrapper .contents>.inner {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

body #wrapper .contents>.inner main h1 {
margin-top: 95px;
font-size: 1.6em;
font-weight: bold;
text-align: center;
color: #666666;
line-height: 1
}

@media screen and (max-width: 950px) {
  body #wrapper .contents>.inner {
      width: 100%;
  }
body #wrapper .contents>.inner main h1 {
margin-top: 50px;
font-size: 1em
}
}

body #wrapper .contents>.inner main>.copy {
margin-top: 70px;
padding: 0 260px 0 125px;
font-size: 0.9em;
font-weight: normal;
color: #000000;
line-height: 1.67
}

@media screen and (max-width: 950px) {
body #wrapper .contents>.inner main>.copy {
width: 89.33333333333333%;
margin: 35px auto 0 auto;
padding: 0;
font-size: 0.875em
}
}

body #wrapper .contents>.inner main .overview {
margin-top: 215px
}

@media screen and (max-width: 950px) {
body #wrapper .contents>.inner main .overview {
margin-top: 35px
}
}

body #wrapper .contents>.inner main .overview .inner {
position: relative
}

body #wrapper .contents>.inner main .overview .inner>figure {
width: 521px;
margin: 0 auto;
font-size: 0;
line-height: 0
}

@media screen and (max-width: 950px) {
body #wrapper .contents>.inner main .overview .inner>figure {
width: 80%
}
}

body #wrapper .contents>.inner main .overview .inner .group__list {
position: absolute;
top: 0;
left: 0
}

@media screen and (max-width: 950px) {
body #wrapper .contents>.inner main .overview .inner .group__list {
position: static;
width: 89.33333333333333%;
margin: 40px auto 0 auto
}
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item {
position: absolute;
width: 270px
}

@media screen and (max-width: 950px) {
body #wrapper .contents>.inner main .overview .inner .group__list .list__item {
position: static;
width: 100%
}
}

@media screen and (max-width: 950px) {
body #wrapper .contents>.inner main .overview .inner .group__list .list__item+.list__item {
margin-top: 35px
}
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item h2 {
font-size: 17px;
font-weight: bold;
color: #ffffff;
line-height: 1
}

@media screen and (max-width: 950px) {
body #wrapper .contents>.inner main .overview .inner .group__list .list__item h2 {
font-size: 0.875em;
border-radius: 100px;
overflow: hidden
}
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item h2>a {
position: relative;
display: block;
padding: 10px 0;
font-size: 17px;
font-weight: bold;
color: #ffffff;
text-align: center;
text-indent: -10px;
line-height: 1
}

@media screen and (max-width: 950px) {
body #wrapper .contents>.inner main .overview .inner .group__list .list__item h2>a {
padding: 5px 0;
font-size: 1em
}
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item h2>a:after {
position: absolute;
top: 50%;
right: 8px;
transform: translateY(-50%) rotate(45deg);
display: block;
content: '';
width: 10px;
height: 10px;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item h2>a:hover {
text-decoration: none
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item .lead {
margin-top: 16px;
font-size: 17px;
font-weight: normal;
color: #000000;
line-height: 1.7
}

@media screen and (max-width: 950px) {
body #wrapper .contents>.inner main .overview .inner .group__list .list__item .lead {
margin-top: 12px;
font-size: 0.875em;
line-height: 1.57
}
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item--nbs {
top: -85px;
left: 125px
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item--nbs a {
background-color: #5ac74d
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item--nf {
width: 300px;
top: -175px;
left: 440px
}

@media screen and (max-width: 950px) {
body #wrapper .contents>.inner main .overview .inner .group__list .list__item--nf {
width: 100%
}
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item--nf a {
background-color: #ffbf00
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item--khd {
top: -85px;
left: 804px
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item--khd a {
background-color: #43b1cd
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item--ns {
top: 454px;
left: 804px;
}
@media screen and (max-width: 950px) {
body #wrapper .contents>.inner main .overview .inner .group__list .list__item--ns {
width: 100%
}
}
body #wrapper .contents>.inner main .overview .inner .group__list .list__item--ns a {
background-color: #f08658
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item--nk {
width: 300px;
top: 564px;
left: 440px;
}

@media screen and (max-width: 950px) {
body #wrapper .contents>.inner main .overview .inner .group__list .list__item--nk {
width: 100%
}
}

body #wrapper .contents>.inner main .overview .inner .group__list .list__item--nk a {
background-color: #7565b0
}
body #wrapper .contents>.inner main .overview .inner .group__list .list__item--nt {
width: 280px;
top: 454px;
left: 125px
}
body #wrapper .contents>.inner main .overview .inner .group__list .list__item--nt a {
background-color: #1ab1f5;
}
@media screen and (max-width: 950px) {
body #wrapper .contents>.inner main .overview .inner .group__list .list__item--nt {
width: 100%
}
}
body #wrapper .contents .oath {
/*margin-top: 230px*/
}

@media screen and (max-width: 950px) {
body #wrapper .contents .oath {
/*margin-top: 75px*/
}
}

body #wrapper .contents .oath .inner h2 {
font-size: 1.6em;
font-weight: bold;
text-align: center;
color: #666666;
line-height: 1
}

@media screen and (max-width: 950px) {
body #wrapper .contents .oath .inner h2 {
font-size: 1em
}
}

body #wrapper .contents .oath .inner .detail {
margin-top: 80px
}

@media screen and (max-width: 950px) {
body #wrapper .contents .oath .inner .detail {
margin-top: 38px
}
}

body #wrapper .contents .oath .inner .detail+.detail {
margin-top: 72px
}

@media screen and (max-width: 950px) {
body #wrapper .contents .oath .inner .detail+.detail {
margin-top: 40px
}
}

body #wrapper .contents .oath .inner .detail h3 {
padding: 10px 0 8px 0;
font-size: 24px;
font-weight: bold;
color: #666666;
text-align: center;
background-color: #ffeb00;
line-height: 1
}

@media screen and (max-width: 950px) {
body #wrapper .contents .oath .inner .detail h3 {
padding: 5px 0;
font-size: 0.9375em;
line-height: 1.3
}
}

body #wrapper .contents .oath .inner .detail .lead {
width: 1200px;
margin: 5px auto 0 auto;
padding: 0 125px;
font-size: 0.9em;
font-weight: normal;
color: #000000;
line-height: 1.67
}

@media screen and (max-width: 950px) {
body #wrapper .contents .oath .inner .detail .lead {
width: 89.33333333333333%;
padding: 0;
font-size: 0.875em;
line-height: 1.57
}
}

body #wrapper .contents .oath .inner .detail__list {
width: 1200px;
margin: 5px auto 0 auto;
padding: 0 125px
}

@media screen and (max-width: 950px) {
body #wrapper .contents .oath .inner .detail__list {
width: 89.33333333333333%;
padding: 0
}
}

body #wrapper .contents .oath .inner .detail__list .list__item {
font-size: 0.9em;
font-weight: normal;
color: #000000;
line-height: 1.67;
padding-left: 20px;
text-indent: -20px
}

@media screen and (max-width: 950px) {
body #wrapper .contents .oath .inner .detail__list .list__item {
font-size: 0.875em;
line-height: 1.57;
padding-left: 15px;
text-indent: -15px
}
}

body #wrapper .contents .oath .inner .detail__list .list__item:before {
display: inline-block;
content: '';
width: 10px;
height: 10px;
margin-right: 10px;
vertical-align: middle;
background-color: #ffeb00
}

@media screen and (max-width: 950px) {
body #wrapper .contents .oath .inner .detail__list .list__item:before {
margin-right: 5px
}
}


body #wrapper .contents .oath .inner .detail .area_G{
width: 1200px;
margin: 5px auto 2.0rem auto;
padding: 45px 125px 45px 125px;
clear: both;
display: block;
font-size: 0.9em;
}

body #wrapper .contents .oath .inner .detail .area_LN{
border-top: 1px solid #d3d3d3;
height: 1px;
}

@media screen and (max-width: 950px) {
body #wrapper .contents .oath .inner .detail .area_G {
width: 89.33333333333333%;
padding: 25px 0 0 0;
}
}
body #wrapper .contents .oath .inner .detail .area_G h3 {
padding: 4px 0 4px 8px;
font-size: 18px;
font-weight: bold;
color: #666666;
text-align: left;
background-color: unset;
line-height: 1;
}
@media screen and (max-width: 950px) {
body #wrapper .contents .oath .inner .detail .area_G h3 {
padding: 4px 0 4px 8px;
font-size: 1.1375em;
line-height: 1.3
}
}


body #wrapper .contents .oath .inner .detail .area_l{
width: 39%;
display: inline-block;
vertical-align: top;
}
body #wrapper .contents .oath .inner .detail .area_r{
width: 60%;
display: inline-block;
vertical-align: top;
}
@media screen and (max-width: 950px) {
body #wrapper .contents .oath .inner .detail .area_l{
width: 100%;
display: block;
vertical-align: top;
}
body #wrapper .contents .oath .inner .detail .area_r{
width: 100%;
display: block;
vertical-align: top;
}
}
body #wrapper .contents .oath .inner .detail .area_r p{
padding: 0;
}
body #wrapper .contents .oath .inner .detail .area_r table{
width: 100%;
}
body #wrapper .contents .oath .inner .detail .area_r table th{
font-weight: lighter;
text-align: left;
width: 55%;
}
body #wrapper .contents .oath .inner .detail .area_r table td{
font-weight: lighter;
text-align: left;
width: 45%;
}

@media screen and (max-width: 580px) {
body #wrapper .contents .oath .inner .detail .area_r table th{
font-weight: lighter;
text-align: left;
width: auto;
}
body #wrapper .contents .oath .inner .detail .area_r table td{
font-weight: lighter;
text-align: left;
width: auto;
}
}
@media screen and (max-width: 420px) {
body #wrapper .contents .oath .inner .detail .area_r table th{
display: block;
width: 100%;
}
body #wrapper .contents .oath .inner .detail .area_r table td{
display: block;
width: 100%;
padding: 0 0 0.5rem 0.5rem;
}
}
.website{
font-size: 0.85em;
padding: 0.5rem 0;
margin-top: 0.75rem;
margin-left: 1.0rem;
}

@media screen and (max-width: 950px) {
.website{
font-size: 0.85em;
padding: 0.5rem 0;
margin-top: 0rem;
margin-left: 0rem;
margin-right: 0.5rem;
text-align: right;
}
}


.website a,
body #wrapper .contents .oath .inner .detail .area_r table th a{
position: relative;
text-decoration: underline;
}

.website a:after,
body #wrapper .contents .oath .inner .detail .area_r table th a:after{
position: absolute;
top: 50%;
right: -18px;
transform: translateY(-50%);
display: block;
content: '';
width: 12px;
height: 12px;
background: url(../../../../assets/saiyou/img/ps_saiyou_window.png) no-repeat center center;
background-size: 100%;
}

body #wrapper .contents .oath .inner .detail .area_G h4 {
padding: 0 0 8px 0;
font-size: 15px;
font-weight: bold;
color: #0000000;
text-align: left;
}
.area_service{
font-size: 0.85em;
background-color: #f3f5fa;
padding: 18px;
margin-top: 14px;
}
.mt_tl{
margin-top: 24px;
}
a[href^="tel:"]{
  text-decoration: underline;
}
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
    text-decoration: none;
  }
}

.bl_color_hol{/*株式会社日税ホールディングス*/
border-left: 10px solid #1f6c75;
}
.bl_color_nbs{/*株式会社日税ビジネスサービス*/
border-left: 10px solid #5ac64e;
}
.bl_color_nf{/*株式会社日税不動産情報センター*/
border-left: 10px solid #00aebb;
}
.bl_color_khd{/*株式会社共栄会保険代行*/
border-left: 10px solid #0086cd;
}
.bl_color_net{/*株式会社日税サービス*/
border-left: 10px solid #e60012;
}
.bl_color_nk{/*株式会社日税経営情報センター*/
border-left: 10px solid #796baf;
}
.bl_color_di{/*株式会社Do it プランニング*/
border-left: 10px solid #11502C;
}
.bl_color_nt{/*株式会社日税信託*/
border-left: 10px solid #e9528e;
}
.bl_color_yss{/*株式会社安田システムサービス*/
border-left: 10px solid #00569e;
}
.bl_color_ap{/*アテナ企画株式会社*/
border-left: 10px solid #f0831e;
}