.pagettl-sec .pagettl-txt { width: 30.46875%; margin-left: -15.234375%; }
@media screen and (max-width: 640px) { .pagettl-sec .pagettl-txt { width: 42.1875%; margin-left: -21.09375%; } }

.main { padding-top: 25px; }

.package-top { margin-bottom: 33px; }
.package-top .top-head { display: grid; grid-template-columns: 24.0740740741% 1fr 21.8518518519%; align-items: center; margin-bottom: 40px; }
@media screen and (max-width: 640px) { .package-top .top-head { display: block; } }
.package-top .top-head .top-ttl { font-size: 3.6rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 640px) { .package-top .top-head .top-ttl { margin-bottom: 1rem; font-size: 2.4rem; } }
.package-top .top-plan { display: grid; row-gap: 23px; }
.package-top .top-plan .top-plan-item { display: grid; grid-template-columns: auto 1fr; column-gap: 35px; align-items: center; padding: 17px; border-radius: 65px; }
@media screen and (max-width: 640px) { .package-top .top-plan .top-plan-item { column-gap: 1rem; } }
.package-top .top-plan .top-plan-item .top-plan-ico { display: flex; justify-content: center; align-items: center; width: 9.6rem; aspect-ratio: 1 / 1; padding-top: 0.5rem; border-radius: 50%; background-color: #fff; }
@media screen and (max-width: 640px) { .package-top .top-plan .top-plan-item .top-plan-ico { width: 6.4rem; } }
.package-top .top-plan .top-plan-item .top-plan-ico img { width: 59.0625%; }
.package-top .top-plan .top-plan-item .top-plan-txt p { max-width: 830px; color: #fff; font-size: 2.2rem; font-weight: 700; }
@media screen and (max-width: 640px) { .package-top .top-plan .top-plan-item .top-plan-txt p { font-size: 1.6rem; } }
.package-top .top-plan ._item1 { background-color: #0071bc; }
.package-top .top-plan ._item2 { background-color: #0fb7ff; }
.package-top .top-plan ._item3 { background-color: #00a9a9; }
.package-top .top-plan ._item3 .top-plan-ico img { width: 81.0416666667%; }

.package-service .package-service-ttl { position: relative; max-width: 802px; margin-bottom: 12px; padding: 1rem 1rem 1rem 50px; color: #fff; font-size: 2.2rem; }
@media screen and (max-width: 960px) { .package-service .package-service-ttl { max-width: 100%; } }
@media screen and (max-width: 640px) { .package-service .package-service-ttl { padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1.8666666667rem; } }
.package-service .package-service-ttl::before { content: ''; position: absolute; top: 0; left: -1px; width: 34px; height: 100%; clip-path: polygon(0 0, 100% 50%, 0 100%); background-color: #ccc; }
.package-service .package-service-con { display: grid; }
@media screen and (max-width: 960px) { .package-service .package-service-con { display: block; } }
.package-service .package-service-con table { width: 100%; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.package-service .package-service-con table thead th { border-left: 1px solid #333; width: 8em; height: 3em; padding: 0.5rem 0; color: #fff; font-size: 2.2rem; font-weight: 500; line-height: 1; text-align: center; vertical-align: middle; }
@media screen and (max-width: 640px) { .package-service .package-service-con table thead th { width: 5.5em; font-size: 1.4666666667rem; } }
.package-service .package-service-con table thead th:first-child { width: auto; border-left: none; }
.package-service .package-service-con table thead th span { font-size: 3.2rem; vertical-align: text-bottom; }
@media screen and (max-width: 640px) { .package-service .package-service-con table thead th span { font-size: 2.0666666667rem; } }
.package-service .package-service-con table thead th span._s { font-size: 2.6rem; vertical-align: initial; }
@media screen and (max-width: 640px) { .package-service .package-service-con table thead th span._s { font-size: 1.7333333333rem; } }
.package-service .package-service-con table tbody tr { border-top: 1px solid #333; }
.package-service .package-service-con table tbody th { padding: 1em 0; font-weight: 500; line-height: 1.4; text-align: left; vertical-align: middle; }
@media screen and (max-width: 640px) { .package-service .package-service-con table tbody th._n { padding: 0.5em 0; } }
.package-service .package-service-con table tbody td { padding: 0.5rem 0; border-left: 1px solid #333; font-size: 2.2rem; text-align: center; vertical-align: middle; }
@media screen and (max-width: 640px) { .package-service .package-service-con table tbody td { font-size: 1.8666666667rem; } }
.package-service .package-service-con table tbody td p { line-height: 1.2; }
@media screen and (max-width: 640px) { .package-service .package-service-con table tbody td p { font-size: 1.6rem; } }
.package-service .package-service-con table tbody td p i { font-style: normal; }
@media screen and (max-width: 640px) { .package-service .package-service-con table tbody td p i { font-size: 1.2rem; } }
.package-service .package-service-con table tbody td span { font-size: 1.6rem; }
.package-service .package-service-con figure ._tab { display: none; }
@media screen and (max-width: 960px) { .package-service .package-service-con figure { margin-top: 2rem; text-align: center; }
  .package-service .package-service-con figure ._pc { display: none; }
  .package-service .package-service-con figure ._tab { display: inline; } }
.package-service._service01 { margin-bottom: 45px; }
.package-service._service01 .package-service-ttl { background-color: #39b54a; }
.package-service._service01 .package-service-con { grid-template-columns: 74.2592592593% 1fr; column-gap: 3.7037037037%; align-items: flex-end; }
.package-service._service01 .package-service-con table thead ._plan1 { background-color: #0071bc; }
.package-service._service01 .package-service-con table thead ._plan2 { background-color: #0fb7ff; }
.package-service._service01 .package-service-con table thead ._plan3 { background-color: #00a9a9; }
.package-service._service01 .package-service-con figure { padding-bottom: 50px; }
.package-service._service02 { margin-bottom: 55px; }
.package-service._service02 .package-service-ttl { background-color: #ff801e; }
.package-service._service02 .package-service-con { grid-template-columns: 57.037037037% 1fr; column-gap: 8.7037037037%; align-items: center; }
@media screen and (max-width: 640px) { .package-service._service02 .package-service-con table thead th { width: 7em; }
  .package-service._service02 .package-service-con table thead th:first-child { width: auto; } }
.package-service._service02 .package-service-con table thead ._plan1 { background-color: #c1272d; }
.package-service._service02 .package-service-con table thead ._plan2 { background-color: #996a52; }
.package-service._service02 .package-service-txt { margin-top: 25px; padding: 1rem 1.5rem; border: 3px solid #ff801e; }
.package-service._service02 .package-service-txt li { padding-left: 1em; text-indent: -1em; }

@media screen and (max-width: 640px) { .package-link p { width: 59.375%; margin: 0 auto; } }

/*# sourceMappingURL=package.css.map */