body {
    font: normal 15px/1.7em Meiryo, "MS PGothic", arial, sans-serif;
    color: #363636;
    margin: 0;
    font-weight: bold;
    font-feature-settings: "palt";
}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: #363636;
}

p {
    color: #363636;
}

img {
    vertical-align: bottom;
}

img, iframe {
    max-width: 100%
}

.logo img {
    height: 30px;
}

/*nav*/
.gblnv_box {
    background: #c9b6ff;
    width: 100%;
    height: 78px;
    position: relative;
    z-index: 999;
}

.gblnv_box a.logo {
    margin: 0 20px 0;
}

.gblnv_box a.logo img {
    margin-top: 25px;
}

.gblnv_box a.menu-trigger {
    margin: 17px 28px 0;
}

.gblnv_box h1 {
    display: inline;
}

.gblnv_block {
    background: #e0c3ff;
    color: #333;
    margin-top: 20px;
    display: none;
}

/* .gblnv_block ul{padding: 10px 0;} */
.gblnv_block ul li {
    line-height: 180%;
    list-style: none;
}

.gblnv_block ul li a {
    color: #363636;
    font-size: 1rem;
    line-height: 260%;
    display: block;
    padding-left: 20px;
}

.gblnv_block ul li a:hover {
    text-decoration: none;
    opacity: 0.5;
}

.gblnv_block ul li.active a {
    background: rgb(193 136 255 / 50%);
    color: #fff;
    cursor: default;
}

.onanimation {
    display: block;
}

.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    float: right;
}

.menu-trigger {
    position: relative;
    width: 33px;
    height: 34px;
}

.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #6B1A80;
    border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
    top: 0;
}

.menu-trigger span:nth-of-type(2) {
    top: 15px;
}

.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
    left: 50%;
    opacity: 0;
    -webkit-animation: active-menu-bar02 .8s forwards;
    animation: active-menu-bar02 .8s forwards;
}

@-webkit-keyframes active-menu-bar02 {
    100% {
        height: 0;
    }
}

@keyframes active-menu-bar02 {
    100% {
        height: 0;
    }
}

.menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) rotate(45deg);
    transform: translateY(-20px) rotate(45deg);
}

/*home*/
.hometop {
    padding-bottom: 30px
}

.firstview {
    padding: 10px
}

.homebase {
    padding: 0 40px;
}

.homebase img {
    margin-bottom: 25px;
}

.iamwondering img {
    margin-top: -20px;
}

iframe {
    border: 4px solid transparent;
    border-radius: 10px;
    background-image: linear-gradient(90deg, #5C1E83 0%, #A41183 99.28%);
}

.phonelogo {
    text-align: center;
    margin: 15px 0;
    padding-bottom: 25px;
    border-bottom: 1px dashed rgba(54, 54, 54, 0.5);
}

.txtCustom {
    margin: 25px 0 40px;
}

.txtCustom p {
    line-height: 1.5;
}

.charinis p strong {
    display: block;
    color: #6B1A80;
    font-size: 1.3rem;
}

h5 {
    background: #F98CCC;
    color: #fff;
    padding: 8px 0;
    font-size: 0.9rem;
    width: 65%;
    margin: 0;
    text-align: center;
}

h5.left {
    margin-left: auto;
}

h5.right {
}

.howtogetpaid {
    padding: 45px 0 40px;
    background: url(images/00_common/mizutama.png) #ffc9df;
}

.howtogetpaid p {
    margin: 10px 20px 30px;
    font-size: 0.7rem;
}

.howtogetpaid > div {
    position: relative;
}

.howtogetpaid > div > img {
    position: absolute;
    width: 92%;
}

.leftcont img {
    top: -20px;
    left: 20px;
}

.rightcont img {
    top: -25px;
    right: 20px;
}

.leftcont .underh5 {
    padding: 50px 25px 0 25%;
}

.leftcont .underh5 span {
    color: #363636;
    font-weight: bold;
}

.leftcont h5 {
    margin-right: 20px;
}

.rightcont .underh5 {
    padding: 50px 0 0 20px;
}

.underh5 span {
    display: block;
    font-weight: normal;
}

.rightcont h5 {
    margin-left: 20px;
}

.howtogetpaid p strong, .underh5 strong {
    color: #6B1A80;
    font-size: 1.7rem;
}

.anshin {
    background: #C0DAA9;
    color: #fff;
    text-align: center;
    padding: 30px 20px;
}

.buta {
    display: flex;
    margin-bottom: 10px;
}

.butaa {
    flex: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.butaa img {
    width: 95%;
}

.butab {
    flex: 5;
    font-size: 1.3rem;
    line-height: 1.4em;
    text-align: left;
    margin-left: 5px;
}

.anshin p {
    font-size: 12px;
    margin: 0;
    color: white
}

.dllink a {
    position: relative;
    display: block;
    padding: 15px 0;
    margin-top: 10px;
    background: linear-gradient(90deg, #A41183 0%, #5C1E83 99.28%);
    border-radius: 100px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 1.1rem;
}

.dllink a:before {
    content: "";
    position: absolute;
    background: url(images/00_common/highlight.png) no-repeat;
    top: 8px;
    left: 10px;
    width: 30px;
    height: 30px;
}

.howtostart {
    padding-bottom: 35px;
}

.howtostart p {
    font-weight: normal;
}

.step {
    border-bottom: 3px solid #EC008C;
    position: relative;
    padding: 10px;
    margin: 20px 0 15px 30px;
    text-indent: 2.5em;
    color: #363636;
}

.step img {
    width: 70px;
    position: absolute;
    left: -30px;
    bottom: -10px;
    border-radius: 50%;
}

.startcont {
    display: flex;
    padding: 0
}

.startcont p {
    flex: 3;
    margin: 5px 10px 20px 0;
    font-size: 12px;
}

.startcont div {
    flex: 1;
}

/*common*/
section {
    padding: 15px 20px 45px;
}

.firstview {
    background: url(images/01_top/02.png) center top no-repeat;
    background-size: 100% auto;
    height: 450px;
}

.firstview a {
    display: block;
    padding: 10px 5px;
}

.pan {
    padding: 4px 20px;
    font-size: 12px;
    font-weight: normal;
    background: #fff;
}

.pan a {
    text-decoration: none;
}

p span {
    color: #6B1A80;
}

.bg0 {
    background: url(images/00_common/05.jpg) #fefae1;
}

/*check*/
.bg1 {
    background: #FFF8FC;
}

/*solid light yellow*/
.bg2 {
    background: url(images/00_common/04.jpg) #f6dfd4;
    background-size: 100% 100%;
}

/*pink circles*/
.bg3 {
    background: url(images/00_common/mizutama.png) #ffc9df;
}

/*dots yellow base*/
.bg4 {
    background: #fdf1e2;
}

/*solid light hada*/
.bg5 {
    background: #FFF9EE;
}

/*solid light hada*/
.bg6 {
    background: url(images/00_common/mizutama50.png) #fdf1e2;
}

/*dots orange base*/
/**/
.wrap > h3, .wrap > h1 {
    background: #c9b6ff;
    color: #363636;
    text-align: center;
    padding: 20px;
    margin: 0;
    line-height: 0.8em;
    background-size: cover;
    font-size: 1rem;
}

h3.alignleft {
    text-align: left;
}

h1 {
    font-size: 1.1rem;
}

/*faq*/
.faq div {
    background: #FFFFFF;
    color: #de7446;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 3px 3px 5px #ccc;
    margin: 20px 0 45px;
    position: relative
}

.faq div.que {
    margin-right: 25px;
}

.faq div.resp {
    margin-left: 25px;
}

.faq div.que:after {
    background: url(images/01_top/19.png);
    background-size: 100% auto;
    content: "";
    width: 65px;
    height: 65px;
    display: block;
    position: absolute;
    top: -20px;
    right: -35px;
    border-radius: 50%;
}

.faq div.resp:after {
    background: url(images/01_top/20.png);
    background-size: 100% auto;
    content: "";
    width: 65px;
    height: 65px;
    display: block;
    position: absolute;
    top: -20px;
    left: -30px;
    border-radius: 50%;
}

.faq div.que strong {
    color: #63C8ED;
    margin-right: 40px;
    display: block;
}

.faq div.resp strong {
    color: #6B1A80;
    margin-left: 32px;
}

.faq div.resp p {
    color: #757474;
    margin-top: 1em;
    font-weight: normal;
    margin-bottom: 0
}

/*cbtn*/
.cbtn {
    text-align: center;
}

.cbtn img {
    margin: 10px 0;
}

/*oiawase*/
h4, .h4, .wrap h3.h4 {
    background: #801783;
    color: #fff;
    padding: 15px 0;
    text-align: center;
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.9rem
}

.otoiawase {
    padding-bottom: 35px;
    background: #faefff;
}

input, textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-family: Meiryo;
}

.koumoku {
    font-weight: bold;
    margin-top: 20px;
}

.koumoku span {
    color: #811783;
    margin-left: 10px;
}

input[type="submit"] {
    background: #801783;
    color: #fff;
    border: none;
    padding: 12px 0;
    margin-top: 15px;
}

/*whats*/
.hajimeni strong {
    display: block;
    border-left: 3px solid #811783;
    padding-left: .5em;
    margin-bottom: 10px;
}

.hajimeni div {
    padding: 15px;
    background: #fff;
}

.hajimeni p span {
    color: #de5c8b;
}

.mokuji {
}

.mokujiwaku {
    border: 3px solid #fdb552;
    border-radius: 5px;
}

.mokujiwaku strong {
    background: url(images/00_common/mizutama50.png) #fdb552;
    display: block;
    text-align: center;
    color: #fff;
}

.mokujiwaku div {
    padding: 10px 0 10px 8px;
    font-size: 13px;
}

.iconwrap {
    text-align: center;
}

.iconwrap img {
    width: 100px;
    margin: 0 auto 15px;
    border-radius: 50%;
}

.whatschatlady h2 {
    background: linear-gradient(90deg, #A41183 0%, #5C1E83 99.28%);
    color: #fff;
    border-radius: 5px;
    box-shadow: 3px 3px 5px #ccc;
    padding: 8px 5px;
    font-size: 1rem;
}

.whatschatlady h2 span {
    background: url(images/02_what/10.svg) center center no-repeat;
    background-size: 25px auto;
    text-align: center;
    line-height: 31px;
    color: #7d1983;
    display: inline-block;
    border-radius: 50%;
    height: 29px;
    width: 29px;
    float: left;
    margin: -2px 3px 5px 0;
}

ul li {
    border-bottom: 1px dashed #9e7efb;
    background: url(images/00_common/arr.svg) #ffffff 95% center no-repeat;
    background-size: 10px auto;
}

ul li:last-child {
    border: 0px;
}

li a {
    text-decoration: none;
    padding: 12px 10px;
    display: block;
}

ul.manual li a span {
    display: block;
    margin-top: 8px;
    font-weight: normal;
    font-size: 12px;
    color: #898484;
}

/*voice*/
.taikenwrap {
    background: url(images/04_voice/04.png) #fffdf0 top left repeat-x;
    background-size: 10% auto;
    padding: 0 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 5px;
}

.taikentitle {
    text-align: center;
    padding: 30px 0 20px;
}

.taikenmeta {
    display: flex;
    margin-bottom: 20px;
}

.taikenimg {
    flex: 3;
}

.taikenmeta div img {
    width: 95%;
    filter: blur(3px);
    opacity: 0.8;
}

div.taikenuserinfo {
    flex: 5;
    padding: 10px;
    font-size: 12px;
    line-height: 1.5;
}

div.taikenuserinfo > span {
    font-weight: normal;
}

.taikenque {
    background: #801783;
    padding: 5px 8px;
    color: #FFFFFF;
}

.taikenresp {
    background: url(images/04_voice/03.png) left 10px no-repeat;
    padding: 8% 15px 30px 23%;
    background-size: 18% auto;
}

.taikenresp p {
    margin-top: 0;
    margin-bottom: -15px;
}

/*fee */
.fee {
    text-align: center;
}

.hoshu {
    border: 3px solid #cbabff;
    border-radius: 10px;
    box-shadow: 3px 3px #cbabff;
    background: url(images/05_fee/02.png) center bottom #fff no-repeat;
    padding: 40px 0;
    position: relative;
    overflow: hidden;
    margin: 0 0 20px;
    color: #cbabff;
    text-align: left;
}
.hoshu p {
    padding-left: 32%;
    font-size: 0.8rem;
}

.hoshu img {
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 140px;
}

.hoshu.fee2 {
    border-color: #00A3DF;
    background-image: url(images/05_fee/03.png);
    box-shadow: 3px 3px #00A3DF;
    color: #00A3DF;
}

.hoshu.fee3 {
    border-color: #A6D373;
    background-image: url(images/05_fee/04.png);
    box-shadow: 3px 3px #A6D373;
    color: #A6D373;
}

.seisan {
    background: url(images/05_fee/seisan.png) no-repeat;
    background-size: cover;
    padding: 20px 0;
    margin-bottom: 10px;
    font-size: 1.1rem;
}

.seisan span {
    color: #dc143c;
}

/*event*/
.btnflex {
    display: flex;
    margin: 20px 0
}

.btnflex img {
    width: 90%;
}

.event p {
    border-bottom: 2px dotted #dac3a3;
    padding: 10px 5px 20px;
    margin: 0
}

.eventtile {
    text-align: center;
    font-size: 1.2rem;
    margin: 0 0 15px;
}

.eventtile img {
    height: 31px;
    vertical-align: text-bottom;
}

.event1 {
    text-align: center;
    padding: 20px 15px;
}

.event1 > img {
    width: 70%;
}

.event2 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.ribonari {
    position: relative;
    background: #c9b6ff;
    padding: 10px 15px 10px;
}

.ribonari:before {
    display: block;
    background: url(images/06_event/07.png) top left repeat-x;
    content: '';
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    position: absolute;
}

.ribonari:after {
    display: block;
    background: url(images/06_event/09.png) bottom left repeat-x;
    content: '';
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    position: absolute;
}

.ribon {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 10px 20px 10px 15px;
    margin: 0 0 0 -25px;
    font-weight: bold;
    color: white;
    background: #801783;
    font-size: 1.2rem;
    text-align: center;
    width: 34%;
}

.ribon:after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-width: 22px 12px 23px 0;
    border-color: transparent #c9b6ff transparent transparent;
    border-style: solid;
}

.ribon:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 7px transparent;
    border-right: solid 10px #931355;
}

.camp {
    display: flex;
    border: 3px solid #cbabff;
    border-radius: 10px;
    box-shadow: 3px 3px #cbabff;
    background: #fff;
    padding: 10px 10px 7px;
    margin: 0 0 20px;
}

.campimg {
    flex: 1;
}

.camptxt {
    flex: 3;
}

.camp img {
    width: 90%;
}

.camptxt strong {
    display: block;
    color: #801783;
}

.event3 {
    position: relative;
}

.clipwarap:after {
    content: '';
    background: url(images/06_event/mekuri.png) right bottom no-repeat;
    width: 100%;
    height: 100px;
    background-size: auto 100%;
    z-index: 999;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.event3 > img {
    position: absolute;
    top: -8px;
    left: 40px;
    width: 50px;
    z-index: 99;
}

.clipwarap {
    padding: 8px;
    position: relative;
}

.clipwarap > img {
    top: 90px;
    left: 0px;
    width: 80px;
    position: absolute;
}

.clip {
    background: #fff;
    padding: 10px;
}

.clip > span {
    display: block;
    text-align: center;
    margin: 10px 0;
}

.chico {
    font-size: 1rem;
}

.mediano {
    font-size: 1.5rem;
    text-align: center;
}

.biggest {
    font-size: 2.6rem;
    color: #dc143c;
    margin-top: 40px !important;
}

.smallest {
    text-align: right !important;
    font-size: 12px;
}

.bevent4 {
    background: url(images/06_event/32.png) #f0cfff top center no-repeat;
    background-size: 100% auto;
    padding: 80px 15px 20px;
    text-align: center;
    margin: 0 0 20px;
    border-radius: 5px;
}

.bevent4:last-child {
    background: url(images/06_event/32.png) #f0cfff top center no-repeat;
    background-size: 100% auto;
}

.bevent4 img {
    margin: 10px 0;
}

.kuwashikuwa {
    padding: 7px 10px;
    border: 2px solid #363636;
    font-size: .8rem;
    margin: 15px 5px 0;
    color: #363636;
}

.ch {
    background: #cbabff;
    border-radius: 5px;
    padding: 6px 5px;
}

.ch p {
    border-radius: 5px;
    color: #fff;
    border: 2px dashed #FFFFFF;
    padding: 10px;
    text-align: left;
    margin: 0;
}

.textshadow {
    text-shadow: 2px 2px 0 #cbabff, -2px 2px 0 #cbabff, 2px -2px 0 #cbabff, -2px -2px 0 #cbabff;
    color: #fff;
    font-size: 2.2rem;
    line-height: 1.4;
    margin: 0;
    text-align: center;
}

.textshadow.tsline {
    text-shadow: 1px 1px 0 #97ca67, -1px 1px 0 #97ca67, 1px -1px 0 #97ca67, -1px -1px 0 #97ca67;
    font-size: 1.2rem;
    margin-bottom: 15px;
}

/* userpolicy */
.area__userpolicy ol {
    display: list-item;
    padding-left: 0;
    margin: 0 15px 0 20px;
}

.area__userpolicy h3 {
    padding: 0.25em 0.5em;
    background: transparent;
    border-left: solid 5px #801783;
    font-size: 1.5rem;
}


/* company */
.area__company .table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    color: #363636;
    font-size: 12px;
}

.area__company .table th {
    background: #FCDDEC;
    padding: 5px;
    border: #cbabff 1px solid;
}

.area__company .table th, .area__company .table td {
    padding: 15px;
    text-align: left;
}

.area__company .table td {
    padding: 20px;
    border: #cbabff 1px solid;
}

.area__company .table td a:after {
    content: '\f35d';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 5px;
    position: absolute;
    right: 8px;
    top: 3px;
}

.area__company .map {
    border: 1px solid #cbabff;
    color: #6B1A80;
    border-radius: 20px;
    padding: 5px 45px 5px 10px;
    text-decoration: none;
    position: relative;
    display: inline-block
}


/*footer*/
footer {
    background: #c9b6ff;
    color: #363636;
    padding: 20px;
}

footer a {
    font-weight: normal;
    display: block;
    text-align: center;
}

/* table th,td{font-weight: normal;text-align: left;} */
.copyright {
    text-align: center;
    margin-top: 30px;
    font-size: 12px;
}

@media screen and (min-width: 721px) {
    /*PC*/
    .wrap {
        width: 500px;
        margin: 0 auto;
    }

    .firstview {
        height: 600px
    }

    h5 {
        width: 75%;
    }
}

@media screen and (min-width: 0px) and (max-width: 720px) {
    /*SP*/
}

#bg__black.on {
    background: rgba(0, 0, 0, 0.7);
    z-index: 101;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.menu-trigger::after {
    content: "MENU";
    position: absolute;
    bottom: -25px;
    left: 0;
    font-size: 12px;
    color: #6B1A80;
}

.menu-trigger.active::after {
    content: "CLOSE";
    left: -5px;
}

/* New css */
.nav-links {
    margin: 15px auto;
    text-align: center;
}

.nav-links .page-numbers {
    background: #ffffff;
    padding: 5px 10px;
    text-decoration: none;
}

.nav-links .page-numbers:hover {
    opacity: 0.6;
}

.nav-links .current {
    background: #e990af;
    color: #ffffff;
}

article img {
    height: auto;
}

/*Custom css by Back*/
.txtPink {
    color: #6B1A80;
}

.faq {
    padding-bottom: 20px !important;
}

.bgStripe {
    background-color: #f0cfff;
    background-image: repeating-linear-gradient(-55deg, #c9b6ff, #c9b6ff 14px, #f0cfff 15px, #f0cfff 25px);
    padding: 15px 0;
    text-align: center;
    margin: 0;
    color: #363636;
    font-size: 1rem;
}

.bgGreen {
    background: #C0DAA9;
}
.bgWhite {
    background: #FFFFFF;
}
.bgPink {
    background-color: #faefff;
}
.bgOneHeart {
    background: url(/images/00_common/mizutama_1.png) #ffc9df
}

.area__userpolicy {
    background: #faefff;
}

.area__userpolicy p,
.area__userpolicy ol {
    font-weight: normal;
}
.customEvent {
    background: #FFF0F7;
}
.customEvent section {
    padding: 5px 20px 20px;
}

.customEvent .eventtile {
    font-size: 1rem;
}