@charset "UTF-8";
/*
css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
*/
/*==================================================================================
profile_style
==================================================================================*/
#soka main {
  background: #bed200;
  margin: 0px auto 0;
  padding-bottom: 0.9rem;
}

#soka main .mainvisual {
  position: relative;
  width: 100%;
}

#soka main .mainvisual img {
  width: 100%;
}

#soka main .mainvisual .text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 1000px;
  transform: translate(-50%, -50%);
}

#soka main .section {
  width: 90%;
  margin: 0 auto 0;
}

#soka main .section .block-title {
  display: block;
  width: 100%;
  height: 0.48rem;
  border: 1px solid #5f6900;
  border-radius: 3px;
  text-align: center;
  font-size: 0.3rem;
  line-height: 0.48rem;
}

#soka main .section.section01.introduction {
  width: 90%;
  margin-top: 0.5rem;
}

#soka main .section.section01.introduction .intro {
  display: block;
  position: relative;
  vertical-align: top;
}

#soka main .section.section01.introduction .intro .text-block {
  display: block;
  width: 100%;
  vertical-align: bottom;
}

#soka main .section.section01.introduction .intro .text-block h2 {
  width: 100%;
}

#soka main .section.section01.introduction .intro .text-block h2 img {
  width: 100%;
}

#soka main .section.section01.introduction .intro .text-block p.intro02 {
  line-height: 0;
  margin-top: 10px;
  display: block;
  z-index: 3;
  position: relative;
}
#soka main .section.section01.introduction .intro .text-block p img {
  width: 100%;
}

#soka main .section.section01.introduction .intro .text-block .text {
  width: 59.83%;
  margin-top: 10px;
}

#soka main .section.section01.introduction .intro .text-block .text p {
  font-size: 0.18rem;
  line-height: 1.8;
  letter-spacing: -0.01em;
}

#soka main .section.section01.introduction .intro .image-block {
  display: block;
  position: absolute;
  right: -0.2rem;
  top: 4.5rem;
  z-index: 2;
  width: 28%;
}

#soka main .section.section01.introduction .intro .image-block img {
  width: 100%;
}

#soka main .section.section02.appearance {
  margin-top: 0.9rem;
}

#soka main .section.section02.appearance .appearance-images {
  margin-top: 0.19rem;
}

#soka main .section.section02.appearance .appearance-images .appearance-image {
  width: 100%;
}

#soka main .section.section02.appearance .appearance-images .appearance-image:nth-child(even) {
  float: none;
}

#soka main .section.section02.appearance .appearance-images .appearance-image:nth-child(n + 2) {
  margin-top: 0.32rem;
}

#soka main .section.section02.appearance .appearance-images .appearance-image img {
  width: 100%;
  border-radius:5px;
}

#soka main .section.section03.map {
  margin-top: 1.2rem;
}

#soka main .section.section03.map .map {
  margin-top: 0.3rem;
}

#soka main .section.section04.property {
  margin-top: 1.2rem;
}

#soka main .section.section04.property .block-title {
  margin-bottom: 0.2rem;
}

#soka main .section.section04.property .property-table.sp {
  display: table;
  width: 100%;
  font-size: 0;
}

#soka main .section.section04.property .property-table.sp tr th,
#soka main .section.section04.property .property-table.sp tr td {
  border: 1px solid #bed200;
  padding: 0.15rem 0.12rem 0.15rem 0.12rem;
  font-size: 0;
}

#soka main .section.section04.property .property-table.sp tr th span,
#soka main .section.section04.property .property-table.sp tr td span {
  text-align: left;
  font-size: 0.165rem;
  line-height: 1.25;
}

#soka main .section.section04.property .property-table.sp tr th ul,
#soka main .section.section04.property .property-table.sp tr td ul {
  padding: 5px 0;
}

#soka main .section.section04.property .property-table.sp tr th ul li,
#soka main .section.section04.property .property-table.sp tr td ul li {
  font-size: 0.18rem;
  line-height: 1.25;
}

#soka main .section.section04.property .property-table.sp tr th ul li:last-child,
#soka main .section.section04.property .property-table.sp tr td ul li:last-child {
  margin-top: 0.3rem;
}

#soka main .section.section04.property .property-table.sp tr th {
  width: calc(15.6% - 20px);
  background: #eae4d0;
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
}

#soka main .section.section04.property .property-table.sp tr td {
  background: #fff;
}

#soka main .section.section04.property .property-table.sp tr td.title {
  vertical-align: top;
  background: #f5f2e8;
  white-space: nowrap;
  font-weight: bold;
}

#soka main .section.section04.property .property-table.sp tr td.no-wrap {
  white-space: nowrap;
}

#soka main .section.section04.property .property-table.sp tr td.middle {
  width: 0%;
}

#soka main .section.section04.property .property-table.sp tr td.small {
  width: calc(16.4% - 20px);
}

#soka main .section.section04.property .property-table.sp tr td.minimum {
  width: 0%;
}

#soka main .section.section05.lacation {
  margin-top: 0.9rem;
}

#soka main .section.section05.lacation .location-lists {
  margin-top: 0.35rem;
  margin-left: 0;
}

#soka main .section.section05.lacation .location-lists .location-list {
  position: relative;
  margin-bottom: 0.4rem;
  padding-left: 0.2rem;
  font-size: 0.24rem;
  line-height: 1.3;
  letter-spacing: -0.01em;
  font-weight: 500;
}

#soka main .section.section05.lacation .location-lists .location-list::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.05rem;
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 50%;
  background: #922b8b;
}

#soka main .section.section05.lacation .application-detail {
  margin-top: 0.5rem;
}

#soka main .section.section05.lacation .application-detail .application-detail-title {
  width: 100%;
}

#soka main .section.section05.lacation .application-detail .application-detail-title img {
  width: 100%;
}

#soka main .section.section05.lacation .application-detail .application-detail-title + .full-image {
  margin-top: 0.25rem;
}

#soka main .section.section05.lacation .full-image {
  font-size: 0;
  margin-top: 0.42rem;
}

#soka main .section.section05.lacation .full-image img {
  width: 100%;
}

#soka main .section.section05.lacation .harf-images {
  margin-top: 0.3rem;
  font-size: 0;
  overflow: hidden;
}

#soka main .section.section05.lacation .harf-images .harf-image {
  width: 48%;
}

#soka main .section.section05.lacation .harf-images .harf-image img {
  width: 100%;
}

#soka main .section.section05.lacation .harf-images .harf-image.left-image {
  float: left;
}

#soka main .section.section05.lacation .harf-images .harf-image.right-image {
  float: right;
}

#soka main .section.section05.lacation .attention {
  position: relative;
  margin-top: 0.2rem;
  font-size: 0.18rem;
  line-height: 1.5;
  padding-left: 0.25rem;
  letter-spacing: -0.02em;
}
#soka main .section.section05.lacation .attention2 {
  position: relative;
  margin-top: 0.2rem;
  font-size: 0.18rem;
  line-height: 1.5;
  padding-left: 0.40rem;
  letter-spacing: -0.02em;
}

#soka main .section.section05.lacation .attention span,
#soka main .section.section05.lacation .attention2 span {
  position: absolute;
  left: 0;
}

#soka main .section.section05.lacation .application-detail-table {
  width: 100%;
  margin-top: 0.6rem;
}

#soka main .section.section05.lacation .application-detail-table tr {
  border-bottom: 1px solid #bed200;
  font-size: 0;
}

#soka main .section.section05.lacation .application-detail-table tr th,
#soka main .section.section05.lacation .application-detail-table tr td {
  padding: 0.15rem 0.15rem 0.15rem 0.15rem;
  font-size: 0;
  line-height: 1.9375;
  width: fit-content;
}

#soka main .section.section05.lacation .application-detail-table tr td.small {
  border-right: 1px solid #bed200;
  white-space: nowrap;
}

#soka main .section.section05.lacation .application-detail-table tr th span,
#soka main .section.section05.lacation .application-detail-table tr td span {
  text-align: left;
  font-size: 0.165rem;
  line-height: 1.5;
}

#soka main .section.section05.lacation .application-detail-table tr th {
  background: #eef0cc;
  vertical-align: top;
  text-align: left;
}

#soka main .section.section05.lacation .application-detail-table tr th span {
  white-space: nowrap;
}

#soka main .section.section05.lacation .application-detail-table tr td {
  background: #fff;
  vertical-align: middle;
}

#soka main .section.section05.lacation .application-detail-table tr td em {
  font-style: normal;
  text-decoration: underline;
}

#soka main .section.section05.lacation .application-detail-table tr td ul {
  padding: 0.1rem 0;
}

#soka main .section.section05.lacation .application-detail-table tr td ul li {
  position: relative;
  font-size: 0.18rem;
  line-height: 1.5;
}

#soka main .section.section05.lacation .application-detail-table tr td ul li:first-child {
  position: relative;
  padding-left: 1.15rem;
}

#soka main .section.section05.lacation .application-detail-table tr td ul li:first-child span {
  position: absolute;
  display: inline-block;
  position: absolute;
  left: 0rem;
}

#soka main .section.section05.lacation .application-detail-table tr td ul + .attention,
#soka main .section.section05.lacation .application-detail-table tr td ul + .attention2 {
  margin-top: 0.18rem;
}

#soka main .section.section05.lacation .application-detail-table tr td span + .attention,
#soka main .section.section05.lacation .application-detail-table tr td span + .attention2 {
  margin-top: 0.18rem;
}

#soka main .section.section05.lacation .application-detail-table tr td.title {
  vertical-align: middle;
  background: #f5f2e8;
}

#soka main .section.section05.lacation .application-detail-table tr td .attention,
#soka main .section.section05.lacation .application-detail-table tr td .attention2 {
  margin-top: 0;
  font-size: 0.16rem;
  line-height: 1.33;
}

#soka main .section.section05.lacation .application-detail-table tr td .attention.sp,
#soka main .section.section05.lacation .application-detail-table tr td .attention2.sp {
  display: block;
}



#soka main .section.section06.invoice .application-detail {
  margin-top: 0.5rem;
  position: relative;
  /*background: #ffffff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;*/
}

#soka main .section.section06.invoice .application-detail h3 {
  padding-top:10px;
}
#soka main .section.section06.invoice .application-detail h3 img {
  width: 100%;
}

#soka main .section.section06.invoice .application-detail .case {
  padding: 10px 5px 20px 5px;
}

#soka main .section.section06.invoice .application-detail p {
  text-align: left;
  font-size: 0.165rem;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-ideograph;
}

#soka main .section.section06.invoice .application-detail p strong {
  color: #932b8c;
  /*background:linear-gradient(transparent 60%, #eef0cc 60%);*/
}

#soka main .section.section06.invoice .application-detail p em {
  font-style: normal;
  font-weight: bold;
  font-size: 0.30rem;
  line-height: 1.75;
  display: block;
  text-align: center;
  padding: 1em 0;
}


#soka main .section.section06.invoice .application-detail .box {
  background: #f2ebf3;
  border-radius: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 2px;
  padding: 10px 25px 15px 25px;
}

#soka main .section.section06.invoice .application-detail .box h4 {
  padding-top: 10px;
  font-size: 0.225rem;
  line-height: 1.5;
  color: #932b8c;
  text-align: center;
}


#soka main .section.section06.invoice .invoice-lists {
  margin-top: 10px;
}

#soka main .section.section06.invoice .invoice-lists .invoice-list {
  position: relative;
  padding-left: 18px;
  margin-top: 0px;
  font-size: 0.165rem;
  line-height: 1.9375;
  font-weight: 500;
}

#soka main .section.section06.invoice .invoice-lists .invoice-list::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #932b8c;
}

#soka main .section.section06.invoice .application-detail .tableBox {
  /*padding-top:30px;
  padding-bottom:10px;*/
}
#soka main .section.section06.invoice .application-detail .tableBox img {
  width: 100%;
  image-rendering: -webkit-optimize-contrast;
}

#soka main .section.section06.invoice .attention {
    margin-top: 0;
    font-size: 0.165rem;
    line-height: 1.11;
    padding-left: 15px;
}

#soka main .section.section06.invoice .attention span {
    text-align: left;
    font-size: 0.165rem;
    line-height: 1.0;
    position: absolute;
    left: 0;
    padding-left: 25px;
}






#soka main .qa-block {
  display: block;
  width: 78%;
  margin: 0.4rem auto 0;
}

#soka main .qa-block img {
  width: 100%;
}

#soka main .for-net-block {
  margin-top: 0.4rem;
}

#soka .site-footer {
  margin-top: 0;
  background: #bed200;
}

sup {
  vertical-align: super !important;
  font-size: smaller !important;
}

.youtube_wrap{
    padding-top: 56.25%;
    width: 100%;
    position: relative;
}
 
.youtube_wrap iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0.2em;
    left: 0px;
}

/*# sourceMappingURL=maps/smartphone.css.map */