@charset "UTF-8";
/*====================================================================================
■00.ContentPAGE
 ├ _01_1 layout
 |             1-1. #l-pageHeader
 └ _01_2 ***
■02.page-news
 ├ _04_1 common
 ├ _04_2 list
 └ _04_3 detail
■03.page-development
 ├ _04_1 common
 ├ _04_2 list
 └ _04_3 detail
■04.page-tab
■05.motto
■06.policy
■07.different
■08.price
■09.claim
■10.faq
■11.company
■12.education
■13.building
■14.training
■15.voice
■16.information
■15.pivacy

■**.page-***
 ├ _**_1 common
 ├ _**_2 list
 └ _**_3 detail


====================================================================================*/
/*====================================================================================
■00.Content PAGE
====================================================================================*/
/* -----------------------------------------------
/* _01_1 layout
-------------------------------------------------- */
/* 1-1. #l-pageHeader
-------------------------------------------------- */
.pageHeader {
  height: 120px;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #4c4c4c;
  display: flex;
  align-items: end;
  justify-content: center;
  position: relative;
}
.pageHeader_sub {
  margin-bottom: 30px;
  height: 70px;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #4c4c4c;
  display: flex;
  align-items: end;
  justify-content: center;
  position: relative;
}

@media (min-width: 768px) {
  .pageHeader {
    height: 170px;
  }
  .pageHeader_sub {
    margin-bottom: 50px;
    height: 80px;
  }
}
/* 1-2. ***
-------------------------------------------------- */
/*====================================================================================
■02.page-news
====================================================================================*/
/* _04_1 common
-------------------------------------------------------------------- */
/* _04_2 list
-------------------------------------------------------------------- */
.page-news .news__content {
  overflow-y: visible;
  height: auto;
}

/* _04_3 detail
-------------------------------------------------------------------- */
.page-news .box-news {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page-news .box-news__img, .page-news .box-news__content {
  width: 100%;
}

.page-news .box-news__content {
  margin-top: 25px;
}

@media (min-width: 768px) {
  .page-news .box-news {
    flex-direction: row-reverse;
    margin-top: 30px;
  }

  .page-news .box-news__img + .page-news .box-news__content {
    max-width: 58.333333%;
  }

  .page-news .box-news__img {
    max-width: 41.666667%;
    margin-left: 30px;
  }

  .page-news .box-news__content {
    margin-top: 0;
  }

  .page-news .box-news__img + .page-news .box-news__content {
    max-width: 66.666667%;
  }

  .page-news .box-news__img {
    max-width: 33.333333%;
  }
}
@media (min-width: 992px) {
  .page-news .box-news__img {
    margin-left: 60px;
  }
}
/*====================================================================================
■03.page-development
====================================================================================*/
/* _04_1 common
-------------------------------------------------------------------- */
[class*="page-development"] .lbl-taggroup1 {
  background-color: #005fa9;
  color: #fff;
}
[class*="page-development"] .lbl-taggroup1::after {
  content: 'タググループ1';
}
[class*="page-development"] .lbl-taggroup2 {
  background-color: #ec8642;
  color: #fff;
}
[class*="page-development"] .lbl-taggroup2::after {
  content: 'タググループ2';
}
[class*="page-development"] .lbl-taggroup3 {
  background-color: #00a4aa;
  color: #fff;
}
[class*="page-development"] .lbl-taggroup3::after {
  content: 'タググループ3';
}

/* _04_2 list
-------------------------------------------------------------------- */
.page-development__list .box-development {
  display: flex;
  flex-direction: column;
  border: 1px solid #bfbfbf;
  padding: 15px;
  margin-bottom: 15px;
}

.page-development__list .box-development:first-of-type {
  margin-top: 30px;
}

.page-development__list .box-development:last-of-type {
  margin-bottom: 0;
}

.page-development__list .ttl-development,
.page-development__list .ttl-development + [class*="lbl-"] {
  margin-bottom: 15px;
}

.page-development__list .box-development__img {
  margin-bottom: 15px;
}

.page-development__list .box-development__content {
  width: 100%;
}

.page-development__list .btn-wrap {
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .page-development__list .box-development:first-of-type {
    margin-top: 40px;
  }

  .page-development__list .box-development {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 15px;
    margin-bottom: 30px;
  }

  .page-development__list .box-development__img {
    margin-bottom: 0;
    width: calc(40% - 30px);
  }

  .page-development__list .btn-wrap {
    margin-top: 40px;
    margin-right: 0;
  }

  .page-development__list .ttl-development, .page-development__list .ttl-development + [class*="lbl-"] {
    margin-bottom: 20px;
  }

  .page-development__list .box-development__img + .box-development__content {
    width: 60%;
    margin-left: 30px;
  }
}
@media (min-width: 992px) {
  .page-development__list .box-development {
    padding: 30px;
  }
}
/* _04_3 detail
-------------------------------------------------------------------- */
.page-development__detail .ttl-development {
  margin-bottom: 15px;
}

.page-development__detail [class*="lbl-"] {
  margin-bottom: 15px;
}

.page-development__detail .box-development__img img {
  width: 100%;
}

.page-development__detail .box-development__img + .box-development__tbl {
  margin-top: 20px;
}

.page-development__detail .txt-development {
  margin-top: 15px;
}

@media (min-width: 768px) {
  .page-development__detail .ttl-development {
    margin-bottom: 20px;
  }

  .page-development__detail [class*="lbl-"] {
    margin-bottom: 40px;
  }

  .page-development__detail .box-development__img + .box-development__tbl {
    margin-top: 0;
  }

  .page-development__detail .txt-development {
    margin-top: 30px;
  }
}
/*====================================================================================
■04.page-tab
====================================================================================*/
/*tabs__tab*/
.tabs__tab {
  display: flex;
}

.tabs__item--tab {
  color: #999;
  cursor: pointer;
  font-size: 1.2rem;
  letter-spacing: .14em;
  padding-bottom: 20px;
  position: relative;
  text-align: center;
  width: 50%;
  border-bottom: 1px solid #e5e5e5;
}

.tabs__item--tab::after {
  content: '';
  display: block;
  height: 3px;
  width: 0;
  background-color: #ec8642;
  position: absolute;
  bottom: -1px;
  right: 0;
  left: 0;
  transition: .3s;
}

.tabs__item--tab.is-active {
  color: #111;
}

.tabs__item--tab.is-active::after {
  width: 100%;
}

/*tabs__content*/
.tabs__content {
  display: none;
  margin-top: 5.55556%;
}

.tabs__content.is-active {
  display: block;
}

@media (min-width: 1025px) {
  /*tabs__tab*/
  .tabs__item--tab {
    font-size: 1.4rem;
  }
}
/*====================================================================================
■05.motto
====================================================================================*/
/* _05_1 common
-------------------------------------------------------------------- */
/* _mottoWrap
-------------------------------- */
.mottoWrap {
  background-image: url(../motto/images/bg-idea.jpg);
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: 40px 0;
}

.mottoWrap .motto-box {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 20px;
}

.mottoWrap .motto-box h2,
.mottoWrap .motto-box h3 {
  font-family: "Noto Serif SC", serif;
  font-weight: 400;
}

.mottoWrap .motto-box dl dt {
  margin-bottom: 20px;
  text-align: center;
}

.mottoWrap .motto-box dl:first-child {
  margin-bottom: 20px;
}

.mottoWrap .motto-box dl:first-child dd {
  margin-bottom: 20px;
}

/* _prohWrap
-------------------------------- */
/* _approachWrap
-------------------------------- */
.approachWrap {
  background-color: #2d251b;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 0;
}

.approachWrap .approach__img {
  border: solid 1px #fff;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.approachWrap .l-container .row div .approach__img img {
  width: 132px;
}

@media (min-width: 768px) {
  .mottoWrap .motto-box {
    padding: 40px;
    margin: 0 auto;
    width: 80%;
  }

  .mottoWrap .motto-box dl:first-child {
    margin-bottom: 0;
  }

  .mottoWrap .motto-box dl dt {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pro-img {
    margin-right: 8%;
  }

  .approachWrap {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .approachWrap .l-container .row div:first-child h3 {
    margin-top: 15px;
  }
}
@media (min-width: 1025px) {
  .copyWrap {
    margin-bottom: 45px;
  }
}
/*====================================================================================
■06.policy
====================================================================================*/
/* _05_1 common
-------------------------------------------------------------------- */
/* _commitmentWrap
-------------------------------- */
.commitmentWrap {
  background-color: #C9BC9C;
  padding: 40px 0;
  margin-bottom: 0;
}

.commitmentWrap .commitment-box {
  padding: 20px;
}

.commitmentWrap .commitment-box .italic {
  font-style: italic;
}
.commitmentWrap .commitment-box .title_sub {
  position:  relative;
  display: block;
  text-align: right;
  padding-top: 6%;
}
.commitmentWrap .commitment-box .title_sub:before {
   content: '';
   position: absolute;
   top: 70%;
   display: inline-block;
   width: 60%;
   height: 1px;
   background-color: black;
   left:0;
}
.commitmentWrap .commitment-box .title_sub .title_sub-img {
  display: inline-block;
  width: 40%;
}
@media (min-width: 768px) {
  .commitmentWrap .commitment-box {
    padding: 40px;
    margin: 0 auto;
    width: 80%;
  }
  .commitmentWrap .commitment-box .title_sub .title_sub-img {
    width: 40%;
  }
}
/* _designWrap
-------------------------------- */
.designWrap {
  background-color: #000;
  color: #fff;
  padding: 40px 0;
  margin-bottom: 0;
}

.designWrap .design-title {
  border-bottom: solid 1px #fffffd;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.designWrap .design-title-en {
  margin-right: 10px;
  font-style: italic;
}
.designWrap .design-card {
  margin-bottom: 30px;
}
.designWrap .under-border {
  border-bottom: solid 1px #C9BC9C;
  margin-bottom: 100px;
}
.designWrap .right-border {
	border-right: solid 1px #C9BC9C;
	width: 20%;
  flex: 0 0 20%;
}
.designWrap .flex-d-rvs .right-border {
	border-right: none;
	border-left: solid 1px #C9BC9C;
}
.designWrap .tr {
	text-align: right;
	padding: 0;
}
.designWrap .flex-d-rvs .tr {
	text-align: left;
}
.designWrap .image-area {
  margin: 50px 5% 100px;
}
.designWrap .catch-large1 {
  color: #C9BC9C;
  font-size: 2.8rem;
}
.designWrap .catch-large1 {
  margin-left: 5%;
  margin-right: 5%;
}
.designWrap .catch-large1 img{
  width: 100%;
}

.designWrap .catch-large2 {
  color: #C9BC9C;
  font-size: 2.4rem;
  margin-left: 5%;
  margin-right: 5%;
}

.designWrap .catch-large2 img{
  width: 100%;
}

.designWrap .catch-large3,
.designWrap .catch-large4,
.designWrap .catch-large5 {
  margin: 0 5%;
}

.designWrap .catch-middle {
  color: #C9BC9C;
  font-size: 1.4rem;
  line-height: 2em;
}
.designWrap .catch-small {
  color: #C9BC9C;
  font-size: 1.2rem;
  padding: 0 5%;
}
.designWrap .catch-small2 {
  color: #C9BC9C;
  font-size: 1.2rem;
}
.designWrap .catch-min {
  color: #C9BC9C;
  font-size: 0.9rem;
}
.designWrap .profile {
  margin: 0 5%;
}
.designWrap .under-border2 {
  border-bottom: solid 1px #C9BC9C;
  margin-bottom: 15px;
}
.designWrap .sp {
  display: inline;
}
.designWrap .pc {
  display: none;
}
.designWrap .sp2 {
  display: inline;
}
.designWrap .pc2 {
  display: none;
}

.profile-caption {
	padding: 0;
	width: 78%;
	flex: 0 0 78%;
	max-width: inherit;
	max-width: initial;
}

.sp-txt_adjust01 {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.designWrap .image-area2 {
  margin: 100px 13% 70px;
}

.big-circle-img {
  width: 110%;
  margin-left: -5%;
}


@media (min-width: 768px) {
  .big-circle-img {
    width: 100%;
    margin-left: auto;
  }
  .commitmentWrap.widthAjust01 .commitment-box {
    width: 77.9%;
  }

  .designWrap .design-title {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .designWrap .design-title-en {
    display: block;
    border-bottom: solid 1px #fffffd;
    padding-bottom: 8px;
    margin-bottom: 8px;
    margin-top: 5px;
    margin-right: 0;
    letter-spacing: -0.1px;
  }
  .designWrap .design-card {
    margin-bottom: 0;
  }
  .designWrap .catch-large1,
  .designWrap .catch-large2 {
    color: #C9BC9C;
    font-size: 2.8rem;
    letter-spacing: 17px;
  }

  .designWrap .catch-large3 {
    margin: 0 9%;
    text-align: left;
  }
  .designWrap .catch-large3 img {
    width: 84.4%;
  }
  .designWrap .catch-large4 {
    margin: 0 13%;
    text-align: right;
  }
  .designWrap .catch-large4 img {
    width: 76.2%;
  }
  .designWrap .catch-large5 img {
    width: 68.1%;
  }
  .designWrap .catch-large6 {
    text-align: center;
  }
  .designWrap .catch-large6 img {
    width: 69.2%;
  }
  .designWrap .catch-middle {
    color: #C9BC9C;
    font-size: 2.4rem;
    padding: 0 12% 0 0;
    letter-spacing: 3px;
    line-height: 2.5em;
  }
  .designWrap .flex-d-rvs .catch-middle {
    padding: 0 0 0 12%;
  }
  .designWrap .catch-small {
    color: #C9BC9C;
    font-size: 1.8rem;
    padding: 0 12% 0 0;
  }
  .designWrap .flex-d-rvs .catch-small {
    padding: 0 0 0 12%;
  }
  .designWrap .catch-min {
    color: #C9BC9C;
    font-size: 1.3rem;
    padding: 0 0 0 4%;
    line-height: 2;
  }
  .designWrap .flex-d-rvs .catch-min {
    padding: 0 4% 0 0;
    text-align: right;
  }
  .designWrap .profile {
    font-weight: 400;
    font-family: "Noto Serif SC", serif;
    letter-spacing: 2.6px;
    margin: 0 9%;
  }
  .designWrap .sp {
    display: none;
  }
  .designWrap .pc {
    display: inline;
  }

  .designWrap .flex-d-rvs {
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .designWrap .right-border {
    flex-basis: 175px;
  }

  .profile-caption {
    flex-basis: calc(100% - 175px);
  }

}

@media (min-width: 576px) {
  .designWrap .catch-large1 img{
    width: 50%;
  }

  .designWrap .catch-large2 img {
    width: 68.7%;
  }

  .designWrap .image-area {
    /*margin: 100px 10%;*/
    margin: 100px 13.4%;
  }
  .designWrap .image-area3 {
    margin: 100px 0 70px;
    text-align: center;
  }
  .designWrap .image-area3 img{
    width: 73.9%;
  }
  .designWrap .sp2 {
    display: none;
  }
  .designWrap .pc2 {
    display: inline;
  }
}



/*====================================================================================
■07.different
====================================================================================*/
/* _07.different
-------------------------------------------------------------------- */
/* _different1Wrap
-------------------------------- */
.different1Wrap {
  padding: 20px 0 20px;
  position: relative;
  min-height: 220px;
  margin-bottom: 0;
}

.different1-imgbox {
  z-index: 1;
  position: static;
  left: 0;
  top: 0;
  width: 50%;
  height: 220px;
  overflow: hidden;
}

.different1-imgbox img {
  width: 100%;
  height: auto;
  top: 0%;
  left: 0%;
  opacity: 1;
  position: absolute;
  display: block;
}

.different1-txtbox {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  z-index: 2;
}

.different1-txtbox .different1-txt {
  display: block;
  vertical-align: top;
  max-width: 550px;
  margin-left: 0;
  background-color: #fff;
}

.different1-txtbox .different1-txt .different1-txtin {
  padding-left: 10px;
}

@media (min-width: 768px) {
  .different1Wrap {
    margin-bottom: 90px;
    min-height: 280px;
  }

  .different1-imgbox {
    position: absolute;
    height: 380px;
  }

  .different1-txtbox .different1-txt {
    margin-left: 51%;
    background-color: none;
  }

  .differentWrap .pro-img-r {
    margin-right: 8%;
  }

  .differentWrap .pro-img-l {
    margin-left: 8%;
  }
}

@media (min-width: 1025px) {
  .different1Wrap {
    min-height: 380px;
  }

  .different1-imgbox {
    height: 380px;
  }
}

/* _noteWrap
-------------------------------- */
.noteWrap {
  background-color: #ccc;
  padding: 20px 0;
}

.noteWrap .note {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.noteWrap .note .icon {
  display: none;
}

.noteWrap .note ul {
  margin-bottom: 15px;
}

.noteWrap .note ul li {
  list-style: disc outside;
  margin-left: 16px;
  font-size: 1.8rem;
  font-weight: 400;
}

.noteWrap .note .note-end {
  font-size: 2.4rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .noteWrap {
    padding: 20px 25px;
  }

  .noteWrap .note {
    width: 80%;
  }

  .noteWrap .note .icon {
    display: block;
    position: absolute;
    right: 0;
    bottom: -20px;
  }
}
/* _differentWrap
-------------------------------- */
.differentWrap {
  margin-bottom: 60px;
}

.differentWrap .gutters-0 {
  margin-bottom: 70px;
}

.differentWrap .catch {
  background-image: url(../different/images/bg-different-link.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 130%;
  padding: 20px 25px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: white;
}

.differentWrap .catch p {
  font-size: 1.6rem;
  font-weight: 600;
}

.differentWrap .catch a {
  color: white;
}

.different-txtWrap {
  background-color: #2d251b;
  color: #fff;
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0;
}

@media (min-width: 1025px) {
  .copyWrap {
    margin-bottom: 45px;
  }
}
/*====================================================================================
■08.price
====================================================================================*/
/* _08.price
-------------------------------------------------------------------- */
.page-price .l-main section,
.price_aside {
  margin-top: 6%;
}
.page-price .l-main section + section {
  margin-top: 6%;
  padding-top: 3%;
}

.page-price .l-main img {
  width: 100%;
}

.posting-header::after,
.dm-header::before,
.dm-header::after,
.sms-header::before,
.sms-header::after,
.design-header::before,
.design-header::after {
  content: "";
  display: block;
  background-size: cover;
}

.posting-header::after {
  width: calc((123/732) * 100%);
  aspect-ratio: 123 / 121;
  background-image: url(../price/images/posting_headimg.svg);
}

.dm-header::before {
  width: calc((129.96/732) * 100%);
  background-image: url(../price/images/dm_headimg001.svg);
  aspect-ratio: 129.96 / 116.167;
}
.dm-header::after {
  width: calc((121.481/732) * 100%);
  background-image: url(../price/images/dm_headimg002.svg);
  aspect-ratio: 121.481 / 120.971;
}
.dm-flow {
  display: flex;
  flex-direction: column-reverse;
}
.dm-flow ._txt {
  position: relative;
  margin-top:    2%;
  margin-bottom: 2%;
  padding-top:    0.5%;
  padding-bottom: 0.5%;
  border-right: 4px solid #452F27;
  border-left:  4px solid #452F27;
  background-image: linear-gradient(0deg, #452F27 0px, #452F27 100%);
  background-size: 100% 4px;
  background-repeat: no-repeat;
  background-position: center center;
}
.dm-flow ._txt span {
  display: block;
  width: calc(((198.046/732) * 100%) + 5%);
  margin-right: auto;
  margin-left:  auto;
  padding-right: 2.5%;
  padding-left:  2.5%;
  background-color: #fff;
}

.sms-header::before {
  width: calc((131.572/732) * 100%);
  background-image: url(../price/images/sms_headimg001.svg);
  aspect-ratio: 131.572 / 112.551;
}
.sms-header::after {
  width: calc((115.64/732) * 100%);
  background-image: url(../price/images/sms_headimg002.svg);
  aspect-ratio: 115.64 / 109.171;
}

.design-header::after {
  width: calc((163.223/732) * 100%);
  background-image: url(../price/images/design_headimg001.svg);
  aspect-ratio: 163.223 / 118.402;
}
.design-header::before {
  width: calc((93.86/732) * 100%);
  background-color: #fff;
  background-image: url(../price/images/design_headimg002.svg);
  aspect-ratio: 93.86 / 95.779;
}

.price_aside {
  margin-top: 60px;
  background-color: #2d251b;
  color: #fff;
}
.price_aside p {
  padding: 1.5em;
}

.service-flow {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .page-price .l-main section + section {
    margin-top: 10%;
    padding-top: 2.5%;
  }
  .page-price #breadcrumb {
    padding-bottom: 0;
  }
  .service-header__ttl {
    width: calc((480/732) * 144%);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3%;
  }
  .service-flow {
    flex-wrap: wrap;
  }
  .service-flow__items {
    width: 48%;
    margin-top: 3%;
  }
  .service-flow__items:nth-of-type(n+3) {
    margin-top: 7.5%;
  }

  .service-flow__items dd {
    width: calc((155/178) * 100%);
    margin-right: auto;
    margin-left: auto;
  }

  .posting-header {
    z-index: 999;
    position: relative;
  }

  .posting-header::after {
    width: calc((129.968/732) * 133.333%);
    margin-right: auto;
    margin-left:  auto;
  }

  .posting-header__ttl {
    width: calc((307/732) * 175%);
    margin-right: auto;
    margin-left:  auto;
  }

  .posting-header ._sub {
    width: 92%;
    margin-top: calc((15/732) * 133.333%);
    margin-right: auto;
    margin-left:  auto;
  }

  .posting-header ._set {
    width: 84%;
    padding-top: calc((24/732) * 133.333%);
    padding-bottom: calc((22/732) * 133.333%);
    margin-right: auto;
    margin-left:  auto;
  }

  .posting-map,
  .posting-price {
    width: 90%;
    margin-top: 3%;
    margin-right: auto;
    margin-left:  auto;
  }

  .dm-header {
    z-index: 999;
    position: relative;
  }

  .dm-header::before {
    position: absolute;
    left: 2.5%;
    top: 25%;
  }

  .dm-header::after {
    position: absolute;
    right: 4%;
    top: 25%;
  }

  .dm-header__ttl {
    width: calc((362.261/732) * 175%);
    margin-right: auto;
    margin-left: auto;
  }

  .dm-header ._txt {
    width: 90%;
    margin-top: 6%;
    margin-right: auto;
    margin-left: auto;
  }

  .dm-flow {
    width: calc((670/732) * 100%);
    margin-top: 10%;
    margin-right: auto;
    margin-left: auto;
  }

  .dm-flow ._txt span {
    width: 66%;
  }

  .dm-flow ._img img + img {
    margin-top: calc((8/732) * 100%);
    margin-left: calc((8/732) * 100%);
  }

  .dm-catch {
    width: 100%;
    margin-top: 6%;
  }

  .sms-header {
    z-index: 999;
    position: relative;
  }

  .sms-header::before {
    position: absolute;
    left: 0%;
    top: 40%;
  }

  .sms-header::after {
    position: absolute;
    right: 0%;
    top: 40%;
  }

  .sms-header__ttl {
    width: calc((362.261/732) * 175%);
    margin-right: auto;
    margin-left: auto;
  }

  .sms-header ._set {
    width: 80%;
    margin-top: 6%;
    margin-right: auto;
    margin-left: auto;
  }
  .sms-point {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .sms-point li {
    width: 47%;
    margin-top: 6%;
  }
  .sms-point li:nth-of-type(even) {
    margin-left: 6%;
  }

  .sms-catch {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 6%;
    margin-right: auto;
    margin-left: auto;
  }
  .sms-catch img:nth-of-type(1) {
    width: calc((268.813/732) * 200%);
  }
  .sms-catch img:nth-of-type(2) {
    width: calc((473.697/732) * 144%);
    margin-top: 2%;
  }

  .design-header {
    z-index: 999;
    position: relative;
  }

  .design-header::before {
    display: none;
  }

  .design-header::after {
    width: 33%;
    margin-top: 6%;
    margin-right: auto;
    margin-left:  auto;
  }

  .design-header__ttl {
    width: calc((362.261/732) * 175%);
    margin-right: auto;
    margin-left: auto;
  }

  .design-set {
    width: 100%;
  }

  .design-flow {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .design-flow img:nth-of-type(1) {
    width: 100%;
    margin-top: 6%;
  }

  .design-flow img:nth-of-type(2) {
    width: 80%;
    margin-top: 3%;
  }

}
@media (min-width: 768px) {
  .service-header__ttl {
    width: calc((480/732) * 100%);
    margin-right: auto;
    margin-left:  auto;
    margin-bottom: 3%;
  }

  .service-flow__items {
    width: calc((178/732) * 100%);
  }
  .service-flow__items dd {
    width: calc((155/178) * 100%);
    margin-right: auto;
    margin-left:  auto;
  }

  .posting-header {
    z-index: 999;
    position: relative;
  }
  .posting-header::after {
    position: absolute;
    left: calc((358/732) * 100%);
    bottom: -5px;
    width: calc((129.968/732) * 100%);
  }
  .posting-header__ttl {
    width: calc((307/732) * 100%);
  }
  .posting-header ._sub {
    position: absolute;
    top: 3%;
    left: calc((327/732) * 100%);;
    width: calc((387/732) * 100%);
  }
  .posting-header ._set {
    width: calc((329/732) * 100%);
    padding-top:    calc((24/732) * 100%);
    padding-bottom: calc((22/732) * 100%);
  }
  .posting-map {
    width: calc((505/732) * 100%);
  }
  .posting-price {
    position: absolute;
    right: 15px;
    bottom: calc((30/732) * 100%);
    width: calc((208/732) * 100%);
  }

  .dm-header {
    z-index: 999;
    position: relative;
  }
  .dm-header::before {
    position: absolute;
    left: 5%;
    top: -5%;
  }
  .dm-header::after {
    position: absolute;
    right: 5%;
    top:  -5%;
  }
  .dm-header__ttl {
    width: calc((362.261/732) * 100%);
    margin-right: auto;
    margin-left:  auto;
  }
  .dm-header ._txt {
    width: calc((502.581/732) * 100%);
    margin-top: calc((18/732) * 100%);
    margin-right: auto;
    margin-left:  auto;
  }
  .dm-flow {
    width: calc((670/732) * 100%);
    margin-top:  calc((8/732) * 100%);
    margin-right: auto;
    margin-left:  auto;
  }
  .dm-flow ._img {
    display: flex;
    align-items: center;
  }
  .dm-flow ._img img + img {
    margin-top:  calc((8/732) * 100%);
    margin-left: calc((8/732) * 100%);
  }
  .dm-catch {
    width: calc((612.395/732) * 100%);
    margin-top: calc((15/732) * 100%);
    margin-right: auto;
    margin-left:  auto;
  }

  .sms-header {
    z-index: 999;
    position: relative;
  }
  .sms-header::before {
    position: absolute;
    left: 2.5%;
    top: -7.5%;
  }
  .sms-header::after {
    position: absolute;
    right: 2.5%;
    top: -7.5%;
  }
  .sms-header__ttl {
    width: calc((362.261/732) * 100%);
    margin-right: auto;
    margin-left:  auto;
  }
  .sms-header ._sub {
    width: calc((479.86/732) * 100%);
    margin-top: calc((30/732) * 100%);
    margin-right: auto;
    margin-left:  auto;
  }
  .sms-header ._txt {
    margin-top: calc((10/732) * 100%);
  }
  .sms-point {
    display: flex;
    justify-content: space-between;
    margin-top: calc((28/732) * 100%);
  }
  .sms-point li {
    width: calc((229.004/732) * 100%);
  }
  .sms-catch {
    display: flex;
    justify-content: space-between;
    width: calc((696/732) * 100%);
    margin-top: calc((36/732) * 100%);
    margin-right: auto;
    margin-left:  auto;
  }
  .sms-catch img:nth-of-type(1) {
    width: calc((268.813/732) * 95%);
  }
  .sms-catch img:nth-of-type(2) {
    width: calc((473.697/732) * 95%);
  }

  .design-header {
    z-index: 999;
    position: relative;
  }
  .design-header::after {
    position: absolute;
    left: 0;
    top: -30%;
  }
  .design-header::before {
    position: absolute;
    right: 7.5%;
    top: -20%;
  }
  .design-header__ttl {
    width: calc((362.261/732) * 100%);
    margin-right: auto;
    margin-left:  auto;
  }
  .design-sub {
    width: calc((579.097/732) * 100%);
    margin-top: calc((30/732) * 100%);
    margin-right: auto;
    margin-left:  auto;
  }
  .design-img {
    width: calc((689.175/732) * 100%);
    margin-top: calc((12/732) * 100%);
    margin-right: auto;
    margin-left:  auto;
  }
  .design-flow {
    display: flex;
    justify-content: space-between;
    width: calc((662.82/732) * 100%);
    margin-top: calc((10/732) * 100%);
    margin-right: auto;
    margin-left:  auto;
  }
  .design-flow img:nth-of-type(1) {
    width: calc((410.103/732) * 100%);
  }
  .design-flow img:nth-of-type(2) {
    width: calc((345.551/732) * 100%);
    margin-top:  calc((8/732) * 100%);
    margin-left: calc((8/732) * 100%);
  }

  .price_aside p {
    text-align: center;
  }

}
@media (min-width: 1180px) {
  .page-price .l-main section,
  .price_aside {
    margin-top: 90px;
  }
  .page-price .l-main section + section {
    margin-top: 150px;
    padding-top: 30px;
  }
}

/*====================================================================================
■09.claim
====================================================================================*/
/* _05_1 common
-------------------------------------------------------------------- */

/* _claimcommitmentWrap
-------------------------------- */
.claimcommitmentWrap {
    background-image: url(../claim/images/bg-claimcommitment.jpg);
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    padding: 40px 0;
}
.claimcommitmentWrap .claimcommitment-box {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 20px;
}
.claimcommitmentWrap .claimcommitment-box h2 {
    font-family: "Noto Serif SC", serif;
    font-weight: 400;
}

@media (min-width: 768px) {
    .claimcommitmentWrap .claimcommitment-box {
        padding: 40px;
        margin: 0 auto;
        width: 80%;
    }
}


/* _claim-imgWrap
-------------------------------- */
.claim-imgWrap .claim-txt {
  background-color: #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 20px;
}

/* _correspondenceWrap
-------------------------------- */
.correspondenceWrap {
    background-image: url(../claim/images/bg-correspondence.jpg);
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .correspondenceWrap {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (min-width: 1025px) {
    .copyWrap {
        margin-bottom: 45px;
    }
}


/* _onestop-subWrap
-------------------------------- */
.correspondence-subWrap {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .correspondence-sub-box {
      width: 60%;
      margin: 0 auto;
    }
}


/* _onestop-txtWrap
-------------------------------- */
.correspondence-txtWrap {
    background-color: #2d251b;
    color: #fff;
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
}


/*====================================================================================
■10.faq
====================================================================================*/
/* _05_1 common
-------------------------------------------------------------------- */

/* _faqWrap
-------------------------------- */
.faqWrap .faq_q {
  background-color: #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 20px;
}
.faqWrap .faq_q:before {
  content: "Q";
  font-size: 4.0rem;
  margin-right: 10px;
}
.faqWrap .faq_a {
}
.faqWrap .faq_a:before {
  content: "A";
  font-size: 4.0rem;
  margin-right: 10px;
  line-height: 1;
}
/*====================================================================================
■11.company
====================================================================================*/
/* _05_1 common
-------------------------------------------------------------------- */
/* _greetingWrap
-------------------------------- */
.overviewWrap {
  background-image: url(../company/images/bg-overview.jpg);
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: 40px 0;
}

.overviewWrap .overview-box {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 20px;
}

.overviewWrap .overview-box h2,
.overviewWrap .overview-box h3 {
  font-family: "Noto Serif SC", serif;
  font-weight: 400;
}

.overviewWrap .overview-box dl dt {
  margin-bottom: 20px;
  text-align: center;
}

.overviewWrap .overview-box dl:first-child {
  margin-bottom: 20px;
}

.overviewWrap .overview-box dl:first-child dd {
  margin-bottom: 20px;
}

/* _greetingWrap
-------------------------------- */

/* _companyprofileWrap
-------------------------------- */
.companyprofile-table-img {
  display: none;
}

.companyprofile-table {
  width: 100%;
}
.companyprofile-table tr {
  border-bottom: solid 1px #2d251b;
}
.companyprofile-table th,
.companyprofile-table td {
  width: 100%;
  display: block;
  padding: 10px 0;
}

@media (min-width: 768px) {
  .companyprofile-table-img {
    display: block;
  }
  .companyprofile-table {
    /* display: none; */
  }
  .companyprofile-table th,
  .companyprofile-table td {
    display: table-cell;
  }
  .companyprofile-table th {
    width: 20%;
    vertical-align: middle;
  }
  .companyprofile-table td {
    width: 80%;
  }
}

/* _accessWrap
-------------------------------- */
.accessWrap iframe {
  height: 260px;
}
@media (min-width: 768px) {
  .accessWrap#access001 iframe {
    height: 100%
  }
}
/*====================================================================================
■12.education
====================================================================================*/
/* _trainingWrap
-------------------------------- */
.trainingWrap {
  background-image: url(../education/images/bg-training.jpg);
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: 40px 0;
}

.trainingWrap .training-box {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 20px;
}

.trainingWrap .training-box h2 {
  font-family: "Noto Serif SC", serif;
  font-weight: 400;
}

.trainingWrap .training-box dl dt {
  margin-bottom: 20px;
  text-align: center;
}

.trainingWrap .training-box dl:first-child {
  margin-bottom: 20px;
}

.trainingWrap .training-box dl:first-child dd {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .trainingWrap .training-box {
    padding: 40px;
    margin: 0 auto;
    width: 80%;
  }

  .trainingWrap .training-box dl:first-child {
    margin-bottom: 0;
  }

  .trainingWrap .training-box dl dt {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/* _ruleWrap
-------------------------------- */
/*====================================================================================
■13.building
====================================================================================*/
/* _teamWrap
-------------------------------- */
.teamWrap {
  background-image: url(../building/images/bg-team.jpg);
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: 40px 0;
}

.teamWrap .team-box {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 20px;
}

.teamWrap .team-box h2 {
  font-family: "Noto Serif SC", serif;
  font-weight: 400;
}

.teamWrap .team-box dl dt {
  margin-bottom: 20px;
  text-align: center;
}

.teamWrap .team-box dl:first-child {
  margin-bottom: 20px;
}

.teamWrap .team-box dl:first-child dd {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .teamWrap .team-box {
    padding: 40px;
    margin: 0 auto;
    width: 80%;
  }

  .teamWrap .team-box dl:first-child {
    margin-bottom: 0;
  }

  .teamWrap .team-box dl dt {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/* _ruleWrap
-------------------------------- */
/*====================================================================================
■14.training
====================================================================================*/
/* _skillWrap
-------------------------------- */
.skillWrap {
  background-image: url(../training/images/bg-skill.jpg);
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: 40px 0;
}

.skillWrap .skill-box {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 20px;
}

.skillWrap .skill-box h2 {
  font-family: "Noto Serif SC", serif;
  font-weight: 400;
}

.skillWrap .skill-box dl dt {
  margin-bottom: 20px;
  text-align: center;
}

.skillWrap .skill-box dl:first-child {
  margin-bottom: 20px;
}

.skillWrap .skill-box dl:first-child dd {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .skillWrap .skill-box {
    padding: 40px;
    margin: 0 auto;
    width: 80%;
  }

  .skillrap .skill-box dl:first-child {
    margin-bottom: 0;
  }

  .skillWrap .skill-box dl dt {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/* _ruleWrap
-------------------------------- */
/*====================================================================================
■15.voice
====================================================================================*/
/* _voiceWrap
-------------------------------- */
.voiceWrap {
  background-image: url(../voice/images/bg-voice.jpg);
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: 40px 0;
}

.voiceWrap .voice-box {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .voiceWrap .voice-box {
    padding: 40px;
    margin: 0 auto;
    width: 80%;
  }
}
/*
_voice1Wrap
_voice2Wrap
_voice3Wrap
_voice4Wrap
-------------------------------- */
.voice-img {
  margin: 0 auto;
}
/* _voice5Wrap
-------------------------------- */
.voice5Wrap {
  background-color: #2d251b;
  color: #fff;
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0;
}


/*====================================================================================
■16.onestop
====================================================================================*/
/* _16_1 common
-------------------------------------------------------------------- */
.page-posting .l-main section {
  margin-top: 6%;
}
.page-posting .l-main section + section {
  margin-top: 6%;
  padding-top: 3%;
}
.page-posting .l-main section:last-of-type {
  margin-bottom: 6%;
}
.page-posting .l-main img {
  width: 100%;
}
.postingplan-lst__items {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left:  auto;
}
.postingplan-lst__txt {
  position: relative;
  display: block;
  padding-top: 1.5em;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #452f27;
}
.postingplan-lst__txt::before {
  content: attr(data-subtitle);
  font-size: 0.75em;
  position: absolute;
  top: 1em;
  left: 0;
  width: 100%;
  text-align: center;
}
#posplan001 .posplan-header,
#posplan002 .posplan-header,
#posplan003 .posplan-header {
  background-repeat: no-repeat, repeat-x;
  background-size: auto 100%;
  background-position: center bottom;
}
#posplan001 .posplan-header {
  background-image: url(../onestop/images/plan001_cover.png), url(../onestop/images/plan001_bg.png);
}
#posplan002 .posplan-header {
  background-image: url(../onestop/images/plan002_cover.png), url(../onestop/images/plan002_bg.png);
}
#posplan003 .posplan-header {
  background-image: url(../onestop/images/plan003_cover.png), url(../onestop/images/plan003_bg.png);
}
#posplan001 .posplan-point {
  background-color: #8fc41e;
}
#posplan002 .posplan-point {
  background-color: #5cb6e7;
}
#posplan003 .posplan-point {
  background-color: #f6ab00;
}
#posplan004 .posplan-wrap {
  display: flex;
  flex-direction: column-reverse;
}
#posplan004 .posplan-header {
  background-color: #002f82;
}
#posplan005 .posplan-header {
  padding-right: 5%;
  padding-left:  5%;
}
#posplan005 .posplan-sub {
  padding-right: 5%;
  padding-left:  5%;
  background-color: #e83a28;
}
#posplan006 .posplan-lst {
  padding-top:    calc((30/1600) * 100%);
  padding-bottom: calc((30/1600) * 100%);
  background-color: #221815;
}
#posplan006 .posplan-lst__items {
  display: flex;
  justify-content: center;
}
#posplan006 .posplan-lst__item:nth-of-type(1) {
  width: calc((512/1600) * 100%);
}
#posplan006 .posplan-lst__item:nth-of-type(2) {
  width: calc((540/1600) * 100%);
}
#posplan006 .posplan-lst__item:nth-of-type(3) {
  width: calc((400/1600) * 100%);
}

@media (max-width: 767px) {
  .page-posting .l-main section + section {
    margin-top: 10%;
    padding-top: 2.5%;
  }
  .page-posting #breadcrumb {
    padding-bottom: 0;
  }
  .postingplan-lst__txt {
    font-size: 1.12em;
  }
  .postingplan-header__ttl {
    width: 100%;
  }
  .postingplan-lst__items {
    max-width: 450px;
  }
  .postingplan-lst__item {
    width: calc((100% - 15px) / 2);
    margin-top: 10px;
  }
  .postingplan-lst__item:nth-of-type(even) {
    margin-left: 15px;
  }
  #posplan001 .posplan-header__ttl,
  #posplan002 .posplan-header__ttl,
  #posplan003 .posplan-header__ttl {
    width: calc(50% * 1.25);
    margin-right: auto;
    margin-left:  auto;
    padding-right: 15px;
    padding-left:  15px;
  }
  .posplan-step p,
  .posplan-point p {
    width: 90%;
    margin-right: auto;
    margin-left:  auto;
    padding-top: calc((40/(1600 * 0.95)) * 100%);
    padding-bottom: calc((40/(1600 * 0.95)) * 100%);
  }
  .posplan-step p {
    text-align: right;
  }
  .posplan-step p img:nth-of-type(1) {
    float: left;
    width: calc((784/(1600 * 0.95)) * 180%) !important;
  }
  .posplan-step p img:nth-of-type(2) {
    width: calc((734/(1600 * 0.95)) * 180%) !important;
    margin-top: calc((40/(1600 * 0.95)) * -180%);
  }
  .posplan-point p {
    text-align: center;
  }
  #posplan001 .posplan-point p img:nth-of-type(1) {
    width: calc((640/(1600 * 0.95)) * 125%) !important;
  }
  #posplan001 .posplan-point p img:nth-of-type(2) {
    width: calc((800/(1600 * 0.95)) * 180%) !important;
  }
  #posplan002 .posplan-point p img:nth-of-type(1) {
    width: calc((600/(1600 * 0.95)) * 125%) !important;
  }
  #posplan002 .posplan-point p img:nth-of-type(2) {
    width: calc((840/(1600 * 0.95)) * 180%) !important;
  }
  #posplan003 .posplan-point p img:nth-of-type(1) {
    width: calc((630/(1600 * 0.95)) * 125%) !important;
  }
  #posplan003 .posplan-point p img:nth-of-type(2) {
    width: calc((840/(1600 * 0.95)) * 180%) !important;
  }
}
@media (max-width: 360px) {
  .postingplan-lst__txt {
    font-size: 1em;
  }
}
@media (min-width: 768px) {
  .postingplan-header__ttl {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .postingplan-lst__item {
    width: calc((100% - 60px) / 3);
    margin-top: 15px;
  }
  .postingplan-lst__item:not(:nth-of-type(3n+1)) {
    margin-left: 30px;
  }
  #posplan001 .posplan-header__ttl,
  #posplan002 .posplan-header__ttl,
  #posplan003 .posplan-header__ttl {
    width: 50%;
    max-width: calc(1128px / 1.75);
    margin-right: auto;
    margin-left:  auto;
    padding-right: 15px;
    padding-left:  15px;
  }
  .posplan-step p,
  .posplan-point p {
    display: flex;
    width: 95%;
    max-width: calc(1128px / 0.95);
    margin-right: auto;
    margin-left:  auto;
    padding-top: calc((40/(1600 * 0.95)) * 100%);
    padding-bottom: calc((40/(1600 * 0.95)) * 100%);
  }
  .posplan-step p img:nth-of-type(1) {
    width: calc((784/(1600 * 0.95)) * 100%) !important;
  }
  .posplan-step p img:nth-of-type(2) {
    width: calc((734/(1600 * 0.95)) * 100%) !important;
  }
  #posplan001 .posplan-point p img:nth-of-type(1) {
    width: calc((640/(1600 * 0.95)) * 100%) !important;
  }
  #posplan001 .posplan-point p img:nth-of-type(2) {
    width: calc((800/(1600 * 0.95)) * 100%) !important;
  }
  #posplan002 .posplan-point p img:nth-of-type(1) {
    width: calc((600/(1600 * 0.95)) * 100%) !important;
  }
  #posplan002 .posplan-point p img:nth-of-type(2) {
    width: calc((840/(1600 * 0.95)) * 100%) !important;
  }
  #posplan003 .posplan-point p img:nth-of-type(1) {
    width: calc((630/(1600 * 0.95)) * 100%) !important;
  }
  #posplan003 .posplan-point p img:nth-of-type(2) {
    width: calc((840/(1600 * 0.95)) * 100%) !important;
  }
  #posplan004 .posplan-wrap {
    width: 100%;
    max-width: calc(1128px);
    margin-right: auto;
    margin-left:  auto;
  }
  #posplan004 .posplan-header {
    padding-right: 5%;
    padding-left:  5%;
  }
  #posplan005 .posplan-wrap {
    width: 100%;
    max-width: calc(1128px);
    margin-right: auto;
    margin-left:  auto;
  }
  #posplan006 .posplan-wrap {
    width: 100%;
    max-width: calc(1128px);
    margin-right: auto;
    margin-left:  auto;
  }
}

@media (min-width: 1180px) {
  .page-posting .l-main section + section {
    padding-top: 30px;
  }
}

/*====================================================================================
■16.information
====================================================================================*/
/* _16_1 common
-------------------------------------------------------------------- */
/* _infoWrap
-------------------------------- */
.infoWrap {
  padding: 0 0 40px;
}

.infoWrap p:first-child{
  margin-bottom: 45px;
}

.infoWrap dl dt{
  font-weight: bold;
  display: list-item;
  list-style-type: decimal;
}

.infoWrap dl dd{
  margin-bottom: 20px;
}

.infoWrap dl ul li:last-child{
  margin-top: 10px;
}

.infoWrap dl ul li span{
  font-weight: bold;
}


/* _prohWrap
-------------------------------- */
/* _approachWrap
-------------------------------- */

/*====================================================================================
■17.privacy
====================================================================================*/
/* _17_1 common
-------------------------------------------------------------------- */
/* _infoWrap
-------------------------------- */

#privacy01 .privWrap p{
  margin-bottom: 20px;
}

#privacy01 .privWrap ul.priv01_1{
  margin-bottom: 20px;
  text-align: right;
}

#privacy01 .privWrap ul.priv01_1 span{
  font-weight: bold;
}

#privacy01 .privWrap ul.priv01_2{
  margin: 30px 20px;
}

#privacy01 .privWrap ul.priv01_2 li{
  margin: 0 0 10px 20px;
  list-style-type: lower-alpha;
  list-style-position: outside;
}

#privacy01 .inquiry_box,
#privacy02 .inquiry_box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
#privacy01 .privWrap .priv01_box,
#privacy02 .privWrap .priv01_box{
  margin: 0 auto;
  padding: 25px;
  width: 100%;
  text-align: center;
}
#privacy01 .privWrap .priv01_box,
#privacy02 .privWrap .priv01_box{
  margin: 0 auto;
  padding: 25px;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
#privacy01 .privWrap .priv01_box2,
#privacy02 .privWrap .priv01_box2 {
	margin: 0 auto;
	padding: 10px;
	width: 100%;
	display: flex;
	justify-content:center;
}
#privacy01 .privWrap .priv01_box2 img.privacy,
#privacy02 .privWrap .priv01_box2 img.privacy {
	height: 80px;
	margin-right: 10px;
	align-self:center;
}
#privacy01 .privWrap .priv01_box2 p,
#privacy02 .privWrap .priv02_box2 p {
	align-self:center;
	margin-bottom: 0;
}

#privacy02 .privWrap ul.priv02_1{
  margin-left: 40px;
}

#privacy02 .privWrap ul.priv02_1 li{
  list-style-type: disc;
  list-style-position: outside;
}

#privacy02 .privWrap ul.priv02_2{
  /*margin-left: 40px;*/
  margin-left: 1.5em;
  list-style-type: none;
}

#privacy02 .privWrap ul.priv02_2 li{
  margin-bottom: 10px;
  list-style-type: lower-alpha;
  list-style-position: outside;
}

#privacy02 .privWrap ul.priv02_2 li span{
  font-weight: bold;
}

#privacy02 .privWrap ul.priv02_3{
  margin-bottom: 20px;
  text-align: right;
}

#privacy02 .privWrap dl dt{
  font-weight: bold;
  display: list-item;
  /*list-style-type: decimal;*/
  list-style: none;
  margin-left: 20px;
  position: relative;
}
#privacy02 .privWrap dl dt:before{
  position: absolute;
  bottom: 0;
  left: -1.5em;
}
#privacy02 .privWrap dl dt:first-child:before{
  content: '1.';
}
#privacy02 .privWrap dl dt:nth-of-type(2):before{
  content: '2.';
}
#privacy02 .privWrap dl dt:nth-of-type(3):before{
  content: '3.';
}
#privacy02 .privWrap dl dt:nth-of-type(4):before{
  content: '4.';
}
#privacy02 .privWrap dl dt:nth-of-type(5):before{
  content: '5.';
}
#privacy02 .privWrap dl dt:nth-of-type(6):before{
  content: '6.';
}
#privacy02 .privWrap dl dt:nth-of-type(7):before{
  content: '7.';
}
#privacy02 .privWrap dl dt:nth-of-type(8):before{
  content: '8.';
}
#privacy02 .privWrap dl dt:nth-of-type(9):before{
  content: '9.';
}
#privacy02 .privWrap dl dt:nth-of-type(10):before{
  content: '10.';
}
#privacy02 .privWrap dl dt:nth-of-type(11):before{
  content: '11.';
}
#privacy02 .privWrap dl dt:nth-of-type(12):before{
  content: '12.';
}
#privacy02 .privWrap dl dt:nth-of-type(13):before{
  content: '13.';
}
#privacy02 .privWrap dl dt:nth-of-type(14):before{
  content: '14.';
}
#privacy02 .privWrap dl dt:nth-of-type(15):before{
  content: '15.';
}

#privacy02 .privWrap dl dd{
  margin-bottom: 20px;
  margin-left: 20px;
}

#privacy02 .privWrap dl.priv02_inside{
  /*margin-left: 20px;*/
}

#privacy02 .privWrap dl.priv02_inside dt{
  margin-left: 20px;
  font-weight: bold;
  display: list-item;
  list-style-type: lower-alpha;
  list-style-type: none;
  position: relative;
}

#privacy02 .privWrap dl.priv02_inside dt:before{
  position: absolute;
  bottom: 0;
  left: -1.5em;
}
#privacy02 .privWrap dl.priv02_inside dt:first-child:before{
  content: 'a.';
}
#privacy02 .privWrap dl.priv02_inside dt:nth-of-type(2):before{
  content: 'b.';
}
#privacy02 .privWrap dl.priv02_inside dt:nth-of-type(3):before{
  content: 'c.';
}
#privacy02 .privWrap dl.priv02_inside dt:nth-of-type(4):before{
  content: 'd.';
}
#privacy02 .privWrap dl.priv02_inside dt:nth-of-type(5):before{
  content: 'e.';
}
#privacy02 .privWrap dl.priv02_inside dt:nth-of-type(6):before{
  content: 'f.';
}
#privacy02 .privWrap dl.priv02_inside dt:nth-of-type(7):before{
  content: 'g.';
}
#privacy02 .privWrap dl.priv02_inside dt:nth-of-type(8):before{
  content: 'h.';
}
#privacy02 .privWrap dl.priv02_inside dt:nth-of-type(9):before{
  content: 'i.';
}
#privacy02 .privWrap dl.priv02_inside dt:nth-of-type(10):before{
  content: 'j.';
}

#privacy02 .privWrap p:first-child{
  margin-bottom: 20px;
}
@media (min-width: 768px) {
	#privacy01 .inquiry_box,
	#privacy02 .inquiry_box {
		display: flex;
		justify-content:space-between;
	}
	#privacy01 .privWrap .priv01_box,
	#privacy02 .privWrap .priv01_box {
		margin: 0 auto;
		width: 75%;
		text-align: center;
	}
	#privacy01 .privWrap .priv01_box2,
	#privacy02 .privWrap .priv01_box2 {
		margin: 0 auto;
		padding: 20px;
		width: 55%;
		text-align: center;
	}
	#privacy01 .privWrap .priv01_box2 img.privacy,
	#privacy02 .privWrap .priv01_box2 img.privacy {
		height: 98px;
		margin-right: 10px;
	}
  #privacy02 .call{
    pointer-events: none;
  }
}

/* _prohWrap
-------------------------------- */
/* _approachWrap
-------------------------------- */

.sitemap{
  margin-bottom: 100px;
}
.sitemap ul{
  display: inline-block;
  margin-top: 40px;
}
.sitemap ul li{
  width: 33%;
  float: left;
  margin: 20px auto;
}
.sitemap ul li a:hover{
  opacity: .8
}
@media (max-width: 768px) {
  .sitemap ul li{
    width: 100%;
    float: none;
}