/*
Theme Name: aircon Child
Template: aircon
Version: 20250425
*/

/*anima*/

html,
body{
    font-family: "Noto Sans JP-Bold", Helvetica;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
}
#wrapper{
    width: 100%;
}
#page-top{
    position: fixed;
    right: 20px;
    bottom: 25px;
    cursor: pointer;
    opacity: 0;
    z-index: 9999;
}
#page-top img{
    width: 40px;
}
ul{
    list-style: none;
    padding: 0;
}
.PC-top {
    background-color: #ffffff;
/*
    display: flex;
    flex-direction: row;
    justify-content: center;
*/
    width: 100%;
}
img.sp-menu{
    position: fixed;
    top: 10px;
    right: 13px;
    cursor: pointer;
    width: 60px;
    z-index: 99;
}
.sp-header-text{
    font-size: 18px;
    text-align: center;
}
.PC-top .front-image{
    position: relative;
}
.PC-top .front-image .btn-area{
    margin: 20px auto 60px;
}
.PC-top .front-image .btn-iv{
    display: block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 30%;
    height: 100px;
}
.PC-top .div {
    background-color: #ffffff;
    overflow: hidden;
    width: 1920px;
    height: 12291px;
    width: 100%;
    height: 100%;
    position: relative;
}
.PC-top footer {
    width: 100%;
    height: auto;
}
.PC-top .overlap {
    display: block;
    position: relative;
    width: 1920px;
    max-width: 100%;
    margin: auto;
}

.PC-top .bg {
    position: absolute;
    width: 1920px;
    height: 7128px;
    top: 10px;
    left: 0;
}

.PC-top .overlap-group {
    position: absolute;
    width: 1920px;
    height: 1246px;
    top: 1190px;
    left: 0;
    background-color: #fff6c5;
}

.PC-top .element {
    position: absolute;
    width: 302px;
    height: 302px;
    top: 84px;
    left: 1584px;
}

.PC-top .vector {
    position: absolute;
    width: 227px;
    height: 227px;
    top: 0;
    left: 75px;
}

.PC-top .img {
    position: absolute;
    width: 55px;
    height: 55px;
    top: 247px;
    left: 0;
}

.PC-top .element-2 {
    position: absolute;
    width: 302px;
    height: 302px;
    top: 855px;
    left: 27px;
}

.PC-top .element-3 {
    position: absolute;
    width: 169px;
    height: 158px;
    top: 810px;
    left: 1650px;
}

.PC-top .element-4 {
    position: absolute;
    width: 169px;
    height: 158px;
    top: 277px;
    left: 148px;
}

.PC-top .overlap-2 {
    position: absolute;
    width: 1920px;
    height: 2152px;
    top: 4976px;
    left: 0;
    background-color: #fff6c5;
}

.PC-top .element-5 {
    position: absolute;
    width: 302px;
    height: 302px;
    top: 244px;
    left: 1584px;
}

.PC-top .element-6 {
    position: absolute;
    width: 302px;
    height: 302px;
    top: 1716px;
    left: 1584px;
}

.PC-top .element-7 {
    position: absolute;
    width: 302px;
    height: 302px;
    top: 866px;
    left: 27px;
}

.PC-top .element-8 {
    position: absolute;
    width: 169px;
    height: 158px;
    top: 1034px;
    left: 1650px;
}

.PC-top .element-9 {
    position: absolute;
    width: 169px;
    height: 158px;
    top: 288px;
    left: 148px;
}

.PC-top .element-10 {
    position: absolute;
    width: 169px;
    height: 158px;
    top: 1769px;
    left: 148px;
}

/*input*/
input:not([type=checkbox]):not([type=radio]):not([type=submit]), textarea, select {
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
}
.inner-box-kihon select, .inner-box-kihon input, .inner-box-kihon textarea
 {
    background: #fff;
}

input.deco, input, .post input, textarea, .post textarea,select {
    width: 100%;
    padding: 10px !important;
    border: 1px solid #999;
    background: -webkit-linear-gradient(top, #fff 0%, #efebe1 100%);
    background: linear-gradient(to bottom, #fff 0%, #efebe1 100%);
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 18px;
}
.auto-text-box {
    display: block;
    margin: 10px auto;
    width: 912px;
    max-width: 95%;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
}


.PC-top .service {
    position: absolute;
    width: 1103px;
/*
    height: 2001px;
    top: 71px;
    left: 407px;
*/
    max-width: 90%;
    position: relative;
    display: block;
    margin: auto;
    aspect-ratio: 1 / 2;
}

.PC-top .faq {
    width: 1103px;
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
    max-width: 100%;
    padding: 30px calc(50% - 551px);
    background: rgba(214,240,255,1);
}
.PC-top .faq ul li{
    margin-bottom: 20px;
}
.PC-top .faq ul li .question{
    position: relative;
    width: 1100px;
    height: 76px;
    background-color: #009ee5;
    border-radius: 20px 20px 0px 0px;
    margin :auto;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #ffffff;
    font-size: 29px;
    letter-spacing: 0;
    line-height: 74px;
    box-sizing: border-box;
    padding-left: 20px;
}
.PC-top .faq ul li .anser{
    position: relative;
    width: 1100px;
    height: auto;
    background-color: #fff;
    border-radius: 0px 0px 20px 20px ;
    margin :auto;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.5;
    box-sizing: border-box;
    padding: 20px;
}

.PC-top .group {
    position: absolute;
    width: 563px;
    height: 90px;
    top: 0;
    left: 272px;
}

.PC-top .overlap-group-2 {
    position: relative;
    width: 561px;
    height: 90px;
}

.PC-top .rectangle {
    position: absolute;
    width: 561px;
    height: 61px;
    top: 6px;
    left: 0;
    background-color: #ffd900;
    border-radius: 30px 0px 30px 0px;
    transform: rotate(180deg);
}

.PC-top .vector-2 {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 63px;
    left: 58px;
}

.PC-top .text-wrapper {
    top: 0;
    left: 161px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #7f4f21;
    font-size: 40px;
    text-align: center;
    line-height: 74px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-2 {
    top: 444px;
    left: 46px;
    color: var(--02);
    font-size: 28px;
    text-align: center;
    position: absolute;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 35px;
    white-space: nowrap;
}

.PC-top .element-v-v {
    position: absolute;
    top: 886px;
    left: 71px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--02);
    font-size: 28px;
    text-align: center;
    letter-spacing: 0;
    line-height: 35px;
}

.PC-top .text-wrapper-3 {
    position: absolute;
    top: 1328px;
    left: 46px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--02);
    font-size: 28px;
    text-align: center;
    letter-spacing: 0;
    line-height: 35px;
    white-space: nowrap;
}

.PC-top .EV {
    position: absolute;
    top: 1770px;
    left: 0;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--02);
    font-size: 28px;
    text-align: center;
    letter-spacing: 0;
    line-height: 35px;
}

.PC-top .text-wrapper-4 {
    top: 444px;
    left: 455px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--02);
    font-size: 28px;
    text-align: center;
    line-height: 35px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-5 {
    top: 886px;
    left: 455px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--02);
    font-size: 28px;
    text-align: center;
    line-height: 35px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-6 {
    top: 1328px;
    left: 385px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--02);
    font-size: 28px;
    text-align: center;
    line-height: 35px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-7 {
    position: absolute;
    top: 444px;
    left: 794px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--02);
    font-size: 28px;
    text-align: center;
    letter-spacing: 0;
    line-height: 35px;
}

.PC-top .text-wrapper-8 {
    top: 886px;
    left: 836px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--02);
    font-size: 28px;
    text-align: center;
    line-height: 35px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-9 {
    top: 1328px;
    left: 850px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--02);
    font-size: 28px;
    text-align: center;
    line-height: 35px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .rectangle-2 {
    position: absolute;
    width: 310px;
    height: 310px;
    top: 115px;
    left: 3px;
    object-fit: cover;
}

.PC-top .rectangle-3 {
    position: absolute;
    width: 310px;
    height: 310px;
    top: 557px;
    left: 3px;
    object-fit: cover;
}

.PC-top .rectangle-4 {
    position: absolute;
    width: 310px;
    height: 310px;
    top: 999px;
    left: 3px;
    object-fit: cover;
}

.PC-top .rectangle-5 {
    position: absolute;
    width: 310px;
    height: 310px;
    top: 1441px;
    left: 3px;
    object-fit: cover;
}

.PC-top .rectangle-6 {
    position: absolute;
    width: 310px;
    height: 310px;
    top: 115px;
    left: 398px;
    object-fit: cover;
}

.PC-top .rectangle-7 {
    position: absolute;
    width: 310px;
    height: 310px;
    top: 557px;
    left: 398px;
    object-fit: cover;
}

.PC-top .rectangle-8 {
    position: absolute;
    width: 310px;
    height: 310px;
    top: 999px;
    left: 398px;
    object-fit: cover;
}

.PC-top .component {
    top: 1938px;
    left: 313px;
    background-color: #54c139;
    position: absolute;
    width: 492px;
    height: 63px;
    border-radius: 56px;
    border: 3px solid;
    border-color: #ffffff;
    box-shadow: 0px 4px 4px #00000040;
}

.PC-top .text-wrapper-10 {
    top: 7px;
    left: 149px;
    font-family: "Noto Sans JP-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 30px;
    text-align: center;
    line-height: 37px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .polygon-wrapper {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 12px;
    right: 3%;
    background-color: #ffffff;
    border-radius: 15px;
}
.PC-top .polygon-wrapper::before {
    content: '▲';
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    color: #009ee5;
    font-size: 18px;
    transform: rotate(90deg);
    display: flex;
    justify-content: center;
    align-items: center;
}
.PC-top .bg-red .polygon-wrapper::before {
    color: #ff6600;
}
.PC-top .bg-green .polygon-wrapper::before {
    color: #54c139;
}
.PC-top .bg-orange .polygon-wrapper::before {
    color: #ffd900;
}
.PC-top .bg-blue .polygon-wrapper::before {
    color: #174e9d;
}


.PC-top .polygon {
    position: absolute;
    width: 10px;
    height: 11px;
    top: 9px;
    left: 11px;
}

.PC-top .rectangle-9 {
    position: absolute;
    width: 310px;
    height: 310px;
    top: 115px;
    left: 793px;
    object-fit: cover;
}

.PC-top .rectangle-10 {
    position: absolute;
    width: 310px;
    height: 310px;
    top: 557px;
    left: 793px;
    object-fit: cover;
}

.PC-top .rectangle-11 {
    position: absolute;
    width: 310px;
    height: 310px;
    top: 999px;
    left: 793px;
    object-fit: cover;
}

.PC-top .img-2 {
    position: absolute;
    width: 338px;
    height: 423px;
    top: 1418px;
    left: 559px;
    object-fit: cover;
}

.PC-top .overlap-3 {
    position: absolute;
    width: 1920px;
    height: 883px;
    top: 3619px;
    left: 0;
    background-color: #e2f0c8;
}

.PC-top .element-11 {
    position: absolute;
    width: 302px;
    height: 302px;
    top: 496px;
    left: 1584px;
}

.PC-top .element-12 {
    position: absolute;
    width: 302px;
    height: 302px;
    top: 83px;
    left: 27px;
}

.PC-top .element-13 {
    position: absolute;
    width: 169px;
    height: 158px;
    top: 124px;
    left: 1650px;
}

.PC-top .element-14 {
    position: absolute;
    width: 169px;
    height: 158px;
    top: 623px;
    left: 148px;
}

.PC-top .vector-3 {
    position: absolute;
    width: 272px;
    height: 341px;
    top: 0;
    left: 1561px;
}

.PC-top .vector-4 {
    position: absolute;
    width: 272px;
    height: 341px;
    top: 2650px;
    left: 1561px;
}

.PC-top .element-15 {
    position: absolute;
    width: 151px;
    height: 141px;
    top: 3256px;
    left: 1596px;
}

.PC-top .element-16 {
    position: absolute;
    width: 151px;
    height: 141px;
    top: 606px;
    left: 1596px;
}

.PC-top .element-17 {
    position: absolute;
    width: 139px;
    height: 130px;
    top: 2711px;
    left: 204px;
}

.PC-top .element-18 {
    position: absolute;
    width: 274px;
    height: 344px;
    top: 3109px;
    left: 20px;
    background-image: url(./img/vector.svg);
    background-size: 100% 100%;
}

.PC-top .element-19 {
    position: absolute;
    width: 139px;
    height: 130px;
    top: 183px;
    left: 204px;
}

.PC-top .element-20 {
    position: absolute;
    width: 274px;
    height: 344px;
    top: 492px;
    left: 20px;
    background-image: url(./img/vector-8.svg);
    background-size: 100% 100%;
}

.PC-top .group-wrapper {
    position: absolute;
    width: 1920px;
    height: 1344px;
    top: 9481px;
    left: 0;
    background-color: #d5efff;
}

.PC-top .overlap-wrapper {
    position: relative;
    width: 563px;
    height: 90px;
    top: 74px;
    left: 679px;
}

.PC-top .text-wrapper-11 {
    top: 0;
    left: 141px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #7f4f21;
    font-size: 40px;
    text-align: center;
    line-height: 74px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .vector-5 {
    position: absolute;
    width: 272px;
    height: 341px;
    top: 7335px;
    left: 1561px;
}

.PC-top .vector-6 {
    position: absolute;
    width: 272px;
    height: 341px;
    top: 8837px;
    left: 1561px;
}

.PC-top .element-21 {
    position: absolute;
    width: 139px;
    height: 130px;
    top: 7396px;
    left: 204px;
}

.PC-top .element-22 {
    position: absolute;
    width: 151px;
    height: 141px;
    top: 8283px;
    left: 1596px;
}

.PC-top .element-23 {
    position: absolute;
    width: 139px;
    height: 130px;
    top: 8898px;
    left: 167px;
}

.PC-top .element-24 {
    position: absolute;
    width: 274px;
    height: 344px;
    top: 8136px;
    left: 20px;
    background-image: url(./img/vector-50.svg);
    background-size: 100% 100%;
}

.PC-top .pay {
    position: relative;
    width: 1101px;
    max-width: 90%;
    display: block;
    margin: auto;
    aspect-ratio: 10 / 4;
}

.PC-top .overlap-4 {
    position: relative;
    height: 324px;
    top: 13px;
}

.PC-top .text-wrapper-12 {
    top: 196px;
    left: 23px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 21px;
    line-height: 37px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .overlap-5 {
    position: absolute;
    width: 1101px;
    height: 324px;
    top: 0;
    left: 0;
}

.PC-top .rectangle-12 {
    position: absolute;
    width: 535px;
    height: 74px;
    top: 107px;
    left: 0;
    background-color: #ff6600;
}

.PC-top .rectangle-13 {
    position: absolute;
    width: 245px;
    height: 74px;
    top: 107px;
    left: 535px;
    border: 5px solid;
    border-color: #ff6600;
}

.PC-top .p {
    top: 105px;
    left: 23px;
    font-family: "Rounded Mplus 1c-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 49px;
    line-height: 75px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .span {
    color: #ffffff;
}

.PC-top .text-wrapper-13 {
    color: #5d5d5d;
}

.PC-top .img-3 {
    position: absolute;
    width: 324px;
    height: 324px;
    top: 0;
    left: 777px;
    object-fit: cover;
}

.PC-top .map {
    position: relative;
    width: 1070px;
    max-width: 90%;
    display: block;
    margin: auto;
    aspect-ratio: 10 / 8;
}

.PC-top .overlap-group-wrapper {
    position: absolute;
    width: 563px;
    height: 90px;
    top: 0;
    left: 273px;
}

.PC-top .text-wrapper-14 {
    top: 0;
    left: 181px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #7f4f21;
    font-size: 40px;
    text-align: center;
    line-height: 74px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .div-2 {
    top: 130px;
    left: 761px;
    font-family: "Noto Sans JP-Bold", Helvetica;
    font-weight: 400;
    color: var(--text);
    font-size: 28px;
    line-height: 37px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-15 {
    font-weight: 700;
}

.PC-top .text-wrapper-16 {
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    font-size: 21px;
}

.PC-top .img-4 {
    position: absolute;
    width: 688px;
    height: 612px;
    top: 114px;
    left: 0;
    object-fit: cover;
}

.PC-top .img-5 {
    position: absolute;
    width: 289px;
    height: 206px;
    top: 499px;
    left: 723px;
    object-fit: cover;
}

.PC-top .service-2 {
    position: relative;
    width: 981px;
    max-width: 90%;
    display: block;
    margin: auto;
    aspect-ratio: 10 / 12;
}

.PC-top .overlap-6 {
    position: absolute;
    width: 991px;
    height: 818px;
    top: 115px;
    left: 0;
}

.PC-top .img-6 {
    position: absolute;
    width: 991px;
    height: 759px;
    top: 0;
    left: 0;
    object-fit: cover;
}

.PC-top .text-wrapper-17 {
    top: 147px;
    left: 74px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 21px;
    line-height: 37px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .element-25 {
    top: 293px;
    left: 237px;
    font-family: "Rounded Mplus 1c-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 38px;
    line-height: 75px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .div-wrapper {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 315px;
    left: 194px;
}

.PC-top .overlap-7 {
    position: relative;
    height: 35px;
}

.PC-top .vector-7 {
    position: absolute;
    width: 29px;
    height: 24px;
    top: 2px;
    left: 6px;
}

.PC-top .vector-8 {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 0;
    left: 0;
}

.PC-top .element-26 {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 390px;
    left: 194px;
}

.PC-top .element-27 {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 465px;
    left: 194px;
}

.PC-top .element-28 {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 540px;
    left: 194px;
}

.PC-top .element-29 {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 615px;
    left: 194px;
}

.PC-top .line {
    position: absolute;
    width: 226px;
    height: 11px;
    top: 340px;
    left: 239px;
}

.PC-top .line-2 {
    position: absolute;
    width: 301px;
    height: 11px;
    top: 419px;
    left: 239px;
}

.PC-top .line-3 {
    position: absolute;
    width: 157px;
    height: 11px;
    top: 494px;
    left: 239px;
}

.PC-top .line-4 {
    position: absolute;
    width: 342px;
    height: 11px;
    top: 564px;
    left: 239px;
}

.PC-top .line-5 {
    position: absolute;
    width: 143px;
    height: 11px;
    top: 644px;
    left: 390px;
}

.PC-top .img-7 {
    position: absolute;
    width: 169px;
    height: 169px;
    top: 549px;
    left: 25px;
    object-fit: cover;
}

.PC-top .group-2 {
    position: absolute;
    width: 563px;
    height: 90px;
    top: 0;
    left: 201px;
}

.PC-top .text-wrapper-18 {
    top: 0;
    left: 81px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #7f4f21;
    font-size: 40px;
    line-height: 74px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .component-2 {
    top: 952px;
    left: 235px;
    background-color: #ff6600;
    position: absolute;
    width: 492px;
    height: 63px;
    border-radius: 56px;
    border: 3px solid;
    border-color: #ffffff;
    box-shadow: 0px 4px 4px #00000040;
}

.PC-top .text-wrapper-19 {
    top: 7px;
    left: 104px;
    left: 15%;
    font-family: "Noto Sans JP-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 30px;
    text-align: center;
    line-height: 37px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .track-record {
    position: relative;
    width: 1101px;
    display: block;
    margin: auto;
    aspect-ratio: 10 / 12;
}

.PC-top .text-wrapper-20 {
    top: 1048px;
    left: 3px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--02);
    font-size: 32px;
    text-align: center;
    line-height: 43px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-21 {
    top: 1048px;
    left: 413px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--02);
    font-size: 32px;
    text-align: center;
    line-height: 43px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-22 {
    top: 1048px;
    left: 824px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--02);
    font-size: 32px;
    text-align: center;
    line-height: 43px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .line-6 {
    position: absolute;
    width: 314px;
    height: 1px;
    top: 1146px;
    left: 6px;
    object-fit: cover;
}

.PC-top .line-7 {
    position: absolute;
    width: 314px;
    height: 1px;
    top: 1146px;
    left: 400px;
    object-fit: cover;
}

.PC-top .line-8 {
    position: absolute;
    width: 314px;
    height: 1px;
    top: 1146px;
    left: 795px;
    object-fit: cover;
}

.PC-top .text-wrapper-23 {
    width: 327px;
    top: 1158px;
    left: 0;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 18px;
    line-height: 28px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-24 {
    width: 327px;
    top: 1158px;
    left: 394px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 18px;
    line-height: 28px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-25 {
    width: 327px;
    top: 1158px;
    left: 789px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 18px;
    line-height: 28px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .overlap-8 {
    position: absolute;
    width: 1078px;
    height: 707px;
    top: 0;
    left: 130px;
}

.PC-top .overlap-9 {
    position: absolute;
    width: 905px;
    height: 707px;
    top: 0;
    left: 173px;
}

.PC-top .group-3 {
    position: absolute;
    width: 786px;
    height: 641px;
    top: 33px;
    left: 26px;
    transform: rotate(-5.00deg);
}

.PC-top .overlap-group-3 {
    position: absolute;
    width: 817px;
    height: 328px;
    top: -68px;
    left: -17px;
}

.PC-top .img-8 {
    position: absolute;
    width: 797px;
    height: 260px;
    top: 34px;
    left: 10px;
    transform: rotate(5.00deg);
    object-fit: cover;
}

.PC-top .element-30 {
    top: 134px;
    left: 197px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--text);
    font-size: 42px;
    text-align: center;
    line-height: 43px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-26 {
    color: #ff6600;
}

.PC-top .rectangle-14 {
    position: absolute;
    width: 601px;
    height: 275px;
    top: 340px;
    left: 89px;
    background-color: #ffffff99;
    transform: rotate(5.00deg);
}

.PC-top .group-4 {
    position: absolute;
    width: 786px;
    height: 192px;
    top: 164px;
    left: 113px;
    transform: rotate(-5.00deg);
}

.PC-top .overlap-10 {
    position: relative;
    width: 817px;
    height: 328px;
    top: -68px;
    left: -17px;
}

.PC-top .element-31 {
    top: 142px;
    left: 211px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--text);
    font-size: 42px;
    text-align: center;
    line-height: 43px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-27 {
    color: #0c6bb0;
}

.PC-top .group-5 {
    position: absolute;
    width: 676px;
    height: 272px;
    top: 376px;
    left: 127px;
}

.PC-top .overlap-11 {
    position: relative;
    width: 674px;
    height: 272px;
}

.PC-top .text-wrapper-28 {
    width: 656px;
    top: 0;
    left: 18px;
    font-family: "Noto Sans JP-Bold", Helvetica;
    font-weight: 700;
    color: var(--text);
    font-size: 34px;
    line-height: 67px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .group-6 {
    position: absolute;
    width: 603px;
    height: 272px;
    top: 0;
    left: 0;
}

.PC-top .line-9 {
    position: absolute;
    width: 603px;
    height: 2px;
    top: -2px;
    left: 0;
}

.PC-top .line-10 {
    position: absolute;
    width: 603px;
    height: 2px;
    top: 66px;
    left: 0;
}

.PC-top .line-11 {
    position: absolute;
    width: 603px;
    height: 2px;
    top: 134px;
    left: 0;
}

.PC-top .line-12 {
    position: absolute;
    width: 603px;
    height: 2px;
    top: 202px;
    left: 0;
}

.PC-top .line-13 {
    position: absolute;
    width: 603px;
    height: 2px;
    top: 270px;
    left: 0;
}

.PC-top .ellipse {
    position: absolute;
    width: 192px;
    height: 56px;
    top: 612px;
    left: 0;
    background-color: #d9d9d9;
    border-radius: 96px / 28px;
    background-blend-mode: multiply;
}

.PC-top .img-wrapper {
    position: absolute;
    width: 310px;
    height: 310px;
    top: 718px;
    left: 8px;
    background-color: #ffffff;
    border-radius: 0px 40px 0px 40px;
}

.PC-top .img-9 {
    position: absolute;
    width: 277px;
    height: 281px;
    top: 11px;
    left: 13px;
    object-fit: cover;
}

.PC-top .pixta-s-wrapper {
    position: absolute;
    width: 310px;
    height: 310px;
    top: 718px;
    left: 403px;
    background-color: #ffffff;
    border-radius: 0px 40px 0px 40px;
}

.PC-top .pixta-s {
    position: absolute;
    width: 256px;
    height: 256px;
    top: 27px;
    left: 31px;
    object-fit: cover;
}

.PC-top .overlap-12 {
    position: absolute;
    width: 310px;
    height: 310px;
    top: 718px;
    left: 798px;
    background-color: #ffffff;
    border-radius: 0px 40px 0px 40px;
}

.PC-top .img-10 {
    position: absolute;
    width: 293px;
    height: 297px;
    top: 0;
    left: 10px;
    object-fit: cover;
}

.PC-top .point {
    position: relative;
    width: 1101px;
    display: block;
    margin: auto;
    aspect-ratio: 1101 / 1084;
}

.PC-top .group-7 {
    position: absolute;
    width: 563px;
    height: 90px;
    top: 0;
    left: 269px;
}
.PC-top .group-77 {
    position: relative;
    width: auto;
    margin: 30px auto 30px;
    text-align :center;
}
.PC-top .group-77 .overlap-group-2{
    display: block;
    margin: auto;
}
.PC-top .group-8 {
    position: absolute;
    width: 561px;
    height: 84px;
    top: 6px;
    left: 0;
    /*box-shadow: 6px 6px 0px #0000000d;*/
}

.PC-top .overlap-group-4 {
    position: relative;
    height: 84px;
}

.PC-top .rectangle-15 {
    position: absolute;
    width: 561px;
    height: 61px;
    top: 0;
    left: 0;
    background-color: #ffd900;
    border-radius: 30px 0px 30px 0px;
    transform: rotate(180deg);
}

.PC-top .vector-9 {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 57px;
    left: 58px;
}

.PC-top .text-wrapper-29 {
    top: 0;
    left: 51px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #7f4f21;
    font-size: 40px;
    line-height: 74px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-30 {
    top: 383px;
    left: 36px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--text);
    font-size: 32px;
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-31 {
    top: 383px;
    left: 396px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--text);
    font-size: 32px;
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .element-32 {
    top: 383px;
    left: 811px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--text);
    font-size: 32px;
    text-align: center;
    line-height: 43px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .element-wrapper {
    position: absolute;
    width: 230px;
    height: 230px;
    top: 134px;
    left: 49px;
    border-radius: 332px;
}

.PC-top .element-33 {
    position: relative;
    width: 106px;
    height: 122px;
    top: 54px;
    left: 62px;
}

.PC-top .overlap-13 {
    position: relative;
    height: 122px;
}

.PC-top .vector-10 {
    position: absolute;
    width: 79px;
    height: 106px;
    top: 0;
    left: 0;
}

.PC-top .vector-11 {
    position: absolute;
    width: 62px;
    height: 62px;
    top: 60px;
    left: 44px;
}

.PC-top .vector-12 {
    position: absolute;
    width: 27px;
    height: 33px;
    top: 76px;
    left: 61px;
}

.PC-top .overlap-14 {
    position: absolute;
    width: 230px;
    height: 230px;
    top: 134px;
    left: 434px;
    border-radius: 332px;
}

.PC-top .element-34 {
    position: relative;
    width: 72px;
    height: 117px;
    top: 59px;
    left: 83px;
}

.PC-top .vector-13 {
    position: absolute;
    width: 23px;
    height: 117px;
    top: 0;
    left: 0;
}

.PC-top .vector-14 {
    position: absolute;
    width: 35px;
    height: 111px;
    top: 3px;
    left: 37px;
}

.PC-top .overlap-15 {
    position: absolute;
    width: 230px;
    height: 230px;
    top: 134px;
    left: 824px;
    border-radius: 332px;
}

.PC-top .element-35 {
    position: relative;
    width: 145px;
    height: 129px;
    top: 47px;
    left: 42px;
    overflow: hidden;
}

.PC-top .vector-wrapper {
    position: absolute;
    width: 145px;
    height: 56px;
    top: 73px;
    left: 0;
    background-image: url(./img/vector-45.svg);
    background-size: 100% 100%;
}

.PC-top .vector-15 {
    position: absolute;
    width: 47px;
    height: 12px;
    top: 14px;
    left: 54px;
}

.PC-top .vector-16 {
    position: absolute;
    width: 77px;
    height: 68px;
    top: 0;
    left: 50px;
}

.PC-top .line-14 {
    position: absolute;
    width: 314px;
    height: 1px;
    top: 439px;
    left: 7px;
    object-fit: cover;
}

.PC-top .line-15 {
    position: absolute;
    width: 354px;
    height: 1px;
    top: 439px;
    left: 368px;
    object-fit: cover;
}

.PC-top .line-16 {
    position: absolute;
    width: 314px;
    height: 1px;
    top: 478px;
    left: 786px;
    object-fit: cover;
}

.PC-top .text-wrapper-32 {
    width: 327px;
    top: 451px;
    left: 0;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 18px;
    line-height: 28px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-33 {
    width: 371px;
    top: 451px;
    left: 368px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 18px;
    line-height: 28px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-34 {
    width: 315px;
    top: 487px;
    left: 786px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 18px;
    line-height: 28px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-35 {
    top: 904px;
    left: 10px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--text);
    font-size: 32px;
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-36 {
    top: 904px;
    left: 460px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--text);
    font-size: 32px;
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-37 {
    top: 904px;
    left: 806px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: var(--text);
    font-size: 32px;
    text-align: center;
    line-height: 43px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .overlap-16 {
    position: absolute;
    width: 230px;
    height: 230px;
    top: 655px;
    left: 49px;
    border-radius: 332px;
}

.PC-top .element-36 {
    position: relative;
    width: 135px;
    height: 122px;
    top: 54px;
    left: 47px;
}

.PC-top .vector-17 {
    position: absolute;
    width: 66px;
    height: 122px;
    top: 0;
    left: 0;
}

.PC-top .vector-18 {
    position: absolute;
    width: 66px;
    height: 122px;
    top: 0;
    left: 69px;
}

.PC-top .overlap-17 {
    position: absolute;
    width: 230px;
    height: 230px;
    top: 655px;
    left: 434px;
    border-radius: 332px;
}

.PC-top .element-37 {
    position: relative;
    width: 82px;
    height: 122px;
    top: 54px;
    left: 75px;
}

.PC-top .vector-19 {
    position: absolute;
    width: 79px;
    height: 86px;
    top: 36px;
    left: 3px;
}

.PC-top .vector-20 {
    position: absolute;
    width: 78px;
    height: 31px;
    top: 0;
    left: 0;
}

.PC-top .overlap-18 {
    position: absolute;
    width: 230px;
    height: 230px;
    top: 655px;
    left: 824px;
    border-radius: 332px;
}

.PC-top .element-38 {
    position: relative;
    width: 95px;
    height: 122px;
    top: 54px;
    left: 67px;
    background-image: url(./img/vector-40.svg);
    background-size: 100% 100%;
}

.PC-top .vector-21 {
    position: absolute;
    width: 27px;
    height: 7px;
    top: 27px;
    left: 17px;
}

.PC-top .vector-22 {
    position: absolute;
    width: 61px;
    height: 56px;
    top: 48px;
    left: 17px;
}

.PC-top .line-17 {
    position: absolute;
    width: 314px;
    height: 1px;
    top: 960px;
    left: 0;
    object-fit: cover;
}

.PC-top .line-18 {
    position: absolute;
    width: 354px;
    height: 1px;
    top: 960px;
    left: 368px;
    object-fit: cover;
}

.PC-top .line-19 {
    position: absolute;
    width: 314px;
    height: 1px;
    top: 961px;
    left: 786px;
    object-fit: cover;
}

.PC-top .text-wrapper-38 {
    width: 327px;
    top: 972px;
    left: 0;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 18px;
    line-height: 28px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-39 {
    width: 371px;
    top: 972px;
    left: 368px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 18px;
    line-height: 28px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-40 {
    width: 315px;
    top: 970px;
    left: 786px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 18px;
    line-height: 28px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .element-39 {
    position: relative;
    width: 302px;
    max-width: 90%;
    display: block;
    margin: auto;
    aspect-ratio: 1 / 1;
}

.PC-top .element-40 {
    position: relative;
    width: 302px;
    max-width: 90%;
    display: block;
    margin: auto;
    aspect-ratio: 1 / 1;
}

.PC-top .element-41 {
    position: relative;
    width: 169px;
    max-width: 90%;
    display: block;
    margin: auto;
    aspect-ratio: 169 / 158;
}

.PC-top .element-42 {
    position: absolute;
    width: 169px;
    height: 158px;
    top: 10754px;
    left: 148px;
}
.PC-top .overlap-plane,
.PC-top .overlap-19 {
/*
    position: absolute;
    width: 1100px;
    height: 2177px;
    top: 8120px;
    left: 410px;
*/
    position: relative;
    width: 1100px;
    display: block;
    margin: auto;
}

.PC-top .voice {
    position: relative;
    width: 1100px;
    max-width: 90%;
    display: block;
    margin: auto;
    aspect-ratio: 1100 / 2177;

}

.PC-top .overlap-20 {
    position: absolute;
    width: 1100px;
    height: 351px;
    top: 119px;
    left: 0;
    border-radius: 0px 40px 0px 40px;
}

.PC-top .element-43 {
    top: 123px;
    left: 220px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 16px;
    line-height: 26px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .rectangle-16 {
    position: absolute;
    width: 222px;
    height: 39px;
    top: 27px;
    left: 221px;
    background-color: #ff6600;
    border-radius: 48px;
}

.PC-top .text-wrapper-41 {
    top: 28px;
    left: 246px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    line-height: 35px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-42 {
    top: 82px;
    left: 220px;
    color: #ffd900;
    font-size: 38px;
    position: absolute;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 35px;
    white-space: nowrap;
}

.PC-top .text-wrapper-43 {
    width: 880px;
    top: 194px;
    left: 220px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 18px;
    line-height: 32px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .rectangle-17 {
    position: absolute;
    width: 1100px;
    height: 351px;
    top: 0;
    left: 0;
    border-radius: 0px 40px 0px 40px;
    border: 5px solid;
    border-color: #ff6600;
}

.PC-top .line-20 {
    position: absolute;
    width: 848px;
    height: 2px;
    top: 184px;
    left: 224px;
}

.PC-top .element-44 {
    position: absolute;
    width: 152px;
    height: 252px;
    top: 55px;
    left: 30px;
    object-fit: cover;
}

.PC-top .overlap-21 {
    position: absolute;
    width: 1100px;
    height: 351px;
    top: 901px;
    left: 0;
    border-radius: 0px 40px 0px 40px;
}

.PC-top .element-45 {
    position: absolute;
    width: 163px;
    height: 222px;
    top: 70px;
    left: 30px;
    object-fit: cover;
}

.PC-top .overlap-22 {
    position: absolute;
    width: 1100px;
    height: 351px;
    top: 510px;
    left: 0;
    border-radius: 0px 40px 0px 40px;
}

.PC-top .element-46 {
    position: absolute;
    width: 175px;
    height: 206px;
    top: 78px;
    left: 24px;
    object-fit: cover;
}

.PC-top .overlap-23 {
    position: absolute;
    width: 1100px;
    height: 351px;
    top: 1292px;
    left: 0;
    border-radius: 0px 40px 0px 40px;
}

.PC-top .element-47 {
    position: absolute;
    width: 175px;
    height: 258px;
    top: 45px;
    left: 24px;
    object-fit: cover;
}

.PC-top .overlap-24 {
    position: absolute;
    width: 1100px;
    height: 351px;
    top: 1683px;
    left: 0;
    border-radius: 0px 40px 0px 40px;
}

.PC-top .element-48 {
    position: absolute;
    width: 203px;
    height: 258px;
    top: 44px;
    left: 16px;
    object-fit: cover;
}

.PC-top .component-3 {
    top: 2114px;
    left: 304px;
    background-color: #ffd900;
    position: absolute;
    width: 492px;
    height: 63px;
    border-radius: 56px;
    border: 3px solid;
    border-color: #ffffff;
    box-shadow: 0px 4px 4px #00000040;
}

.PC-top .text-wrapper-44 {
    top: 7px;
    left: 119px;
    font-family: "Noto Sans JP-Bold", Helvetica;
    font-weight: 700;
    color: var(--text);
    font-size: 30px;
    text-align: center;
    line-height: 37px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .ellipse-2 {
    position: absolute;
    width: 25px;
    height: 30px;
    top: 689px;
    left: 1052px;
    background-color: #ffffff;
    border-radius: 12.47px / 15px;
    transform: rotate(-90.00deg);
}

.PC-top .polygon-2 {
    position: absolute;
    width: 11px;
    height: 8px;
    top: 699px;
    left: 1058px;
}

.PC-top .ellipse-3 {
    position: absolute;
    width: 25px;
    height: 30px;
    top: 863px;
    left: 1052px;
    background-color: #ffffff;
    border-radius: 12.47px / 15px;
    transform: rotate(-90.00deg);
}

.PC-top .ellipse-4 {
    position: absolute;
    width: 25px;
    height: 30px;
    top: 1155px;
    left: 1052px;
    background-color: #ffffff;
    border-radius: 12.47px / 15px;
    transform: rotate(-90.00deg);
}

.PC-top .ellipse-5 {
    position: absolute;
    width: 25px;
    height: 30px;
    top: 1009px;
    left: 1052px;
    background-color: #ffffff;
    border-radius: 12.47px / 15px;
    transform: rotate(-90.00deg);
}

.PC-top .ellipse-6 {
    position: absolute;
    width: 25px;
    height: 30px;
    top: 1302px;
    left: 1052px;
    background-color: #ffffff;
    border-radius: 12.47px / 15px;
    transform: rotate(-90.00deg);
}

.PC-top .polygon-3 {
    position: absolute;
    width: 11px;
    height: 8px;
    top: 873px;
    left: 1058px;
}

.PC-top .polygon-4 {
    position: absolute;
    width: 11px;
    height: 8px;
    top: 1165px;
    left: 1058px;
}

.PC-top .polygon-5 {
    position: absolute;
    width: 11px;
    height: 8px;
    top: 1019px;
    left: 1058px;
}

.PC-top .polygon-6 {
    position: absolute;
    width: 11px;
    height: 8px;
    top: 1312px;
    left: 1058px;
}
.PC-top footer{
    display: block;
    width: 100%;
    padding: 30px 20%;
    padding: 30px 2%;
    box-sizing: border-box;
}
.PC-top .text-wrapper-45 {
    display: block;
    width: auto;
    margin: 0 auto 30px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    line-height: normal;
    position: relative;
    letter-spacing: 0;
    text-align: center;
}

.PC-top .text-wrapper-46 {
    display: block;
    margin: 0 auto 30px;
    margin: auto;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    line-height: normal;
    position: relative;
    letter-spacing: 0;
    text-align: center;
}

.PC-top .text-wrapper-47 {
    display: block;
    width: auto;
    margin: 0 auto 30px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 22px;
    line-height: normal;
    position: relative;
    letter-spacing: 0;
    text-align: center;
}

.PC-top .overlap-25 {
    position: relative;
    width: 290px;
    height: 64px;
    display: block;
    margin: 0 auto 20px;
}

.PC-top .group-9 {
    width: 290px;
    height: 54px;
    position: absolute;
    top: 0;
    left: 0;
}

.PC-top .text-wrapper-48 {
    left: 45px;
    font-size: 36.6px;
    position: absolute;
    top: 0;
    font-family: "Noto Sans JP-Bold", Helvetica;
    font-weight: 700;
    color: var(--02);
    letter-spacing: 0;
    line-height: normal;
}

/*
.PC-top .element-49 {
    position: absolute;
    width: 38px;
    height: 24px;
    top: 16px;
    left: 0;
    background-image: url(./img/vector-38.svg);
    background-size: 100% 100%;
}
*/

.PC-top .vector-23 {
    position: absolute;
    width: 38px;
    height: 17px;
    top: 4px;
    left: 0;
}

.PC-top .element-50 {
    top: 48px;
    left: 83px;
    font-size: 13.5px;
    position: absolute;
    font-family: "Noto Sans JP-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.PC-top .main {
    display: block;
    width: 100%;
    position: relative;
    aspect-ratio: 1922 / 740;
    aspect-ratio: 1922 / 1040;
}
.PC-top .front-image {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.PC-top .front-image img{
    width: 100%;
}

.PC-top .overlap-26 {
    position: relative;
    width: 100%;
    aspect-ratio: 1922 / 740;
}

.PC-top .overlap-27 {
    position: relative;
    width: 100%;
    aspect-ratio: 1922 / 740;
    aspect-ratio: 19 / 8;
}

.PC-top .group-10 {
    position: absolute;
    width: 960px;
    top: 162px;
    left: 50%;
    width: 50%;
    aspect-ratio: 3 / 2;
}

.PC-top .img-11 {
    position: absolute;
    width: 956px;
    width: 50%;
    height: auto;
    bottom: -10px;
    left: 0;
    object-fit: cover;
    z-index: 1;
}

.PC-top .img-12 {
    position: absolute;
    width: 181px;
    height: 470px;
    width: 10%;
    height: auto;
    top: 189px;
    left: 872px;
    left: 45%;
    object-fit: cover;
    z-index: 1;
}

.PC-top .img-13 {
    position: absolute;
    width: 192px;
    height: 307px;
    width: 11%;
    height: auto;
    top: 270px;
    left: 1045px;
    left: 55%;
    object-fit: cover;
    z-index: 1;
}

.PC-top .img-14 {
    position: absolute;
    width: 572px;
    height: 684px;
    width: 30%;
    height: auto;
    top: 0;
    top: 10.5%;
    left: 980px;
    left: 53%;
    object-fit: cover;
    z-index: 1;
}

.PC-top .img-15 {
    position: absolute;
    width: 269px;
    height: 232px;
    width: 15%;
    height: auto;
    left: 1215px;
    bottom: 12%;
    left: 67.5%;
    object-fit: cover;
    z-index: 1;
}

.PC-top .img-16 {
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 50%;
    background: rgb(255,217,0);
    z-index: 0;
}

.PC-top .component-4 {
    position: absolute;
    width: 492px;
    width: 27%;
    aspect-ratio: 492 / 63;
    bottom: 3%;
    left: 983px;
    left: 53.5%;
    background-color: #ff6600;
    border-radius: 56px;
    border: 3px solid;
    border-color: #ffffff;
    box-shadow: 0px 4px 4px #00000040;
    z-index: 2;
}

.PC-top .overlap-28 {
    position: absolute;
    width: 960px;
    top: 0;
    left: 0;
    width: 50%;
    top: 0;
    left: 0;
    aspect-ratio: 960 / 438;
}

.PC-top .group-11 {
    position: absolute;
    width: 960px;
    width: 100%;
    top: 0;
    left: 0;
    aspect-ratio: 960 / 172;
}

.PC-top .overlap-group-5 {
    position: relative;
    height: 172px;
}

.PC-top .rectangle-18 {
    position: absolute;
    width: 960px;
    height: 152px;
    top: 0;
    left: 0;
    background-color: #ffd900;
    border-radius: 0px 0px 224px 0px;
    width: 100%;
    aspect-ratio: 960 / 152;
}

.PC-top .vector-24 {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 150px;
    left: 610px;
}

.PC-top .text-wrapper-49 {
    top: 48px;
    left: 402px;
    left: 25%;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #7f4f21;
    font-size: 56px;
    font-size: 50px;
    line-height: 74px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .group-12 {
    position: absolute;
    width: 400px;
    width: 380px;
    height: 8px;
    top: 44px;
    left: 426px;
    left: calc(25% + 20px);
}

.PC-top .ellipse-7 {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 0;
    left: 0;
    background-color: #7f4f21;
    border-radius: 4px;
}

.PC-top .ellipse-8 {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 0;
    left: 57px;
    left: 50px;
    background-color: #7f4f21;
    border-radius: 4px;
}

.PC-top .ellipse-9 {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 0;
    left: 114px;
    left: 100px;
    background-color: #7f4f21;
    border-radius: 4px;
}

.PC-top .ellipse-10 {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 0;
    left: 171px;
    left: 150px;
    background-color: #7f4f21;
    border-radius: 4px;
}

.PC-top .ellipse-11 {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 0;
    left: 225px;
    left: 200px;
    background-color: #7f4f21;
    border-radius: 4px;
}

.PC-top .ellipse-12 {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 0;
    left: 280px;
    left: 250px;
    background-color: #7f4f21;
    border-radius: 4px;
}

.PC-top .ellipse-13 {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 0;
    left: 337px;
    left: 300px;
    background-color: #7f4f21;
    border-radius: 4px;
}

.PC-top .ellipse-14 {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 0;
    left: 392px;
    left: 350px;
    background-color: #7f4f21;
    border-radius: 4px;
}

.PC-top .text-wrapper-50 {
    top: 166px;
    left: 502px;
    left: 45%;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #7f4f21;
    font-size: 29px;
    text-align: center;
    line-height: 74px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .text-wrapper-51 {
    top: 364px;
    left: 443px;
    left: 40%;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #174e9d;
    font-size: 42px;
    text-align: center;
    line-height: 74px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .element-51 {
    position: absolute;
    width: 370px;
    width: 350px;
    height: 142px;
    top: 223px;
    left: 448px;
    left: 40%;
    background-image: url(./img/vector-4.svg);
    background-image: url(./img/logo.svg);
    background-size: 100% 100%;
}

.PC-top .element-52 {
    bottom: 75px;
    left: 446px;
    left: 22%;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: var(--text);
    font-size: 21px;
    font-size: 18px;
    text-align: center;
    line-height: 37px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .line-21 {
    position: absolute;
    width: 385px;
    height: 1px;
    top: 469px;
    left: 436px;
    object-fit: cover;
}

.PC-top .line-22 {
    position: absolute;
    width: 385px;
    height: 1px;
    top: 623px;
    left: 436px;
    object-fit: cover;
}

.PC-top .element-53 {
    position: absolute;
    width: 244px;
    height: 244px;
    top: 388px;
    left: 182px;
}

.PC-top .element-54 {
    position: relative;
    display: block;
    width: 290px;
    height: 102px;
    margin: auto;
}

.PC-top .header {
    width: 1085px;
    height: 58px;
    background-color: transparent;
    position: relative;
    margin: 10px auto;
    border-bottom: rgb(194,194,194);
}
.PC-top a.logo-link {
    position: relative;
    width: 165px;
    height: 58px;
    display: block;
}
.PC-top .element-55 {
    position: absolute;
    width: 165px;
    height: 58px;
    top: 0;
    left: 0;
}

.PC-top .text-wrapper-52 {
    top: 15px;
    left: 203px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    line-height: normal;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .overlap-29 {
    position: absolute;
    width: 214px;
    height: 47px;
    top: 1px;
    left: 817px;
}

.PC-top .group-13 {
    width: 214px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
}
.PC-top .group-tel {
    width: 214px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
}
.PC-top .vector-tel {
    position: relative;
    width: 26px;
    height: auto;
    margin-right: 6px;
}
.PC-top .text-wrapper-tel {
    font-size: 27px;
    position: relative;
    font-family: "Noto Sans JP-Bold", Helvetica;
    font-weight: 700;
    color: #ff6600;
    letter-spacing: 0;
    line-height: normal;
}
.PC-top .group-tel-box {
    width: 290px;
    height: 54px;
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    margin: auto;
}

.PC-top .group-tel-footer {
    width: 290px;
    height: 54px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
}
.PC-top .vector-tel-footer {
    position: relative;
    width: 36px;
    height: auto;
    margin-right: 9px;
}
.PC-top .text-wrapper-tel-footer,
.PC-top .text-wrapper-tel-footer a{
    font-size: 36.6px;
    position: relative;
    font-family: "Noto Sans JP-Bold", Helvetica;
    font-weight: 700;
    color: #ff6600;
    letter-spacing: 0;
    line-height: normal;
    text-decoration: none;
}

.PC-top .text-wrapper-53 {
    left: 33px;
    font-size: 27px;
    position: absolute;
    top: 0;
    font-family: "Noto Sans JP-Bold", Helvetica;
    font-weight: 700;
    color: var(--02);
    letter-spacing: 0;
    line-height: normal;
}

/*
.PC-top .element-56 {
    position: absolute;
    width: 28px;
    height: 18px;
    top: 12px;
    left: 0;
    background-image: url(./img/vector-9.svg);
    background-size: 100% 100%;
}
*/

.PC-top .vector-25 {
    position: absolute;
    width: 28px;
    height: 13px;
    top: 3px;
    left: 0;
}

.PC-top .element-57 {
    top: 35px;
    left: 71px;
    font-size: 10px;
    position: absolute;
    font-family: "Noto Sans JP-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.PC-top .overlap-30 {
    position: absolute;
    width: 58px;
    height: 53px;
    top: 1px;
    left: 1055px;
}

.PC-top .element-58 {
/*
    position: absolute;
    top: 0;
    left: 0;
*/
    margin: 0 auto 0;
    display: block;
    position: relative;
    height: 42px;
    width: 50px;
    object-fit: cover;
}

.PC-top .text-wrapper-54 {
    font-family: "Noto Sans JP-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 10px;
    line-height: normal;
    text-decoration: underline;
    white-space: nowrap;
    text-align: center;
/*
    position: absolute;
    top: 41px;
    left: 6px;
*/
    position: relative;
    letter-spacing: 0;
}

.PC-top .line-23 {
    position: absolute;
    width: 1920px;
    height: 1px;
    top: 69px;
    left: -408px;
    object-fit: cover;
}

.PC-top .overlap-31 {
    position: absolute;
    width: 1100px;
    height: 76px;
    top: 10574px;
    left: 410px;
    background-color: #009ee5;
    border-radius: 20px 20px 0px 0px;
}

.PC-top .text-wrapper-55 {
    position: absolute;
    top: 1px;
    left: 27px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #ffffff;
    font-size: 29px;
    letter-spacing: 0;
    line-height: 74px;
    white-space: nowrap;
}

.PC-top .overlap-32 {
    position: absolute;
    width: 1100px;
    height: 109px;
    top: 10650px;
    left: 410px;
    background-color: #ffffff;
    border-radius: 0px 0px 20px 20px;
}

.PC-top .text-wrapper-56 {
    width: 1048px;
    top: 19px;
    left: 27px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 18px;
    line-height: 32px;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .overlap-33 {
    position: absolute;
    width: 1100px;
    height: 76px;
    top: 10783px;
    left: 410px;
    background-color: #009ee5;
    border-radius: 20px 20px 0px 0px;
}

.PC-top .overlap-34 {
    position: absolute;
    width: 1100px;
    height: 76px;
    top: 11135px;
    left: 410px;
    background-color: #009ee5;
    border-radius: 20px 20px 0px 0px;
}

.PC-top .overlap-35 {
    position: absolute;
    width: 1100px;
    height: 76px;
    top: 10959px;
    left: 410px;
    background-color: #009ee5;
    border-radius: 20px 20px 0px 0px;
}

.PC-top .overlap-36 {
    position: absolute;
    width: 1100px;
    background-color: #009ee5;
    border-radius: 20px 20px 0px 0px;

    position: relative;
    display: block;
    margin: auto;
    max-width: 90%;
}

.PC-top .overlap-37 {
    position: absolute;
    width: 1100px;
    background-color: #ffffff;
    border-radius: 0px 0px 20px 20px;

    position: relative;
    display: block;
    margin: auto;
    max-width: 90%;
}

.PC-top .text-wrapper-57 {
    width: 1048px;
    top: 19px;
    left: 27px;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 18px;
    line-height: 32px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .overlap-38 {
    position: absolute;
    width: 1100px;
    background-color: #ffffff;
    border-radius: 0px 0px 20px 20px;

    position: relative;
    display: block;
    margin: auto;
    max-width: 90%;
}

.PC-top .overlap-39 {
    position: absolute;
    width: 1100px;
    background-color: #ffffff;
    border-radius: 0px 0px 20px 20px;

    position: relative;
    display: block;
    margin: auto;
    max-width: 90%;
}

.PC-top .overlap-40 {
    position: absolute;
    width: 1100px;

    position: relative;
    display: block;
    margin: auto;
    max-width: 90%;
}

.PC-top .rectangle-19 {
    position: absolute;
    width: 1100px;
    height: 110px;
    top: 0;
    left: 0;
    background-color: #ffffff;
    border-radius: 0px 0px 20px 20px;
}

.PC-top .component-5 {
    background-color: #009ee5;
    position: relative;
    display: block;
    width: 492px;
    height: 63px;
    height: 56px;
    border-radius: 56px;
    border: 3px solid;
    border-color: #ffffff;
    box-shadow: 0px 4px 4px #00000040;
    margin: auto;
    margin-top: 80px;
}

.PC-top .btn-area {
    background-color: #009ee5;
    position: relative;
    display: block;
    width: 500px;
    max-width: 80%;
    height: 63px;
    height: 56px;
    border-radius: 56px;
    border: 3px solid;
    border-color: #ffffff;
    box-shadow: 0px 4px 4px rgba(1,1,1,0.3);
    margin: auto;
    margin-top: 80px;
}
.PC-top .btn-area.bg-red {
    background-color: #ff6600;
}
.PC-top .btn-area.bg-green {
    background-color: #54c139;
}
.PC-top .btn-area.bg-orange {
    background-color: #ffd900;
}
.PC-top .btn-area.bg-blue {
    background-color: #174e9d;
}


.PC-top .text-wrapper-58 {
    top: 7px;
    left: 74px;
    font-family: "Noto Sans JP-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 30px;
    text-align: center;
    line-height: 37px;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
}

.PC-top .btn-text {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
    font-family: "Noto Sans JP-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 30px;
    text-align: center;
    line-height: 37px;
    white-space: nowrap;
    letter-spacing: 0;
}
.PC-top .bg-orange .btn-text {
    color: #7f4f21;
}
.PC-top .line-24 {
    position: absolute;
    width: 285px;
    height: 1px;
    top: 12032px;
    left: 818px;
    object-fit: cover;
}

.PC-top .overlap-41 {
    position: relative;
    width: 100%;
    height: 55px;
    background-color: #ffd900;
    text-align: center;
    display: block;
    margin: auto;
    box-sizing: border-box;
    padding: 20px 0 10px;
}

.PC-top .text-wrapper-59 {
    position: relative;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    display: block;
    width: auto;
    margin: auto;
}
/*page*/
.breadcrumbs-area{
    position: relative;
    display: block;
    width: 100%;
    background: rgba(255, 217, 0, 0.5);
    box-sizing: border-box;
    padding: 10px;
}
.breadcrumbs-area .breadcrumbs-inner{
    position: relative;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-size: 16px;
    display: block;
    width: 1085px;
    max-width: 300px;
    max-width: 600px;
    margin: auto;
    margin-left: calc(50% - 543px);
    z-index: 99;
}
.PC-top .page-section{
    display: block;
    margin: 20px auto 20px;
    padding: 20px 5%;
    width: 70%;
    max-width: 95%;
    box-sizing: border-box;
}

.title-box{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: end;
    flex-wrap: nowrap;
    margin: 20px auto 20px;
    width: 70%;
    max-width: 95%;
    box-sizing: border-box;
}
/*
.bg-blue .title-box::before{
    content: '';
    position: absolute;
    top: 0;
    left: -25%;
    width: 130%;
    height: 200px;
    background: #fff;
    z-index: 0;
}
*/
.title-box{
    margin-top: -30px;
}
.title-box.mgt0{
    position:relative;
    margin-top: 0;
    z-index: 1;
}
.title-box.mgt0::before{
    content: '';
    position: absolute;
    top: 0;
    left: -25%;
    width: 150%;
    height: 60px;
    background: #fff;
    z-index: 0;
}

h1.service-h1{
    position: relative;
    display: block;
    width: 70%;
    max-width: 95%;
    margin: 30px auto;
    font-size: 30px;
}
.title-box h1,
.title-box h2 {
    position: relative;
    display: block;
    width: fit-content;
    min-width: 25%;
    padding: 2px 25px;
    margin: 0;
    text-align: center;
    background-color: #ffd900;
    border-radius: 30px 0px 30px 0px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #7f4f21;
    font-size: 40px;
    white-space: nowrap;
    letter-spacing: 0;
    box-shadow: 5px 5px rgba(200, 200, 200, 0.4);
}
.title-box span.sub-title{
    font-size: 55%;
}
.title-box h1::before,
.title-box h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(100% - 2px);
    width: 29px;
    height: 30px;
    margin-left: 11%;
    background: url(img/Vector%202.svg) no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    box-shadow: 5px 0 rgba(200, 200, 200, 0.3);
}
.title-box p{
    display: inline-block;
    width: auto;
    font-size: 20px;
    margin: 0 auto;
}
.title-box img{
    width: 15%;
}
.title-box img.wid12{
    width: 12%;
    z-index: 1;
}

/*section*/
.PC-top section{
    display: block;
    padding: 80px 10px;
}
section.point-cover{
}
section.top-voice,
section.top-point,
section.top-service{
    background: url(img/top/bg-d.png);
    background-size: 115% auto;
    background-position: -50px top;
    background-position: center top;
    background-size: 110% auto;
}
section.top-area{
    background: url(img/top/bg-g.png);
    background-position: center top;
    background-size: 110% auto;
}
section.top-announce,
section.top-service-content{
    background: url(img/top/bg-a.png);
    background-position: center top;
    background-size: 110% auto;
}

section.top-faq{
    background: url(img/top/bg-c.png);
    background-position: center top;
    background-size: 110% auto;
}

.PC-top section h2{
    position: relative;
    display: block;
    width: fit-content;
    min-width: 25%;
    padding: 2px 40px;
    margin: 0 auto;
    text-align: center;
    background-color: #ffd900;
    border-radius: 30px 0px 30px 0px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #7f4f21;
    font-size: 40px;
    white-space: nowrap;
    letter-spacing: 0;
    box-shadow: 5px 5px rgba(200,200,200,0.4) ;
}
.PC-top section h2:before{
    content: '';
    position: absolute;
    left: 0;
    top: calc(100% - 2px);
    width: 29px;
    height: 30px;
    margin-left: 11%;
    background: url(img/Vector%202.svg) no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    box-shadow: 5px 0 rgba(200,200,200,0.3) ;
}
.ul-point,
.ul-service-content{
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    margin: 70px auto 20px;
    width: 1100px;
    width: 70%;
    max-width: 95%;
    box-sizing: border-box;

}
.service-text{
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    margin-top: 45px;
    margin-bottom: 0;
    color: rgba(255, 102, 0, 1);
}
/*
.ul-service-content{
    background: url(img/top/lady1.png) no-repeat;
    background-position: right calc(100% - 50px);
    background-size: 30% auto;
}
*/
.ul-service-content.ver2{
    background: none;
}
.top-announce-box{
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    margin: -200px auto 20px;
    width: 1100px;
    width: 70%;

    max-width: 95%;
    box-sizing: border-box;
}
.top-announce-box .main-img{
    width: 28%;
    margin-left: 4%;
}
.top-announce-box .announce-box-text{
    width: 68%;
    margin-top: 60px;
}
.top-announce-box .announce-box-text img{
    width: 100%;
}
.top-announce-box .announce-box-text .announce-text-cover{
    width: 80%;
    margin-left: 10%;
    background: rgba(255, 255, 255, 0.6);
    aspect-ratio: 603 / 274;
    overflow: hidden;
}
.top-announce-box .announce-box-text .announce-text-cover img{
    width: 115%;
}
.top-announce-box .announce-box-text p{
    font-family: "Noto Sans JP-Bold", Helvetica;
    font-weight: 700;
    font-size: 34px;
    line-height: 67px;
    letter-spacing: 0;
}

.pay-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 1100px;
    width: 70%;

    max-width: 95%;
    box-sizing: border-box;
    margin: 0 auto;
}
.pay-box .pay-box-left{
    width: 68%;
}
.pay-box img{
    width: 30%;
}
.pay-box .pay-text{
    display: flex;
    justify-content: flex-start;
    font-family: "Rounded Mplus 1c-Medium", Helvetica;
    font-weight: 500;
    font-size: 45px;
    font-size: 38px;
    letter-spacing: 0;
    margin: 10px 0;
    flex-wrap: nowrap;

}
.pay-box .pay-text .left-text{
    padding: 1px 3px;
    text-align: center;
    color: #fff;
    background-color: #ff6600;
    border: 3px solid #ff6600;
    width: 70%;
    box-sizing: border-box;
}
.pay-box .pay-text .right-text{
    padding: 1px 10px;
    text-align: center;
    color: #ff6600;
    border: 3px solid #ff6600;
    color: #5d5d5d;
    margin-right: 0;
    width: 30%;
    box-sizing: border-box;
    background: #fff;
}
.pay-box p.capition{
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    font-size: 21px;
    line-height: 37px;
    white-space: nowrap;
    letter-spacing: 0;
}
.ul-voice{
    display: block;
    margin: 70px auto 20px;
    width: 1100px;
    width: 70%;

    max-width: 95%;
    box-sizing: border-box;
}
.ul-voice li{
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    border-radius: 0px 40px 0px 40px;
    border: 5px solid;
    border-color: #ff6600;
    box-sizing: border-box;
    padding: 18px 2%;
}
.ul-voice li .img-cover{
    width: 15%;
}
.ul-voice li .img-cover img{
    max-width: 160px;
}
.ul-voice li .inner-text-box{
    margin-left: 10px;
    padding-left: 15px;
    width: 85%;
}
.ul-voice li .inner-text-box .text1{
    display: inline-block;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    line-height: 35px;
    white-space: nowrap;
    letter-spacing: 0;
    background-color: #ff6600;
    border-radius: 48px;
    padding: 1px 20px;
    margin-bottom: 10px;
}
.ul-voice li .inner-text-box .text-rank{
    color: #ffd900;
    font-size: 38px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 35px;
    white-space: nowrap;
    margin-bottom: 10px;
}
.ul-voice li .inner-text-box .text2{
    margin-bottom: 10px;
}
.ul-voice li .inner-text-box .text-content{
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0;
    border-top: 2px solid #FF6600;
    padding-top: 10px;
}
.ul-point li,
.ul-service-content li{
    width: 30%;
    margin-bottom: 20px;
}
.ul-service-content li{
    position: relative;
    width: 32%;
}
.page-template .ul-service-content li p.caption,
.home .ul-service-content li p.caption{
    position: absolute;
    top: 15px;
    left: 25px;
    font-weight: bold;
    font-size: 120%;
    color: #fff;
    color: rgba(255, 102, 0, 1);
/*
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
*/
    margin: 0;
    padding: 5px 10px;
    border: none;
    background: rgba(255,255,255,0.2);
}
.ul-service-content.ver2 li{
    width: 30%;
}

.ul-service-content li .img-cover{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    width: 100%;
    box-sizing:border-box;
    aspect-ratio: 10 / 11;
    border-radius: 0 35px 0 35px;
}
.ul-service-content li .img-cover img{
    width: 80%;
    height: auto;
}

.ul-service-content li img{
    margin: 0 4%;
    width: 92%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 0 18% 0 18%;
}
.ul-point li .img-cover{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    height: 200px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: linear-gradient(to bottom, rgba(255,217,0,1), rgba(255,178,0,1));
}
.ul-point li .img-cover img{
    height: 60%;
    width: auto;
}
.ul-point li h3{
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: rgba(93, 93, 93, 1);
    font-size: 32px;
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
    letter-spacing: 0;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #000;
}
.ul-service-content li h3{
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    color: rgba(255,102,0,1);
    color: #000;
    font-weight: 800;
    font-size: 28px;
    text-align: center;
    line-height: 35px;
    letter-spacing: 0;
    margin-bottom: 10px;
}
.link-action{
    cursor: pointer;
}
.ul-service-content li.link-action h3{
    color: rgba(255,102,0,1);
}

.ul-service-content li p.price-num{
    font-weight: 800;
    font-size: 28px;
    text-align: center;
    margin: 5px 0 18px;
}
.page-template .ul-service-content li h3{
    color: #000;
    margin-bottom: 12px;
}
.page-template .ul-service-content li.link-action h3{
    color: rgba(255, 102, 0, 1);
}
.page-template .ul-service-content li p{
    border-top: 1px solid #000;
    padding-top: 14px;
}
.ul-service-content.ver2 li h3{
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #000;
}
.ul-service-content li p{
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;

}

.ul-point li p{
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
}
.top-service .service-content{
    position: relative;
    display: block;
    margin: 70px auto 20px;
    width: 980px;
    width: 65%;
    max-width: 95%;
    box-sizing: border-box;
}
.top-service .service-content img.back-img{
    width: 100%;
}
.top-service .service-content img.back-img-person{
    position: absolute;
    width: 20%;
    height: auto;
    bottom: 6%;
    left: 3%;
    object-fit: cover;
}
.top-service .service-content .service-content-inner{
    position: absolute;
    width: 92%;
    height: auto;
    top: 17%;
    left: 7.5%;
}
.top-service .service-content .service-content-inner p.midashi{
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    font-size: 21px;
    line-height: 37px;
    letter-spacing: 0;
}
.top-service .service-content .service-content-inner p.p-icon{
    font-family: "Rounded Mplus 1c-Medium", Helvetica;
    font-weight: 500;
    font-size: 38px;
    line-height: 75px;
    letter-spacing: 0;
    margin: 5px 0 6px 17%;
    padding-left: 32px;
    background: url(img/service/check.svg) no-repeat;
    background-position: left center;
    background-size: 28px auto;
}
.border-bottom-orange{
    border-bottom: 5px solid #ffd900;
}
.mail-box,
.area-box{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 70px auto 20px;
    width: 1100px;
    width: 70%;
    flex-wrap: wrap;
    max-width: 95%;
    box-sizing: border-box;
    background: none;
}
.area-box .area-inner img{
    display: block;
    margin: auto;
    width: 70%;
}
.area-box p{
    font-family: "Noto Sans JP-Bold", Helvetica;
    font-weight: 400;
    font-size: 28px;
    line-height: 37px;
    letter-spacing: 0;
    margin-left: 15%;
}
.ul-faq{
    display: block;
    margin: 70px auto 20px;
    width: 1100px;
    width: 70%;
    max-width: 95%;
    box-sizing: border-box;

}
.ul-faq li{
    margin-bottom: 20px;
}
.ul-faq li .question {
    position: relative;
    width: 100%;
    height: 76px;
    background-color: #009ee5;
    border-radius: 20px 20px 0px 0px;
    margin: auto;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #ffffff;
    font-size: 29px;
    letter-spacing: 0;
    line-height: 74px;
    box-sizing: border-box;
    padding-left: 20px;
}
.ul-faq li .anser {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 0px 0px 20px 20px;
    margin: auto;
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.5;
    box-sizing: border-box;
    padding: 20px;
}
/*table*/
table.kihon,
table.no-border{
    table-layout: fixed;
    background: none;
    width: 100%;
    border-collapse: collapse;
}
table.kihon{
    margin-bottom: 60px;
}
table.normal-table{
    table-layout: fixed;
    background: #fff;
    width: 100%;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    border-collapse: collapse;
}
table.kihon th,
table.kihon td,
table.no-border th,
table.no-border td,
table.normal-table th,
table.normal-table td{
    padding: 6px 3%;
    text-align: left;
    font-size: 18px;
}
table.kihon tr{
    border-bottom: 1px solid #000;
}
table.normal-table tr{
    border-bottom: 1px solid #000;
}
table.normal-table td.border{
    border-bottom: 1px solid #000;
}
table.normal-table tr.no-border{
    border: none;
}
table.normal-table th{
    background: #f7f7f7;
    width: 26.5%;
    max-width: 33%;
}
table.no-border th{
    width: 26.5%;
    max-width: 33%;
}
table.kihon tr .fs30{
    font-size: 30px;
}
table.kihon tr .midashi,
table.kihon tr .fs28{
    font-size: 28px;
}
table.kihon tr .fs26{
    font-size: 26px;
}
table.kihon tr .fs24{
    font-size: 24px;
}
table.kihon tr .fs22{
    font-size: 22px;
}
table.kihon tr .fs20{
    font-size: 20px;
}
table.kihon tr .fs18{
    font-size: 18px;
}
table.kihon tr .fs16{
    font-size: 16px;
}
table.kihon tr .fs14{
    font-size: 14px;
}
table.kihon tr.border-top{
    border-top: 2px solid #000;
}
table.kihon tr.border-bottom{
    border-bottom: 2px solid #000;
}

table.kihon tr .fs14{
    font-size: 14px;
}
table.kihon tr.bg-gray{
    background: #eee;
}
table.kihon th.bg-white{
    background: #fff;
    border-bottom: 2px solid #fff;
}

table.kihon th{
    text-align: left;
    width: 24%;
    max-width: 33%;
}
table.kihon tr td.middle{
    text-align: left;
    width: 52%;
}
table.kihon tr td.end{
    text-align: right;
}
table.no-border td p{
    margin: 0;
}
.req{
    display: inline-block;
    width: auto;
    padding: 1px 12px;
    border-radius: 10px;
    background: #ff6600;
    color: #fff;
    font-size: 16px;
    float: right;
}
/*pay*/
ul.pay-tags{
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    margin: 70px auto 20px;
    width: 70%;
    max-width: 95%;
    box-sizing: border-box;
}
ul.pay-tags li{
    display: inline-block;
    width: auto;
    padding: 4px 12px;
    border-radius: 20px;
    background: #ccc;
    color: #222;
    font-size: 16px;
    cursor: pointer;
    margin-right: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
ul.pay-tags li:last-child{
    margin-right: 0
}
ul.pay-tags li.on{
    background: #ff6600;
    color: #fff;
}
.page-pay-box{
    height: 100vh;
    overflow-y: auto;
    margin: 0 auto 20px;
    width: 70%;
    max-width: 95%;
    box-sizing: border-box;
    padding-bottom: calc(100vh - 60px);
}
.page-pay-box.auto{
    display: block;
    height: auto;
    overflow: hidden;
    margin: 50px auto 50px;
    width: 70%;
    max-width: 95%;
    box-sizing: border-box;
    padding: 0;
}
.single-ul-service-box{
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    height: auto;
    overflow: hidden;
    margin: 30px auto 80px;
    width: 70%;
    max-width: 95%;
    box-sizing: border-box;
    padding: 0 2% 0;
}
.single-ul-service-box > li{
    width: 45%;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.single-ul-service-box > li .inner-top{
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: nowrap;
    width: 100%;
    color: #FFD900;
    font-weight: bold;
    font-size: 40px;
}
.single-ul-service-box > li .inner-top img{
    width: 86%;
    aspect-ratio: 396 / 348;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 0 10% 0 10%;
}

.single-ul-service-box ul.inner-text{
    display: block;
    margin: 15px 0;
    width: 100%;
    border-bottom: 1px solid #000;
    box-sizing: border-box;
}
.single-ul-service-box ul.inner-text > li{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: nowrap;
    width: 100%;
    font-weight: bold;
    padding: 4px 0 4px 0;
    font-size: 120%;
}
.single-ul-service-box > li .total-price{
    width: 100%;
    text-align: right;
    font-weight: bold;
    font-size: 180%;
    margin: 15px 0;
}
/*
.single-ul-service-box ul.inner-text > li:before{
    content: 'か';
    position: absolute;
    width: 15px;
    color: #fff;
    top: 0;
    left: 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 100%;
    z-index: 1;
}
*/

.single-ul-service-box ul.inner-text > li:last-child{
    padding-bottom: 10px;
}
/*menu*/
.PC-top .header{
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: nowrap;
}
PC-top .element-55 {
    position: relative;
    width: 165px;
    height: 58px;
    top: auto;
    left: auto;
}
nav.navbar{
    width: 60%;
    margin-left: 20px;
    margin-right: auto;
    margin-top: 4px;
}
nav.navbar.ver2{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
}

.menu-wrapper{
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: nowrap;
}
.ver2 .menu-wrapper{
    display: flex;
    justify-content: center;
    align-items: start;
    flex-wrap: nowrap;
}

nav .menu-wrapper li {
    width: auto;
    padding: 0 22px;
    border-right: 1px solid #000;
}
nav.ver2 .menu-wrapper li {
    padding: 2px 25px;
}
nav .menu-wrapper li a{
    font-family: "Noto Sans JP-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    text-decoration: none;
}
nav .menu-wrapper li:last-child{
    border: none;
}

/*menu*/
.acordion_tree2 {
    overflow-y: auto;
    padding-top: 30px;
}
.acordion_tree2 .menu{
    display: block;
    margin: auto;
    max-width: 90%;
}
.acordion_tree2 .menu li{
    display: block;
    margin: auto;
    width: 600px;
    max-width: 100%;
    white-space: nowrap;
    padding: 5px 0;
}
.acordion_tree2 .menu li{
    border-bottom: 1px solid #fff;
}
.acordion_tree2 .menu li:last-child{
    border: none;
}
.acordion_tree2 a{
    color: #fff;
    line-height: 200%;
    text-decoration: none;
}
.acordion_tree2 .sub-menu {
    margin-top: 5px;
    margin-bottom: -5px;
    border-top: 1px solid #fff;
}
.acordion_tree2 .sub-menu a{
    padding-left: 15px;
}
.acordion_tree2 li.menu-item-202 a{
    font-size: 0;
    padding: 0;
    padding-top: 0;
    background: url(img/top/sp-close-icon.svg) ;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto ;
    display: block;
    width: 100%;
    height: 150px;
}

.lity .lity-close {
    font-size: 0;
    width: 51px;
    height: 51px;
    background: url(img/top/sp-close-icon.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 51px auto;
    top: 10px;
    right: 10px;
}
/*page*/
#content.page-normal,
.page-template #content{
    position: relative;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 80%, rgba(255, 246, 198,1) 100%);
}
#content.page-normal::before,
.page-template #content::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 200px;
    width: 100%;
    background: url(img/top/town.png) no-repeat;
    background-position: center calc(100% + 10px);
    background-size: 55% auto;
}
/*
.page-template #contentInner{
    background: url(img/top/town.png) no-repeat;
    background-position: center calc(100% + 10px);
    background-size: 55% auto;
}
.page-template article{
    background: url(img/top/bg-d.png);
    background-size: 115% auto;
    background-position: -50px top;
    background-position: center top;
    background-size: 112% auto;
}
*/
.page-normal #contentInner,
.page-template #contentInner{
    padding-bottom: 160px;
    background: url(img/top/bg-d.png);
    background-size: 115% auto;
    background-position: -50px top;
    background-position: center top;
    background-size: 112% auto;
}

.page-template #contentInner.content-bg-blue {
    background: url(img/top/bg-c.png);
    background-position: center top;
    background-size: 112% auto;
    background: rgba(214, 240, 255, 1) url(img/top/bg-w2.png);
    background-position: center top;
    background-size: 100% auto;
}
.page-template #contentInner.content-bg-green {
    background: rgba(235, 246, 215, 1) url(img/top/bg-w2.png);
    background-position: center top;
    background-size: 100% auto;
}
.page-template #contentInner.content-bg-yellow {
    background: rgba(255, 246, 198, 1) url(img/top/bg-w2.png);
    background-position: center top;
    background-size: 100% auto;
}
.page-template #contentInner.content-bg-yellow article,
.page-template #contentInner.content-bg-blue article,
.page-template #contentInner.content-bg-green article {
    position: relative;
}
.page-template #contentInner.content-bg-yellow article::before,
.page-template #contentInner.content-bg-blue article::before,
.page-template #contentInner.content-bg-green article::before {
    content: '';
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    height: 170px;
    background: #fff;
}
img.free-dial{
    display: block;
    clear: both;
    max-width: calc(90% - 20px);
    margin: -30px auto 30px;
}
.form-request-btn-area{
    margin: 80px auto 20px;
    background: url(img/btn-blue-2.png) no-repeat;
    background-size: 115% auto;
    background-position: -50px top;
    background-position: center top;
    background-size: 100% auto;
    width: 678px;
    max-width: 90%;
    height: 110px;
    display: block;
}
.form-request-btn-area.voice{
    margin: 80px auto 20px;
    background: url(img/voice-btn.png) no-repeat;
    background-size: 115% auto;
    background-position: -50px top;
    background-position: center top;
    background-size: 100% auto;
    width: 500px;
    max-width: 90%;
    height: 80px;
    display: block;
}
.form-request-btn-area.voice-insert{
    margin: 80px auto 20px;
    background: url(img/voice-page-btn.png) no-repeat;
    background-size: 115% auto;
    background-position: -50px top;
    background-position: center top;
    background-size: 100% auto;
    width: 500px;
    max-width: 90%;
    height: 80px;
    display: block;
}

.form-request-btn-area input{
    width: 100%;
    aspect-ratio: 678 / 110;
    cursor: pointer;
/*
    visibility: hidden;
*/
    opacity: 0;
}
/*
.wpcf7-spinner{
    display: block;
    width: 100%;
}
*/
.cl-red{
    color: #ff6600;
}
.wpcf7,
form.wpcf7-form.init{
    max-width: 100%;
}

.mgt30{
    margin-top: 30px;
}
.mgt40{
    margin-top: 40px;
}
.mgt50{
    margin-top: 50px;
}
.mgt60{
    margin-top: 60px;
}
.mgt70{
    margin-top: 70px;
}
.mgt80{
    margin-top: 80px;
}
.mgt90{
    margin-top: 90px;
}
.mgt100{
    margin-top: 100px;
}
.mgt110{
    margin-top: 110px;
}
.mgt120{
    margin-top: 120px;
}
.mgt130{
    margin-top: 130px;
}
.mgt140{
    margin-top: 140px;
}
.mgt150{
    margin-top: 150px;
}
.mgt160{
    margin-top: 160px;
}
/*tml*/
.tml-profile .tml-submit-wrap input{
    margin: 40px auto 20px;
    display: block;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 8px 30px 10px !important;
    width: auto;
    color: #fff;
    background: #009EE5;
    cursor: pointer;
}
.post .tml input[type="submit"]{
    background-color: #ffd900;
    color: #fff;
    border: 1px solid transparent;
}
.post .tml{
    display: block;
    margin: auto;
}

/**/
@media only screen and (min-width: 1086px) {
.PC-top .header2{
    display: none;
}

}
@media only screen and (max-width: 1280px) {
.breadcrumbs-area .breadcrumbs-inner{
    margin-left: 10px;
}
.title-box{
    width: 95%;
}
.title-box p{
    font-size: 18px;
    max-width: 50%;
}
ul.pay-tags,
.page-pay-box,
.ul-point, .ul-service-content{
    width: 95%;
}
}

@media only screen and (max-width: 1085px) {
.PC-top .header{
    display: none;
}
.PC-top .header2{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    min-height: 78px;
}

.ul-point,
.ul-service-content
.top-announce-box,
.pay-box,
.ul-voice,
.area-box,
.top-service .service-content,
.ul-faq,
.mail-box
{
    width: 95%;
}
}

@media only screen and (min-width: 981px) {
.page-template-default .title-box{
    margin-top: 50px;
}
.area-box{
    flex-wrap: nowrap;
}
}

@media only screen and (max-width: 980px) and (min-width: 721px) {
.page-normal .title-box{
    margin-top: 80px;
}
.ul-point li h3{
    font-size: 24px;
}
.top-service .service-content{
    aspect-ratio: 1 / 1;
}
.top-service .service-content img.back-img{
    height: 100%;
}
.top-service .service-content .service-content-inner p.p-icon{
    font-size: 28px;
    margin: 3px 0 3px 17%;
    line-height: 65px;
}
.pay-box .pay-text{
    font-size: 32px;
    white-space: nowrap;
}
.pay-box p.capition{
    white-space: wrap;
}
.ul-voice li .inner-text-box{
    max-width: 75%;
}
.ul-service-content li h3{
    font-size: 24px;
}
nav.ver2 .menu-wrapper li {
    padding: 2px 10px;
}
}

@media only screen and (max-width: 720px) {
.PC-top section {
    padding: 50px 10px;
}
.PC-top section.page-section{
    width: 95%;
    margin-top: 10px;
    padding: 5px 2%;
}
.PC-top .front-image{
    background: url(img/top/town.png) no-repeat;
    background-position: center calc(100% + 10px);
    background-size: 100% auto;
}

section.top-point {
    position: relative;
    background: url(img/top/town.png) no-repeat;
    background-position: center calc(100% + 10px);
    background-size: 210% auto;
    z-index: 0;
}
section.top-point::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 16%;
    background: linear-gradient(to bottom, rgba(255, 246, 198,1), rgba(255,255,255,1));
    z-index: -1;
}
section.top-voice, section.top-service {
    background: none;
}
.top-announce-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
    margin-top: -150px;
    width: 95%;
    z-index: 1;
}
.top-announce-box img.main-img{
    margin: 0 30%;
}
.top-announce-box .announce-box-text{
    width: 100%;
    margin: -100px auto 0;
}
.top-announce-box .announce-box-text img.midashi-text{
    width: 120%;
    margin: 0 -10%;
}
.top-announce-box .announce-box-text .announce-text-cover {
    width: 100%;
    background: #fff;
    margin: 0;
}
.top-service .service-content {
    margin-top: 40px;
}
.top-service .service-content img.back-img{
    margin-top: 15px;
    display: none;
}
.top-service .service-content .service-content-inner {
    top: 0;
    left: 0;
    position: relative;
    width: 100%;
}
.top-service .service-content .service-content-inner .p-icon-cover{
    background: url(img/service/img13%201.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    padding: 36px 18px 26px 16px;
    width: 100%;
    box-sizing: border-box;
}

.top-service .service-content .service-content-inner p.midashi{
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 36px;
}
.msg-caption br,
.top-service .service-content .service-content-inner p.midashi br{
    display: none;
}
.top-service .service-content img.back-img-person{
    display: none;
}
.top-service .service-content .service-content-inner p.p-icon{
    font-size: 21px;
    padding-left: 30px;
    margin-left: 3px;
    margin-bottom: 5px;
    line-height: 30px;
    white-space: nowrap;
}
.top-service .service-content .service-content-inner p.p-icon{
    background-size: 26px auto;
}
.area-box img{
    max-width: 100%;
}
.ul-service-content li h3{
    font-size: 26px;
    margin: 22px -15%;
}
.pay-box {
    position: relative;
    margin-top: 160px;
}
.pay-box img{
    position: absolute;
    width: 50%;
    top: -170px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto 0;
}
.pay-box .pay-text{
    font-size: 28px;
    flex-wrap: wrap;
}
.pay-box .pay-box-left{
    position: relative;
    width: 100%;
    margin-top: -15px;
    z-index: 1;
}
.pay-box .pay-text .left-text,
.pay-box .pay-text .right-text{
    width: 100%;
}
.pay-box p.capition{
    white-space: wrap;
}
.ul-voice li{
    position: relative;
}
.ul-voice li .img-cover{
    position: absolute;
    top: 10px;
    left: 10px;
}
.ul-voice li .img-cover img{
    width: 80px;
}
.ul-voice li .inner-text-box{
    margin-left: 0;
    padding: 0 10px;
}
.ul-voice li .inner-text-box .text1,
.ul-voice li .inner-text-box .text-rank,
.ul-voice li .inner-text-box .text2{
    margin-left: 86px;
}
.ul-voice li .inner-text-box .text1{
    font-size: 20px;
}
.ul-voice li .inner-text-box .text-rank{
    font-size: 32px;
}
.ul-voice li .inner-text-box .text-content{
    border-top: 2px solid #FF6600;
    margin-top 5px;
    padding-top: 10px;
}
.ul-faq li .question{
    font-size: 22px;
    line-height: 26px;
    padding-top: 12px;
}
.PC-top section h2 {
    padding: 2px 14px;
    font-size: 27px;
    min-width: 90%;
}
.ul-point li, .ul-service-content li,
.ul-service-content.ver2 li
{
    width: 100%;
}
.page-pay-box,
ul.pay-tags {
    width: 100%;
}
.page-pay-box.auto{
    width: 100%;
    margin: 20px auto 20px;
}
.PC-top .btn-area
 {
    width: 90%;
    height: 50px;
    max-width: 90%;
}
.PC-top .btn-text
 {
    font-size: 20px;
    line-height: 36px;
    width: 100%;
}
.ver2 .menu-wrapper{
    justify-content: center;
    flex-wrap: wrap;
}
nav.ver2 .menu-wrapper li {
    padding: 2px 10px;
    margin-bottom: 15px;
}
nav .menu-wrapper li a{
    font-size: 14px;
}

.title-box{
    flex-wrap: wrap;
    margin: 10px auto 10px;
    width: 95%;
    max-width: 95%;
    box-sizing: border-box;
}
.title-box{
    margin-top: 0;
}
.title-box h1,
.title-box h2 {
    position: relative;
    display: block;
    width: fit-content;
    min-width: 100%;
    padding: 2px 15px;
    font-family: "Rounded Mplus 1c-ExtraBold", Helvetica;
    font-weight: 800;
    color: #7f4f21;
    font-size: 32px;
    font-size: clamp(24px, 28px, 32px);
    white-space: nowrap;
    box-sizing: border-box;
    margin-bottom: 17px;
}
h1.service-h1 {
    position: relative;
    display: block;
    width: 95%;
    max-width: 95%;
    margin: 15px auto 0;
    font-size: 22px;
}
.title-box p{
    display: inline-block;
    width: 65%;
    font-size: 18px;
}
.title-box img{
    width: 33%;
    margin-top: -30px;
    z-index: 1;
}
.single-ul-service-box{
    width: 95%;
}
.single-ul-service-box > li{
    width: 100%;
}
.single-ul-service-box > li .inner-top{
    display: block;
    text-align: center;
}
.single-ul-service-box > li .inner-top img{
    width: 100%;
    margin-top: 15px;
}

.request-page .title-box img,
.mail-page .title-box img{
    display: none;
}
.request-page .title-box p,
.mail-page .title-box p{
    width: 95%;
    margin: 10px 2.5%;
}
.request-page .title-box.mgt0::before,
.mail-page .title-box.mgt0::before{
    background: none;
}
.request-page .title-box{
    background: rgba(255, 246, 198, 1);
    padding-top: 20px;
}
.mail-page .title-box{
    padding-top: 20px;
}
.page-template #contentInner.content-bg-yellow {
    background: rgba(255, 246, 198, 1);
    background-position: center top;
    background-size: 100% auto;
}
.page-template #contentInner.content-bg-green {
    background: rgba(235, 246, 215, 1);
    background-position: center top;
    background-size: 100% auto;
}
.page-template #contentInner.content-bg-yellow article::before,
.page-template #contentInner.content-bg-green article::before{
    background: none;
}

.mail-box{
    margin-top: 0;
}
.area-box .area-name{

}
.area-box p{
    margin-left: 0;
}
.area-box .area-inner img{
    width: 50%;
    /*margin: -120px 0 0 20px;*/
    /*float: right;*/
    
}

/*page*/
.page-normal #content,
.page-template #content{
    background: linear-gradient(to bottom, rgba(255,255,255,1) 94%, rgba(255, 246, 198,1) 100%);
}
.page-normal #contentInner,
.page-template #contentInner{
    position: relative;
    padding-bottom: 75px;
    padding-bottom: 105px;
    background: url(img/top/town.png) no-repeat;
    background-position: center calc(100% + 10px);
    background-size: auto 65px;
    z-index: 1;
}
.page-template #contentInner.content-bg-green::after,
.page-template #contentInner.content-bg-yellow::after,
.page-template #contentInner.content-bg-blue::after{
    content: '';
    position:absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    background: url(img/top/town.png) no-repeat;
    background-position: center calc(100% + 10px);
    background-size: auto 65px;
}

.page-template article{
    background: none;
}

.ul-service-content,
.top-service-content .ul-service-content {
    background: none;
    margin-bottom: -100px;
}
.ul-service-content.ver2{
    margin-bottom: 0;
}
.sp-service-area,
.top-service-content .sp-service-area{
    display: block;
    width: 100%;
    height: 250px;
    background: url(img/top/lady1.png) no-repeat;
    background-position: 45% center;
    background-size: auto 100%;
    box-sizing: border-box;
}
.top-service .sp-service-area{
    position: relative;
    display: block;
    width: 100%;
    height: 160px;
    background: url(img/top/couple.png) no-repeat;
    background-position: center center;
    background-size: auto 100%;
    box-sizing: border-box;
    margin-top: -30px;
    margin-bottom: -50px;
    z-index: 1;
}
.PC-top .text-wrapper-46{
    font-size: 12px;
}
.PC-top .text-wrapper-59{
    font-size: 13px;
}
#footer .kugiri{
    display: block;
    height: 1px;
    width: 100%;
}
nav .menu-wrapper li:nth-child(2) {
    border-right: none;
}
.PC-top .btn-text {
    top: 8px;
}
.PC-top .polygon-wrapper{
    top: 10px;
}
table.normal-table th{
    width: 33%;
}

ul.pay-tags {
    display: flex;
    justify-content: center;
}
table.kihon{
    table-layout: auto;
    max-width: 100%;
}
table.kihon tr th.midashi.wid100{
    width: 100%;
}
table.kihon tr th.midashi{
    white-space: nowrap;
    white-space: wrap;
    width: 65%;
    font-size: 22px;
}
table.kihon tr td.middle{
    width: 65%;
    width: 70%;
    overflow: hidden;
}
table.kihon tr td.end{
    width: 35%;
    width: 30%;
    white-space: nowrap;
}
table.kihon td.middle.no-content,
table.kihon th.bg-white{
    display: none;
}
table.no-border tr th,
table.no-border tr td {
    display: block;
    width:100%;
    max-width: 100%;
    box-sizing: border-box;
}
table.no-border tr th p{
    margin-bottom: 0;
}
.sp-none{
    display: none;
}
.req{
    float: none;
    margin-left: 6px;
}
.page-template #contentInner.content-bg-blue article::before{
    top: 0;;
}
.post .tml input[type="submit"]{
    background-color: #ffd900;
    color: #fff;
    border: 1px solid transparent;
}
.post .tml{
    display: block;
    margin: auto;
}
.single-ul-service-box{
    margin-top: 5px;
}
}