@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	background: #fff;
	color: #262626;
}
.inner {
  width: 100%;
  max-width: 1140px;
  padding: 0 1rem;
  margin: auto;
}
img {
  max-width: 100%;
}
.bg_white {
  background: #fff;
}
.bg_navy {
  background: #00348D;
  color: #fff;
}
.bg_green {
  background: #00b178;
  color: #fff;
}
.bg_blue {
  background: #619ADD;
  color: #fff;
}
.bg_lightblue {
  background: #E9F1FF;
}
.bg_yellow {
  background: #fefad3;
}
.bg_lightyellow {
  background: #fffde5;
}
.border {
  border-color: #00b178!important;
}
.section_title {
  font-size: 120%;
  font-weight: 700;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 375px) {
  .section_title {
    font-size: 150%;
  }
}
@media screen and (min-width: 576px) {
  .section_title {
    font-size: 180%;
  }
}
@media screen and (min-width: 768px) {
  .section_title {
    font-size: 200%;
  }
}
@media screen and (min-width: 992px) {
  .section_title {
    font-size: 330%;
  }
}
.section_title small {
  padding: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 2px solid #00348D;
  font-size: 70%;
  font-weight: 700;
}
.balloon {
  background: #F15A24;
  color: #fff;
  font-size: 110%;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .balloon {
    font-size: 140%;
  }
}
@media screen and (min-width: 992px) {
  .balloon {
    font-size: 160%;
  }
}
.balloon::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 35px solid #F15A24;
  border-right: 35px solid transparent;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -35px;
  margin: 0 auto;
}
.diagonal {
  width: 100%;
  height: 100%;
  border-top: 0 solid transparent;
  border-right: 100vw solid #000;
  display: block;
  position: absolute!important;
  bottom: 0;
  right: 0;
  z-index: 0!important;
}
.inquiry {
  font-size: 100%;
  font-weight: 700;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.inquiry strong {
  padding: 0.25em 1.5em;
  color: #F15A24;
  font-size: 130%;
  font-weight: 700;
  white-space: nowrap;
  position: relative;
}
.inquiry strong::before,
.inquiry strong::after {
  content: '';
  width: 1.5em;
  height: 1.5em;
  background: url(../img/img_heading.png) center/contain no-repeat;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}
.inquiry strong::after {
  left: inherit;
  right: 0;
  transform: scale(-1,1);
}
@media screen and (min-width: 375px) {
  .inquiry {
    font-size: 115%;
  }
}
@media screen and (min-width: 576px) {
  .inquiry {
    font-size: 150%;
  }
  .inquiry strong {
    font-size: 150%;
  }
}
@media screen and (min-width: 992px) {
  .inquiry {
    font-size: 200%;
  }
}

#site_header {
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  #site_header {
    height: 90px;
  }
}
#site_header a:hover {
  opacity: 0.8;
}
#site_header .navbar-toggler {
  border: 1px solid #000;
}
#site_header .navbar-toggler:focus {
  outline: 0;
}
#site_header .sitelogo {
  width: 180px;
}
#site_header .nav-link {
  /*width: 220px;*/
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #site_header .sitelogo {
    width: 250px;
  }
  #site_header .nav-link {
    /*width: 220px;*/
    margin: 0;
  }
}
@media screen and (min-width: 992px) {
  #site_header .sitelogo {
    width: 360px;
  }
  #site_header .nav-link {
    /*width: 280px;*/
  }
}
@media screen and (min-width: 1200px) {
  #site_header .nav-link {
    /*width: 355px;*/
  }
}

#kv{
  background:#fcf8df;
}

#cta_area{
  background:#00b178;
}

.shokai_muryou_img{
  max-width:200px;
}
@media screen and (min-width: 768px) {
  .shokai_muryou_img{
    max-width:250px;
  }
}
@media screen and (min-width: 992px) {
  .shokai_muryou_img{
    max-width:300px;
  }
}
@media screen and (min-width: 1200px) {
  .shokai_muryou_img{
    max-width:300px;
  }
}


main {
  margin-top: 56px;
}
@media screen and (min-width: 768px) {
  main {
    margin-top: 90px;
  }
}
section {
  padding: 3rem 0;
  position: relative;
}
section ul li {
  list-style-type: none;
}
#manga p {
		font-size: 1.4rem;
}
#worries {
  padding-top: 30px;
  background: #2cbb8d url(../img/worries_bg_point.png) center top/70px no-repeat;
}
#worries .diagonal {
  border-right: 100vw solid #00b178;
}
#worries > * {
  position: relative;
  z-index: 1;
}
#worries .section_title {
  color: #fff462;
}
#worries .section_title small {
  margin-bottom: 0;
  border-bottom: 0;
}
#worries ul li {
  position: relative;
}
#worries ul li img {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  border-radius: 0.6rem;
  box-shadow: 5px 0 10px rgba(0,60,41,0.23);
  display: block;
}
#worries ul li span {
  width: calc(100% - 20px);
  max-width: 380px;
  height: 60px;
  padding: 0.5em;
  background: rgba(0,116,79,0.86);
  margin: 0 auto;
  border-radius: 30px;
  color: #fff;
  font-weight: 700;
  font-size: 80%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  #worries {
    background: #2cbb8d url(../img/worries_bg_point.png) center top/100px no-repeat;
  }
  #worries ul li img {
    max-width: 100%;
    border-radius: 1rem;
  }
  #worries ul li span {
    width: calc(100% - 2rem - 20px);
    max-width: 100%;
    height: 50px;
  }
}
@media screen and (min-width: 992px) {
  #worries {
    padding-top: 70px;
    background: #2cbb8d url(../img/worries_bg_point.png) center top/140px no-repeat;
  }
  #worries ul li span {
    height: 60px;
    font-size: 100%;
  }
}

#features .diagonal {
  border-right: 0;
  border-left: 100vw solid #fffccb;
}
#features > * {
  position: relative;
  z-index: 1;
}
#features h2 {
  position: relative;
  z-index: 1;
}
#features .card {
  margin-top: -1rem;
  border: 0;
  border-radius: 1rem;
  box-shadow: 5px 0 10px rgba(0,60,41,0.23);
}
#features .card-title {
  margin-bottom: 20px;
  background: #19b880;
  border-radius: 1rem 1rem 0 0;
  color: #fff;
  font-size: 130%;
  font-weight: 700;
  text-align: center;
  position: relative;
}
#features .card-title::after {
  content: '';
  width: 74px;
  height: 21px;
  border-top: 21px solid #19b880;
  border-right: 36px solid transparent;
  border-left: 36px solid transparent;
  display: block;
  position: absolute;
  bottom: -19px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#features .card-title strong {
  color: #fff462;
}
#features .card-title small {
  font-size: 35%;
  font-weight: 400;
}
#features ul {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}
#features ul li span {
  width: calc(100% - 3px);
  background: #00b178;
  border-radius: 50%;
  color: #fff;
  font-size: 70%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#features ul li span::before {
  content: '';
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 2px solid #00b178;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
}
@media screen and (max-width: 767px) {
  #features > .inner {
    max-width: 500px;
  }
}
@media screen and (min-width: 576px) {
  #features ul li span {
    font-size: 90%;
  }
}
@media screen and (min-width: 768px) {
  #features .card-title {
    font-size: 200%;
  }
  #features ul li span {
    width: 100%;
  }
  #features ul li span::before {
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    top: -6px;
    left: -6px;
  }
}
@media screen and (min-width: 768px) {
  #features ul li span {
    font-size: 120%;
  }
}
@media screen and (min-width: 992px) {
  #features .card-title {
    font-size: 270%;
  }
  #features ul li span {
    font-size: 160%;
  }
}
@media screen and (min-width: 1200px) {
  #features .card-title {
    font-size: 300%;
  }
}

#inquiry .sitelogo {
  width: 100%;
  max-width: 350px;
}

.cta {
  font-size: 110%;
}
@media screen and (min-width: 375px) {
  .cta {
    font-size: 120%;
  }
}
@media screen and (min-width: 768px) {
  .cta {
    font-size: 150%;
  }
}
.cta a {
  color: #F15A24;
  font-weight: 700;
  font-size: 110%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cta a .tel {
  font-size: 120%;
}
@media screen and (min-width: 576px) {
  .cta a .tel {
    font-size: 150%;
  }
}
@media screen and (min-width: 768px) {
  .cta a .tel {
    font-size: 120%;
  }
}
@media screen and (min-width: 992px) {
  .cta a .tel {
    font-size: 150%;
  }
}
.cta a .tel::before,
.cta a .mail::before {
  content: '';
  width: 1em;
  height: 1em;
  margin-right: 0.25em;
  background: url(../img/icon_tel.png) center/contain no-repeat; 
  display: inline-block;
}
.cta a .mail::before {
  width: 2em;
  height: 2em;
  background: url(../img/icon_mail.png) center/contain no-repeat; 
}

#reasons .logo {
  width: 3.5em;
}
#reasons p {
  color: #333;
}
#reasons p br {
  display: none;
}
@media screen and (min-width: 576px) {
  #reasons p {
    text-align: center;
  }
  #reasons p br {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  #reasons p {
    font-size: 120%;
  }
}
#reasons .border {
  border-width: 3px!important;
}
#reasons .item {
  max-width: 360px;
  margin: 0 auto;
}
#reasons .item .number {
  padding: 0.25em 0 0.75em 0;
  margin-bottom: 0.25em;
  background: url(../img/img_ribbon.png) center top/contain no-repeat;
  color: #fff;
  font-size: 250%;
  text-align: center;
  display: block;
}
@media screen and (min-width: 768px) {
  #reasons .item .number {
    font-size: 350%;
  }
}
#reasons .item h3 {
  font-size: 150%;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  #reasons .item h3 {
    font-size: 200%;
  }
}
#reasons .item h3 strong {
  color: #F15A24;
  font-size: 100%;
  font-weight: 700;
}
#reasons .item p {
  font-size: 90%;
}
@media screen and (min-width: 1200px) {
  #reasons .item p {
    font-size: 100%;
  }
}

#price .diagonal {
  border-right: 0;
  border-left: 100vw solid #fffccb;
}
#price > * {
  position: relative;
  z-index: 1;
}
#price h3 {
  font-size: 115%;
  font-weight: 700;
}
@media screen and (min-width: 576px) {
  #price h3 {
    font-size: 150%;
  }
}
@media screen and (min-width: 992px) {
  #price h3 {
    font-size: 175%;
  }
}
#price h3::before {
  content: '';
  width: 0.8em;
  height: 0.8em;
  margin-right: 0.25em;
  background: #00348D;
  display: inline-block;
}
#price .type {
  width: calc((100% - 4rem)/3);
  font-weight: 700;
  display: flex;
  flex-direction: column;
  position: relative;
}
#price .type::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-left: 1rem solid #00348D;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1.5rem;
  margin: auto 0;
}
#price .type:last-child::after {
  display: none;
}
#price .type h4 {
  font-size: 100%;
  font-weight: 700;
}
@media screen and (min-width: 576px) {
  #price .type h4 {
    font-size: 120%;
  }
}
@media screen and (min-width: 768px) {
  #price .type h4 {
    font-size: 150%;
  }
}
@media screen and (min-width: 992px) {
  #price .type h4 {
    font-size: 175%;
  }
}
#price .type p {
  height: 100%;
  font-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #price .type p {
    font-size: 135%;
  }
}
@media screen and (min-width: 992px) {
  #price .type p {
    font-size: 200%;
  }
}
#price .type p strong {
  padding: 0.25em 0.5em;
  background: #F15A24;
  border-radius: 50%;
  color: #fff;
  font-size: 75%;
  font-weight: 700;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #price .type p strong {
    font-size: 100%;
  }
}
#price table {
  width: 100%;
  font-size: 90%;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 375px) {
  #price table {
    font-size: 100%;
  }
}
@media screen and (min-width: 576px) {
  #price table {
    font-size: 120%;
  }
}
@media screen and (min-width: 768px) {
  #price table {
    width: 80%;
    margin: 0 auto;
    font-size: 150%;
  }
}
@media screen and (min-width: 992px) {
  #price table {
    width: 100%;
  }
}
#price table small {
  font-size: 50%;
  font-weight: 400;
  display: block;
}
#price table thead > *,
#price table tbody tr > * {
  border-bottom: 1px solid #00b178;
}
#price table tbody tr:last-child > * {
  border-bottom: 0;
}
#price table th,
#price table td {
  padding: 0.5em;
  border-right: 1px solid #00b178;
}
#price table th:last-child,
#price table td:last-child {
  border-right: 0;
}
#price table th.bg_white {
  width: 8em;
}
#price .note {
  padding-left: 2em;
  font-size: 75%;
}
@media screen and (min-width: 768px) {
  #price .note {
    width: 80%;
    margin: 0 auto;
    font-size: 100%;
  }
}
@media screen and (min-width: 992px) {
  #price .note {
    width: 100%;
  }
}
#price .note li {
  position: relative;
}
#price .note li::before {
  content: '\203B';
  position: absolute;
  left: -1.5em;
}

#qa .qa_list dt {
  padding-top: 3em;
  border-top: 1px solid #B7C6DF;
  margin-bottom: 1rem;
  font-size: 100%;
  position: relative;
}
#qa .qa_list dd {
  padding-top: 2em;
  color: #4D4D4D;
  margin-bottom: 2rem;
  position: relative;
}
#qa .qa_list dt::before,
#qa .qa_list dd::before {
  content: '【Q】';
  width: 100%;
  font-size: 1.5em;
  text-align: center;
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
}
#qa .qa_list dd::before {
  content: '【A】';
  top: 0;
}
@media screen and (min-width: 576px) {
  #qa .qa_list dt {
    padding-top: 1.5em;
  }
  #qa .qa_list dd {
    padding-top: 0;
  }
  #qa .qa_list dt,
  #qa .qa_list dd {
    padding-left: 4rem;
  }
  #qa .qa_list dt::before,
  #qa .qa_list dd::before {
    width: inherit;
    font-size: 1.5rem;
  }
  #qa .qa_list dt::before {
    top: 0.75em;
  }
  #qa .qa_list dd::before {
    top: 0;
  }
}
@media screen and (min-width: 768px) {
  #qa .qa_list dt {
    font-size: 125%;
  }
  #qa .qa_list dt,
  #qa .qa_list dd {
    padding-left: 5rem;
  }
  #qa .qa_list dt::before,
  #qa .qa_list dd::before {
    font-size: 2rem;
  }
  #qa .qa_list dt::before {
    top: 1rem;
  }
}

#flow h3 {
  padding: 0;
  font-size: 120%;
  font-weight: 700;
  display: flex;
}
@media screen and (min-width: 992px) {
  #flow h3 {
    font-size: 150%;
  }
}
#flow h3 span {
  display: flex;
  align-items: center;
  justify-content: center;
}
#flow h3 .number {
  padding: 1rem 1.5rem;
  border-right: 1px solid #00348D;
  font-size: 150%;
  font-weight: 700;
  flex-shrink: 0;
}
#flow p {
  font-size: 90%;
}
@media screen and (min-width: 768px) {
  #flow p {
    font-size: 100%;
  }
}


#step .border {
  border-width: 3px!important;
}
#step .item {
  position: relative;
}
@media screen and (min-width: 768px) {
  #step .item::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
    border-left: 2rem solid #fff462;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1rem;
    margin: auto 0;
  }
  #step .item:last-child::after {
    display: none;
  }
}
#step .item > .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#step .item h3 {
  padding: 0.5em 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 100%;
  text-align: center;
}
#step .item h3 .number {
  font-size: 150%;
}
#step .item p {
  height: 100%;
  padding: 1em 0.25em;
  color: #333;
  font-size: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 374px) {
  #step .item p br {
    display: none;
  }
}
@media screen and (min-width: 375px) {
  #step .item h3 {
    font-size: 110%;
  }
}
@media screen and (min-width: 576px) {
  #step .item h3 {
    font-size: 130%;
  }
}
@media screen and (min-width: 768px) {
  #step .item h3 {
    font-size: 110%;
  }
  #step .item h3 .number {
    font-size: 175%;
  }
  #step .item p {
    font-size: 85%;
  }
}
@media screen and (min-width: 992px) {
  #step .item h3 {
    font-size: 150%;
  }
  #step .item p {
    font-size: 100%;
  }
}
@media screen and (min-width: 1200px) {
  #step .item h3 {
    font-size: 175%;
  }
}
@media screen and (min-width: 768px) {
  #step h2.inquiry {
    flex-direction: row;
  }
}
#step h2.inquiry .balloon {
  padding: 0.25em;
}
@media screen and (min-width: 768px) {
  #step h2.inquiry .balloon {
    font-size: 100%;
  }
}
#step h2.inquiry .balloon::after {
  border-right: 0;
  border-top: 20px solid #F15A24;
  border-left: 20px solid transparent;
  bottom: -20px;
}
@media screen and (min-width: 576px) {
  #step h2.inquiry .balloon::after {
    border-top: 35px solid #F15A24;
    border-left: 35px solid transparent;
    bottom: -35px;
  }
}

/* -------- フッターエリア -------- */
#sec05 {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  background: url("../img/sec05_bg.jpg") #00152a 0 0 repeat-x;
  font-size: 0.7rem;
  font-weight: normal;
  color: #fff;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #sec05 {
	font-size: 0.75rem;
  }
}
@media screen and (min-width: 1200px) {
  #sec05 {
	font-size: 0.9rem;
  }
}
#sec05 h2 {
  font-size: 22px;
  color: #fff;
  background: url("../img/sec05_img_001.png") top center no-repeat;
  padding-top: 75px;
  text-align: center;
  margin-bottom: 50px;
}
#sec05 h3 {
  font-size: 16px;
  font-weight: normal;
  background: url("../img/sec05_bdr.png") bottom left no-repeat;
  padding-bottom: 14px;
  margin-bottom: 18px;
}
#sec05 dl.list01 {
  width: 100%;
}
#sec05 dl.list01 dt {
  width: 25%;
  font-weight: normal;
  float: left;
  clear: left;
}
#sec05 dl.list01 dd {
  width: 75%;
  margin-left: 25%;
}
#sec05 dl.list02 {
  width: 100%;
}
#sec05 dl.list02 dt {
  width: 10%;
  font-weight: normal;
  float: left;
  clear: left;
}
#sec05 dl.list02 dd {
  width: 90%;
  margin-left: 10%;
}
@media screen and (max-width: 767px) {
  #sec05 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
  }
  #sec05 h2 {
    font-size: 16px;
    color: #fff;
    background: url("../img/sec05_img_001.png") top center no-repeat;
    padding-top: 70px;
  }
  #sec05 h3 {
    font-size: 14px;
    font-weight: normal;
    background: url("../img/sec05_bdr.png") bottom left no-repeat;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
.bg_01 {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/bg_big_01.jpg);
  background-size: cover;
}
.bg_11 {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/bg_big_11.jpg);
  background-size: cover;
}
.bg_navy2{
  background-color:#00152a;
}
.border-light{
    border-color: #f8f9fa!important;
}
/* -------- sec_profile_media -------- */
#sec_profile_media {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
@media screen and (max-width: 767px) {
  #sec_profile_media .container{
	padding-left:0px;
	padding-right:0px;
  }
}
@media screen and (max-width: 767px) {
  #sec_profile_media h2 span {
    width: 100%;
    padding: 18px 5px;
    display: block;
  }
}
#sec_profile_media h2.profile_name {
  font-size: 30px;
  color: #fff;
  text-align: left;
  background:none;
  padding-bottom: 14px;
}
#sec_profile_media h2.profile_name .title {
  font-size: 1.075rem;
  color: #fff;
  vertical-align:text-top;
}
#sec_profile_media h2.profile_name .alphabet {
  font-style: italic;
  letter-spacing:0.08em;
  font-weight:200;
}
#sec_profile_media .history {
  font-size: 1.075rem;
}
#sec_profile_media .introduce {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
  line-height:1.7em;
}
#sec_profile_media .belongs {
  line-height:1.75em;
}
@media screen and (max-width: 767px) {
  #sec_profile_media h2.profile_name {
    font-size: 20px;
    padding-bottom: 14px;
  }
  #sec_profile_media h2.profile_name .title {
	font-size: 0.9rem;
  }
  #sec_profile_media .history {
    font-size: 0.9rem;
  }
  #sec_profile_media .introduce {
    font-size: 0.872rem;
	line-height:1.3em;
  }
}

@media screen and (max-width: 767px) {
  #sec_profile_media {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #sec_profile_media .belongs {
    font-size: 0.85rem;
    font-weight: normal;
	text-align:left !important;
  }
}


#copyright {
  width: 100%;
  padding: 15px;
  background: #000;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #copyright p {
    font-size: 10px;
  }
}

#sp_footer_fix{
	background:#000;
}

.sp_footer_row_gutter .col-4 {
	padding: 0 2px;
}

.sp_footer_tel{
	background:#0bc4ee;
	box-sizing:border-box;
}

.sp_footer_line{
	background:#1dcd00;
	box-sizing:border-box;
}

.sp_footer_mail{
	background:#ea5757;
	box-sizing:border-box;
}

.a_area100{
	position: absolute;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
	text-indent:-999px;
    z-index: 2;
}
.privacy_link a {
  font-size: 0.8rem
}
.privacy_text {
  font-size: 0.8rem;
  color: #3A3A3A
}
.privacy_text h4 {
  font-size: 0.8rem;
}

.navbar-nav{
	text-align:center;
}
@media screen and (min-width: 992px) {
	#gnav{ width:33%；}
	#h_btn{width:64%;}

	.tel{
		max-width:180px;
	}
	.btn_cv{
		max-width:180px;
	}
	.line{
		max-width:180px;
	}
	
	.navbar-nav{
		display:flex;
		    -ms-flex-align: end !important;
    align-items: flex-end !important;
		    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
		
	}
	
}

@media screen and (min-width: 1200px) {
	.tel{
		max-width:250px;
	}
	.btn_cv{
		max-width:200px;
	}
	.line{
		max-width:200px;
	}
	
}

@media screen and (max-width: 575.98px) {
  .tel{
		max-width:200px;
	}
	.btn_cv{
		max-width:200px;
	}
	.line{
		max-width:200px;
	}
}