@charset "UTF-8";

/* style-sp-vivo.css
style-sp-vivo_re.css
sp-menu.css
form-sp-vivo_re.css
font.css
*/
/* style-sp-vivo.css */
/* **************************************************
bootstrap mods
************************************************** */
.alert{color:red;padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8);background-color:transparent;filter:alpha(opacity=50);opacity:.1}
.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=50);outline:0;opacity:.1}
/* **************************************************
common miscellaneous
************************************************** */
* {outline: none !important;}
figure{margin:0} .clearfix:after{content:"";display:block;clear:both} .clearfix:before{display:table;line-height:0;content:""} .relative{position:relative!important} .fixed{position:fixed!important} .iframe{display:block;width:100%;height:100%} .pull-left{float:left!important} .pull-right{float:right!important} .img-replace{display:block;text-indent:-9999px;overflow:hidden} .img-replace-inline{text-indent:-9999px;overflow:hidden} .img-replace-inline,.inline-block{display:inline-block;display:inline;zoom:1} .inline{display:inline} .disp-block{display:block} .va-middel{vertical-align:middle}
/* **************************************************
old ie design
************************************************** */
.ie{margin:0;padding:0;color:#3a87ad;font-size:100%} div.ie{position:relative;padding:20px 20px 10px;background-color:#d9edf7;border:1px solid #aadbe8} div.ie>button{position:absolute;top:5px;right:5px} dt.ie{padding-bottom:10px;font-weight:700} b.ie{padding-right:15px;padding-bottom:5px} a.ie{padding:0 5px;text-decoration:underline;color:#04405e;font-weight:700} a.ie:hover{color:#c5378a}
/* **************************************************
noscript design
************************************************** */
.noscript{position:absolute;top:20px;left:50%;text-align:left;margin-left:-25pc;width:50pc;padding:20px;color:#468847;font-size:100%;font-weight:400;background-color:#dff0d8;border:2px solid #d6e9c6}
.noscript:before{position:absolute;top:50%;left:7px;display:block;width:1em;height:1em;margin-top:-.5em;color:#6ebe8c;font-size:180%}
/* **************************************************
common text
************************************************** */
.box-after:after,.box-before:before{content:'';display:block;position:absolute}.br2em{line-height:2em}.br3em{line-height:3em}.br30px{line-height:30px}.br40px{line-height:40px}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.ls-minus1{letter-spacing:-1px}.ls-0{letter-spacing:0}.color-white{color:#fff}.color-black{color:#333}.color-red{color:#e60000}.color-blue{color:#1779cf}.color-lightblue{color:#5bc0de}.color-darkblue{color:#036}.color-yellow{color:#ffb814}.color-green{color:#24d000}.color-pink{color:#fb708a}.color-orange{color:#ff8042}.color-gray{color:#999}.color-purple{color:#8b4cff}.bg-gray{background-color:#505050}.bg-red{background-color:#e60000}.bg-blue{background-color:#4fb2cf}.bg-green{background-color:#96be41}.bg-pink{background-color:#fb708a}.bg-perple{background-color:#ad4291}.bg-yellow{background-color:#ffb814}.bg-normal{background-color:#f9f7eb}.bdr-red{border-color:#e60000}.bdr-blue{border-color:#1aa1e6}.bdr-green{border-color:#96be41}.bdr-yellow{border-color:#ffb814}.bdr-pink{border-color:#fb708a}.bdr-perple{border-color:#ad4291}.bdr-black{border-color:#424242}
/* **************************************************
font size
************************************************** */
.fw-normal{font-weight:400;line-height:1.1em}.fw-bold{font-weight:700}.fs80{font-size:80%}.fs90{font-size:90%}.fs100{font-size:100%}.fs120{font-size:120%}.fs130{font-size:130%}.fs140{font-size:140%}.fs150{font-size:150%}.fs160{font-size:160%}.fs170{font-size:170%}.fs180{font-size:180%}.fs190{font-size:190%}.fs200{font-size:200%}.fs10px{font-size:10px}.fs12px{font-size:9pt}.fs14px{font-size:14px}.fs16px{font-size:1pc}.fs18px{font-size:18px}.fs20px{font-size:20px}.fs48px{font-size:3pc}
/* **************************************************
margin padding
************************************************** */
.mg0Auto{margin:0 auto!important}.mg0{margin:0!important}.mgt0{margin-top:0}.mgt5{margin-top:5px}.mgt10{margin-top:10px}.mgt15{margin-top:15px}.mgt20{margin-top:20px}.mgt30{margin-top:30px}.mgt40{margin-top:40px}.mgt50{margin-top:50px}.mgr0{margin-right:0}.mgr5{margin-right:5px}.mgr10{margin-right:10px}.mgr15{margin-right:15px}.mgr20{margin-right:20px}.mgr30{margin-right:30px}.mgr40{margin-right:40px}.mgr50{margin-right:50px}.mgb0{margin-bottom:0}.mgb5{margin-bottom:5px}.mgb10{margin-bottom:10px}.mgb15{margin-bottom:15px}.mgb20{margin-bottom:20px}.mgb30{margin-bottom:30px}.mgb40{margin-bottom:40px}.mgb50{margin-bottom:50px}.mgl0{margin-left:0}.mgl5{margin-left:5px}.mgl10{margin-left:10px}.mgl15{margin-left:15px}.mgl20{margin-left:20px}.mgl30{margin-left:30px}.mgl40{margin-left:40px}.mgl50{margin-left:50px}.pd0{padding:0!important}.pdt0{padding-top:0}.pdt5{padding-top:5px}.pdt10{padding-top:10px}.pdt15{padding-top:15px}.pdt20{padding-top:20px}.pdt30{padding-top:30px}.pdt40{padding-top:40px}.pdt50{padding-top:50px}.pdr0{padding-right:0}.pdr5{padding-right:5px}.pdr10{padding-right:10px}.pdr15{padding-right:15px}.pdr20{padding-right:20px}.pdr30{padding-right:30px}.pdr40{padding-right:40px}.pdr50{padding-right:50px}.pdb0{padding-bottom:0}.pdb5{padding-bottom:5px}.pdb10{padding-bottom:10px}.pdb15{padding-bottom:15px}.pdb20{padding-bottom:20px}.pdb30{padding-bottom:30px}.pdb40{padding-bottom:40px}.pdb50{padding-bottom:50px}.pdl0{padding-left:0}.pdl5{padding-left:5px}.pdl10{padding-left:10px}.pdl15{padding-left:15px}.pdl20{padding-left:20px}.pdl30{padding-left:30px}.pdl40{padding-left:40px}.pdl50{padding-left:50px}
/* **************************************************
table-cell
************************************************** */
.table{display:table;margin-bottom:0}.tr{display:table-row}.td{display:table-cell;vertical-align:top}
/* **************************************************
layout
************************************************** */
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.html{height:100%}.body{height:100%;margin:0;padding:0;text-align:center;overflow-x:inherit;line-height:1.5em;font-family:Meiryo,Hiragino Maru Gothic Pro,Hiragino Kaku Gothic Pro,Helvetica,Arial,sans-serif;background-color:#ffffff;font-size:14px;color:#333333}
.body,.layout{position:relative;width:100%}.layout{top:0;left:0;margin:0 auto;text-align:left;max-width:728px;height:auto!important;height:100%}.upper{position:relative;top:0;left:0}.lower{width:100%;z-index:1}
/* **************************************************
reset
************************************************** */
ul{font-size:0;margin:0}ul li{font-size:14px}a{color:#222;transition:all .1s linear}a:focus,a:hover{color:#d02579;text-decoration:none}h1,h2,h3,h4,h5{font-size:100%}.h1,.h2,.h3,.h4,.h5{margin:0;font-size:100%}

/* **************************************************
wrap
************************************************** */
.section-wrap{padding:10px 10px 30px}.section-inner{background-color:#fff;padding:30px 10px 10px}.content-wrap{background-color:#fff;padding:8px}
/* **************************************************
menuTip
************************************************** */
.menuTip-wrap{position:relative}.menuTip-wrap-inner{margin:0 auto}.menuTip-tab{position:absolute;top:-44px;right:5px;display:inline-block;padding:2px 3px;border-radius:4px;background-color:transparent;border:0;font-size:24px;color:#fff;text-align:center;z-index:1}.menuTip-open{display:block;margin-top:-5px;font-size:11px;text-align:center}.menuTip-close{padding:5px;font-size:14px;vertical-align:middle}.menuTip-panel{width:100%;position:absolute;top:0;right:0;z-index:2;display:none}.menuTip-panel-inner{display:block;width:100%;margin:0 auto;background-color:#fff}
/* **************************************************
toolmenu
************************************************** */
.menuTip-ul{width:100%;background-color:#fff;border:1px solid #505050}.menuTip-li{width:100%;display:block;border-top:1px solid #505050;position:relative;padding:0 0 0 35px}.menuTip-li:after{content:"\f105";display:inline-block;width:20px;height:20px;vertical-align:middle;text-align:center;font-family:FontAwesome;font-size:30px;position:absolute;top:30%;right:5px}
.menuTip-li a>[class^="fa-"], .menuTip-li a>[class*=" fa-"] {
padding: 5px;}
.menuTip-li a{display:block;width:100%;padding:9pt 5px;position:relative}.menuTip-span{display:block}.menuTip-li a:active,.menuTip-li a:focus,.menuTip-li a:hover{color:#505050}.modalLayer{display:none;width:100%;height:120%;position:fixed;left:0;top:0;z-index:1;background-color:rgba(0,0,0,.75)}.menu-tbl{width:100%}.menu-tbl .td>a{display:block;border-right:1px solid #505050;border-bottom:1px solid #505050;border-left:1px solid #505050;text-align:center}.menu-tbl .td>a,.menu-tbl button{padding:10px 5px;position:relative}.menu-tbl button{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:0;border-right:1px solid #505050;border-bottom:1px solid #505050}
/* メニューアイコン */
.menu-tbl .td a:before,.menuTip-li:before{content:"";width:30px;height:30px;display:inline-block;margin-right:5px;background-color:#000;color:#fff;font-weight:400;padding:6px 5px 3px;text-align:center;font-family:FontAwesome;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;position:absolute;top:12%;left:5px}.menuTip-li.pencil:before{content:"\f040";font-size:18px}.menuTip-li.sphone:before{content:"\f10b";font-size:31px;transform:rotate(-15deg);-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg)}.menuTip-li.salary:before{content:"\f1c0";font-size:20px}.menuTip-li.check:before{content:"\f00c";font-size:20px}.menuTip-li.faq:before{content:"Ｑ";font-size:20px;font-weight:700}.menuTip-li.privacy:before{content:"\f007";font-size:20px}.menuTip-li.file:before{content:"\f15c";font-size:20px;transform:rotate(-15deg);-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg)}.menuTip-li.building:before{content:"\f1ad";font-size:20px}.menuTip-li.envelope:before{content:"\f0e0";font-size:20px;transform:rotate(-15deg);-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg)}.menu-tbl .td a.home:before{content:"\f015";font-size:22px}.menu-tbl .td .close-button:before{content:"\f00d";font-size:22px}
/* **************************************************
title
************************************************** */
.header-title{padding:10px 55px 10px 5px;display:block}.header-title,.title-md{background-color:#d02579}.title-md{margin-bottom:0;padding:8px 0;color:#fff;font-size:1pc;text-align:center;letter-spacing:1px;position:relative}.title-md.radius{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.title-sm{margin-bottom:10px;padding:6px 5px;color:#d02579;letter-spacing:1px;position:relative;border-bottom:1px solid #d02579}.title-point{display:block;padding:10px 0;font-weight:700;font-size:1pc;color:#1779cf;color:#d02579;position:relative}.title-point:before{content:"\f004";display:inline-block;width:30px;height:30px;font-family:FontAwesome;background-color:#d02579;color:#fff;font-size:14px;padding:8px 5px 3px;margin-right:10px;text-align:center;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
/* **************************************************
index
************************************************** */
/* お仕事の流れ */
.step-wrap{max-width:340px;margin:10px auto 0}.step-ul{margin:0 auto}.step-li{position:relative;width:84px;height:84px;padding:36px 6px 5px;margin-left:1px;border:1px solid gray;line-height:1;font-weight:700;color:#000;z-index:0}.step-li,.step-li:before{display:inline-block;font-size:14px;text-align:center}.step-li:before{content:"";width:30px;height:30px;background-color:#000;color:#fff;padding:8px 5px 3px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;position:absolute;top:-5px;left:-4px}.step-li.one:before{content:"1"}.step-li.two:before{content:"2"}.step-li.three:before{content:"3"}.step-li.four:before{content:"4"}.step-li:after{content:"";display:block;width:84px;height:84px;overflow:hidden;position:absolute;bottom:0;right:0;z-index:-1}.step-li.one:after{background:url(../images/icon-step1.png)no-repeat 0 0;background-size:100% auto}.step-li.two:after{background:url(../images/icon-step2.png)no-repeat 0 0;background-size:100% auto}.step-li.three:after{background:url(../images/icon-step3.png)no-repeat 0 0;background-size:100% auto}.step-li.four:after{background:url(../images/icon-step4.png)no-repeat 0 0;background-size:100% auto}.fee-dl{width:100%}.fee-dt{float:left;width:45%;color:#fff;background-color:#d02579;vertical-align:middle;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;text-align:center}.fee-dd,.fee-dt{height:2em;padding:0 5px;line-height:2em;font-size:1pc}.fee-dd{width:60%;margin-left:40%;margin-bottom:10px}.user-li{padding:10px 5px;position:relative;letter-spacing:.5px;text-align:justify}.user-li>span{text-align:right;margin-top:5px}.user-li-img:before{content:"\f007";display:inline-block;width:20px;height:20px;font-family:FontAwesome;color:#d02579;text-align:center}.user-ul.row{margin:0;border-bottom:1px solid #f2f2f2}.user-ul.row>.user-li-img{padding-left:0;padding-top:10px;padding-right:5px;color:#d02579;white-space:nowrap;font-size:13px}
/* **************************************************
faq
************************************************** */
.faq-dl{position:relative}.faq-dt{padding:10px 0;letter-spacing:1px}.faq-dt:before{content:"Q";width:30px;height:30px;padding:7px 9px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background-color:#000;color:#fff;font-size:18px;margin:10px 5px}.faq-dd{margin:10px 0;padding:0 0 25px 40px;letter-spacing:1px;position:relative;border-bottom:1px solid #f2f2f2;text-align:justify}.faq-dd:before{content:"A";width:30px;height:30px;display:block;padding:2px 9px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background-color:#d02579;color:#fff;font-size:18px;position:absolute;top:0;left:6px}
/* **************************************************
about
************************************************** */
.about-wrap{margin:5px;background-color:#fff;padding:10px;margin-bottom:10px}.about-ol{width:100%}.about-li{position:relative;padding:0 0 10px 35px;letter-spacing:1px;text-align:justify}.about-li:before{content:"";width:30px;height:30px;display:inline-block;margin-right:5px;background-color:#000;color:#fff;font-weight:400;padding:6px 5px 3px;text-align:center;font-family:FontAwesome;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;transform:rotate(-15deg);-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);position:absolute;top:2px;left:0}.about-li.sphone:before{content:"\f10b";font-size:2pc}.about-li.lock:before{content:"\f023";font-size:24px}.about-li.volume:before{content:"\f028";font-size:24px}.about-li.video:before{content:"\f03d";font-size:21px}.about-li.safety:before{content:"\f004";font-size:21px}.about-dl{width:100%}.about-dt{color:#d02579;border-bottom:1px solid #d02579;padding:5px;text-align:center;font-weight:700;font-size:14px;letter-spacing:1px}.about-dd{padding:10px 0;min-height:140px;letter-spacing:1px;text-align:justify}.about-dd:after{content:"\f103";display:block;width:100%;height:40px;font-family:FontAwesome;font-size:30px;text-align:center}.about-dd.last:after{content:"";display:none}.img-about{float:left;padding:0 5px 5px 0}
/* **************************************************
reward
************************************************** */
.reward-dl{width:100%}.reward-dt{float:left;width:38%;color:#fff;background-color:#d02579;vertical-align:middle;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;text-align:center}.reward-dd,.reward-dt{height:2;padding:0 5px;line-height:2em;letter-spacing:1px}.reward-dd{width:60%;margin-left:40%;margin-bottom:10px}.reward-dd-img{min-height:135px;text-align:justify}.img-reward{float:left;padding:0 5px 5px 0}.title-reward{display:block;padding:10px 0;font-weight:700;font-size:18px;color:#1779cf;color:#d02579;position:relative}.title-reward:before{content:"";display:inline-block;width:30px;height:30px;font-family:FontAwesome;background-color:#d02579;color:#fff;padding:6px 5px 3px;margin-right:10px;text-align:center;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.title-reward.sphone:before{content:"\f10b";font-size:26px;padding:1px 5px 3px;transform:rotate(-15deg);-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg)}.title-reward.envelope:before{content:"\f0e0"}.title-reward.volume:before{content:"\f028"}.title-reward.pen:before{content:"\f040"}.title-reward.chip:before{content:"\f1c0"}.title-reward.video:before{content:"\f03d"}.reward-h3{width:100%;height:2;padding:0 10px;line-height:2em;color:#fff;background-color:#d02579;vertical-align:middle;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;letter-spacing:1px}.reward-p{padding:10px 5px;letter-spacing:1px;text-align:justify}
/* **************************************************
compare
************************************************** */
.content-wrap.bg-gray{background-color:#ececec}.compare-dl{width:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin-bottom:15px}.compare-dt-name{flex:1 0 100%;border-left:7px solid #d02579;padding:2px 10px;margin-bottom:10px}.compare-dt-name.vivo{font-size:1.2em}.compare-dt{flex:1 0 33%;height:2;margin-bottom:10px;padding:0 5px;line-height:2em;color:#fff;font-weight:400;background-color:#d02579;vertical-align:middle;border-radius:20px;text-align:center;letter-spacing:1px}.compare-dt.bg-blue{background-color:#1779cf}.compare-dd{flex:1 0 67%;padding:0 0 0 5px}.compare-dd,.compare-dd.short-dd{height:auto;line-height:1.2em;margin-bottom:10px;letter-spacing:1px}.compare-dd.short-dd{flex:1 0 8em;padding:0 5px}.compare-dd-rate{flex:1 0 calc(67% - 8em);height:auto;margin-bottom:10px;align-self:auto}.compare-dd-rate.middle{margin-left:33%;padding:0 5px;margin-bottom:10px;margin-top:-9px}.compare-dd-rate.clearfix{margin-left:36%;margin-bottom:30px}.compare-dd>span{letter-spacing:.03em}.burst-star{background:#4bcc31;width:70px;height:70px;position:relative;text-align:center;z-index:0;display:flex;justify-content:center;align-items:center;line-height:1;font-size:1.4em;transform:rotate(5deg);margin-right:auto}.burst-star:after,.burst-star:before{content:"";position:absolute;top:0;left:0;height:70px;width:70px;background:#4bcc31;z-index:-1}.burst-star:before{transform:rotate(30deg)}.burst-star:after{transform:rotate(60deg)}.burst-span{color:#ff0}.burst-low{display:inline-block;background:#4bcc31;text-align:center;color:#fff;border-radius:3px;padding:3px 5px}.img-compare{float:left;margin:10px 5px 5px 0}.img-compare-right{float:right;margin:10px 0 0 5px}.compare-p{padding:10px 0;text-align:justify;letter-spacing:.04em}
/* **************************************************
accordion
************************************************** */
.btn-open{display:block;padding:9pt 10px;background:#fff;letter-spacing:1px;border:1px solid #d02579;font-size:1pc;text-align:center;color:#d02579;overflow:hidden;position:relative;-webkit-transition:.3s all;transition:.3s all}.btn-open:active,.btn-open:hover{color:#fff;background:transpalent;padding:9pt 10px;text-shadow:none;box-shadow:none;outline:0}.acc-div input:checked~label>.btn-open,.btn-open:hover{color:#fff;background-color:#d02579}.acc-div label>.btn-open:hover span:after{color:#fff}.acc-div label>.btn-open span:after{content:'\f105';color:#d02579}.acc-div input:checked~label>.btn-open span:after,.acc-div label>.btn-open span:after{position:absolute;top:50%;right:0;margin-top:-30px;font-family:FontAwesome;padding:17px 15px;text-align:center;display:inline-block;vertical-align:middle;background:transparent;text-shadow:none}.acc-div input:checked~label>.btn-open span:after{content:'\f107';color:#fff}.acc-div>label{width:100%;display:block;margin-bottom:0}.acc-div>input{display:none}.acc-div .acc-div-inner{height:0;overflow:hidden;-webkit-transition:all .8s;transition:all .8s;-webkit-opacity:0;opacity:0}.acc-div input:checked~.acc-div-inner{height:auto;display:block;-webkit-opacity:1;opacity:1}.acc-div{margin-bottom:10px}.label-acc-one>.btn-bottom{color:#aaa}.link-ul{border:1px solid #ccc}.link-ul li{position:relative;display:block;padding:5px 10px;color:#aaa}.link-ul li a:after{content:'\f105';position:absolute;top:50%;right:0;margin-top:-25px;font-family:FontAwesome;padding:17px 15px;text-align:center;display:inline-block;vertical-align:middle;background:transparent;text-shadow:none;color:#ccc}
/* **************************************************
media
************************************************** */
.media_zentai{text-align:left;display:block;position:relative}.media_zentai h1{font-size:21px;font-weight:500;color:#000;border-bottom:4px solid #ff7cb4;padding-bottom:10px;padding:20px 10px 10px 41px;margin-bottom:0;margin-top:20px}.media_zentai h1 :before{content:"●";color:#ff7cb4;font-size:1pc;position:absolute;margin-left:-185px;top:24px}.media_zentai h1 span{font-size:9pt;font-weight:200;color:#777}.media_zentai h3 span{color:#ff7cb4}.midashi_2020_02 :after{content:"new";margin-left:90pt;color:#fff;background:#d02579;padding:2px 9pt;font-size:9pt;position:absolute;border-radius:4px}.media_nakami h3{font-size:1pc;font-weight:700;margin-bottom:0;margin-bottom:10px;margin-top:10px}.media_nakami p span{color:#ff7cb4;font-weight:700}.media_nakami{padding:20px 40px;border-bottom:1px dotted;position:relative}.media-link{color:#00f}.media-link:visited{color:navy}.media-link:hover{color:red}.media-link:active{color:#ff8000}
/* **************************************************
spchatlady
************************************************** */
.spchat-p{letter-spacing:1px;text-align:justify;min-height:140px}.img-spchat{float:left;padding:0 10px 5px 0;min-height:140px}.img-spchat-right{float:right;padding:0 0 5px 10px;min-height:140px}
/* **************************************************
mailex
************************************************** */
.img-mailex { float: left; padding: 0 5px 5px 0; margin-bottom: 15px; } .mailex-p { /*padding: 10px 5px;*/ min-height: 140px; letter-spacing: 1px; line-height: 1.4; text-align: justify; }
/* **************************************************
agreement privacy
************************************************** */
.common-dt { width: 100%; height: 30px; padding: 6px 10px; margin-bottom: 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid #d02579; color: #d02579; font-weight: normal; letter-spacing: 1px; font-size: 12px; } .common-dd { line-height: 1.4em; letter-spacing: 1px; text-align: justify; } .decimal { margin-left: -15px; }
/* **************************************************
footer
************************************************** */
.footer { background-color: #f2f2f2; } .copy { padding: 10px 0; text-align: center; }
/* **************************************************
breadcrumb
************************************************** */
.breadcrumb { margin: 0px 0 0; padding: 0; list-style: none; background-color: #f2f2f2; border-radius: 0px; border-top: none; } .breadcrumb>li { position: relative; font-size: 12px;} .breadcrumb>li.top a { display: inline-block; padding: 8px 1px; color: #ff7cb4; } .breadcrumb li.top:before { padding: 0px 0px 0px 5px; color: #ff7cb4; content: "\f015"; font-family: 'fontAwesome'; } .breadcrumb>li.active { padding: 8px 1px; background-color: #f2f2f2; color: #000000; font-weight: normal; position: relative; z-index: 0; } .breadcrumb>li>a>span { color: #ff7cb4; }/* **************************************************
btn
************************************************** */
.btn-wrap { margin: 10px; position: relative; } .btn-regist { color: white; background-color: #F85E00; font-size: 18px; letter-spacing: 2px; line-height: 3em; font-weight: bold; position: relative; border-radius: 6px; } .btn-regist:hover, .btn-regist:focus, .btn-regist:active, .btn-regist.active, .open .dropdown-toggle.btn-regist { color: white; background-color: #e65802; border-radius: 6px; } .btn-link { color: #fff; background-color: #d02579; border: 1px solid #d02579; } .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link { color: white; background-color: #bf226f; text-decoration: none; } /* white-red */ .btn-wred { color: #d02579; background-color: #fff; border: 1px solid #d02579; } .btn-wred:hover, .btn-wred:focus, .btn-wred:active, .btn-wred.active, .open .dropdown-toggle.btn-wred { color: white; background-color: #d02579; } /* chevron-right */ .btn-wred:after, .btn-link:after, .btn-regist:after { content: "\f105"; display: inline-block; vertical-align: middle; text-align: center; font-family: 'FontAwesome'; font-size: 18px; letter-spacing: 2px; position: absolute; top: 11%; right: 5px; } .btn-blue.no:after, .btn-wred.no:after, .btn-link.no:after, .btn-regist.no:after { content: ""; display: none; } /* オレンジ */ .btn-orange { padding: 12px 20px; color: #fff; background-color: #ff8042; } .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange { color: #fff; background-color: #f47a3e; } /* 青 */ .btn-blue { padding: 16px 20px; color: #fff; background-color: #1779CF; } .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue { color: #fff; background-color: #0c62ad; } /* chevron-right */ .btn-blue:after { content: "\f105"; display: inline-block; vertical-align: middle; text-align: center; font-family: 'FontAwesome'; font-size: 18px; letter-spacing: 2px; position: absolute; top: 30%; right: 5px; }
/* **************************************************
badgge
************************************************** */
.badge.black { width: 100%; color: #fff; background-color: #000; padding: 10px 8px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 21px; letter-spacing: 1px; } .badge.blue { width: 100%; color: #fff; background-color: #1779CF; padding: 10px 8px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 21px; letter-spacing: 1px; }
/* **************************************************
signupform
************************************************** */
/*（トップのテキストバナー）*/
.signup-figure { position: relative; } .signup-reg_present { position: absolute; top: 20%; left: 19%; display: block; line-height: 1.8em; } .signup-reg_present span { background: linear-gradient(transparent 73%, #ff9999 50%); padding: 0 6px; font-weight: bold; } @media (min-width: 721px) { .signup-reg_present { font-size: 2.8rem; } .signup-reg_present span { font-size: 4.0rem; } } @media (max-width: 720px) { .signup-reg_present { font-size: 3.9vw; } .signup-reg_present span { font-size: 5.2vw; } }
/* **************************************************
form
************************************************** */
/*
入力形式
input[type="datetime"]
input[type="datetime-local"]
input[type="date"]
input[type="month"]
input[type="time"]
input[type="week"]
input[type="url"]
input[type="color"]
*/
.flat input[type="text"], .flat input[type="text"]:hover, .flat input[type="text"]:focus, .flat input[type="text"]:active, .flat input[type="password"], .flat input[type="password"]:hover, .flat input[type="password"]:focus, .flat input[type="password"]:active, .flat input[type="email"], .flat input[type="email"]:hover, .flat input[type="email"]:focus, .flat input[type="email"]:active, .flat input[type="tel"], .flat input[type="tel"]:hover, .flat input[type="tel"]:focus, .flat input[type="tel"]:active, .flat input[type="number"], .flat input[type="number"]:hover, .flat input[type="number"]:focus, .flat input[type="number"]:active, .flat select, .flat select:hover, .flat select:active, .flat select:focus, .flat textarea, .flat textarea:hover, .flat textarea:active, .flat textarea:focus { outline: none; -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -ms-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } input[type=text]::selection, input[type=password]::selection, input[type="email"]::selection, input[type="tel"]::selection, input[type="number"]::selection, textarea::selection { color: black !important; background-color: white !important; } input[type=text]::-moz-selection, input[type=password]::-moz-selection, input[type="email"]::-moz-selection, input[type="tel"]::-moz-selection, input[type="number"]::-moz-selection, textarea::-moz-selection { color: black !important; background-color: white !important; } .flat input[type="text"], .flat input[type="password"], .flat input[type="email"], .flat input[type="tel"], .flat input[type="number"], .flat textarea { border: 2px solid #ccc; background-color: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .flat input[type="text"] { line-height: 2em; } .flat textarea { line-height: 1.4em; padding: 5px; } .flat input[type="text"]:hover, .flat input[type="text"]:focus, .flat input[type="text"]:active, .flat input[type="password"]:hover, .flat input[type="password"]:focus, .flat input[type="password"]:active, .flat input[type="email"]:hover, .flat input[type="email"]:focus, .flat input[type="email"]:active, .flat input[type="tel"]:hover, .flat input[type="tel"]:focus, .flat input[type="tel"]:active, .flat input[type="number"]:hover, .flat input[type="number"]:focus, .flat input[type="number"]:active, .flat textarea:hover, .flat textarea:active, .flat textarea:focus { border: 2px solid #808080; } .flat select { display: inline-block; position: relative; border: 2px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -ms-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: .01px; text-overflow: ''; padding-left: 5px; color: black; cursor: pointer; background-color: white; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMxNzQwOUIyN0MzMzExRTM5MDg4RTA0NEFEMTY3RkE4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMxNzQwOUIzN0MzMzExRTM5MDg4RTA0NEFEMTY3RkE4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUEyM0E2RjU3QzMyMTFFMzkwODhFMDQ0QUQxNjdGQTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUEyM0E2RjY3QzMyMTFFMzkwODhFMDQ0QUQxNjdGQTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7yNpRUAAAA60lEQVR42mL8//8/AzJgZGRE4Wd01IoLfvyz4D0/S8KMiuaXyHLoesH68RlY1VDN8//nv2NApi4QX2ZkZ7Jqa2j9gs9AJgYcAGrYNqhhIKAL4oPEGfAArAZuXOTDDNS8FMi0RZOyBYmD5Ik28N6Ta4wnruvOBzL9cOjxA8mD1BFl4Oypi7uBVCwDfhALVUdapBACJEUKuYAFXaCysrIHSBUTobcXiEsIurC9vR2kaCkBw5amZseWEp1sLDQvxwOpTTgM2wSSV5LR+k+0gf5xW/4Cc0U0kHkYTeowSBwkj8vpVM96jNQuHAACDACG0nsq+kmFEwAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: right center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .flat select:hover, .flat select:active, .flat select:focus { background-color: #222; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMxNzQwOUI2N0MzMzExRTM5MDg4RTA0NEFEMTY3RkE4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMxNzQwOUI3N0MzMzExRTM5MDg4RTA0NEFEMTY3RkE4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzE3NDA5QjQ3QzMzMTFFMzkwODhFMDQ0QUQxNjdGQTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzE3NDA5QjU3QzMzMTFFMzkwODhFMDQ0QUQxNjdGQTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6O/uTLAAAAlklEQVR42mL4//8/AzJGB0AxcSDeDqKxyGFgBnwGAvn8QHzpPwSAaH6yDQSyuYD44H9UAOJzkWwgkGYG4o3/sQOQODPRBt57co0RSC/+jx8shqojbCAQ9/wnDvRgM5ARPSIYGRkZiAXYUgUTA5UBExZbifYyTmdjiWXqRQrVkw2BhH2YrIRNk6yHpEkSWjhIElM4AAQYAK4ffpUgMbk4AAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: right center; border: 2px solid #ccc; color: white; } .flat option { color: red; background-color: white; } .flat input[type="radio"] { float: none; -webkit-appearance: none; -moz-appearance: none !important; appearance: none; text-indent: .01px; text-overflow: ''; width: 18px; height: 18px; border: 2px solid #ccc; border-radius: 18px; background: #fff; display: inline-block; margin: 0 5px 0 0; vertical-align: inherit; } .flat input[type="radio"]:hover, .flat input[type="radio"]:focus, .flat input[type="radio"]:active { border: 2px solid #808080; opacity: 1; } .flat input[type="checkbox"] { float: none; -webkit-appearance: none; -moz-appearance: none !important; appearance: none; text-indent: .01px; text-overflow: ''; width: 18px; height: 18px; border: 2px solid #ccc; border-radius: 2px; background: #fff; display: inline-block; margin: 0px 3px 0 0; position: relative; vertical-align: inherit; } .flat input[type="checkbox"]:hover, .flat input[type="checkbox"]:focus { border: 2px solid #ccc; } .flat label { display: inline-block; font-weight: normal; cursor: pointer; margin: 0 10px 0 0; } .flat label.label-file { font-weight: normal; position: relative; background-color: #808080; color: #fff; padding: 3px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .flat label.label-file:hover { background-color: #808080; } .flat input[type="file"].none-file { position: absolute; width: 300px; top: 30px; opacity: 0; background-color: red; } .flat label.flat-label:hover input[type="radio"]:active, .flat label.flat-label:hover input[type="radio"]:checked, .flat input[type="radio"]:active, .flat input[type="radio"]:checked, .flat label.flat-label:hover input[type="checkbox"]:active, .flat label.flat-label:hover input[type="checkbox"]:checked, .flat input[type="checkbox"]:active, .flat input[type="checkbox"]:checked { background-color: #000; border: 2px solid #000; }
/* **************************************************
regist
************************************************** */
.reg-dt { padding: 3px 5px; color: #d02579; border-bottom: 1px dotted #d02579; letter-spacing: 1px; font-weight: normal; position: relative; } .reg-dd { margin-top: 10px; } .reg-dd>label { padding: 10px 0; } .reg-dd>.reg-birth { width: 29%; } .reg-dd>.reg-birth>select { width: 80%; padding-top: 5px; padding-bottom: 5px; } .reg-privacy-dt { margin-bottom: 5px; padding: 5px; background-color: #d02579; color: #fff; } .reg-dd>input[type="text"], .reg-dd>input[type="tel"], .reg-dd>textarea, .reg-dd>.reg-text { width: 100%; } .reg-dd>label.reg-pref, .reg-dd select.pref { width: 100%; padding-top: 5px; padding-bottom: 5px; margin: 0; } .reg-p { font-size: 13px; line-height: 1.3em; text-align: justify; } .upimg { display: block; width: 100%; height: 350px; margin: 20px auto 10px auto; background-size: cover; background-repeat: none; }

/* style-sp-vivo_re.css */
.body_re { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: inherit; line-height: 1.4em; font-family: 'Noto Sans JP', sans-serif, " Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #FFFFFF; font-size: 14px; } .layout_re { position: relative; top: 0; left: 0; margin: 0 auto; width: 100%; max-width: 728px; height: auto !important; height: 100%; } .breadcrumb>li.active { padding: 8px 1px; background-color: #f2f2f2; color: #333333; font-weight: normal; position: relative; z-index: 0; } .breadcrumb>.active { color: #333333; }
/*****************************パンくず*******************************/
a-otf-midashi-go-mb31-pr6n, sans-serif .breadcrumb_re {margin: 0px 0 0; padding: 0; list-style: none; background-color: #ffffff; border-radius: 0px; border-top: none; }
.breadcrumb_re>li { position: relative; } .breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb_re>li { display: inline-block; } .breadcrumb_re li.top:before { padding: 0px 5px; color: #d02579; content: "\f015"; font-family: 'fontAwesome'; } .breadcrumb_re>li.top a { display: inline-block; padding: 8px 5px; color: #d02579; } .breadcrumb_re>li>a>span { color: #d02579; } .breadcrumb_re>li.active { padding: 8px 5px; background-color: #ffffff; color: #333333; font-weight: bold; position: relative; z-index: 0; } .breadcrumb_re>.active { color: #777; }
/*****************************パンくずおわり*******************************/
.label { display: inline; padding: 2px 8px; font-weight: bold; color: #fff; vertical-align: middle; border-radius: .25em; margin-bottom: 3px; font-size: 12px; margin-top: 1px; } .h1_re { font-weight: 600; font-size: 18px; line-height: 1.3; text-align: center; color: #6c6c6c; padding-bottom: 0; } .h1_re img { display: inline-block; position: absolute; top: -22px; left: -15px; width: 80px; height: auto; } .h3_titl_re { padding-left: 10px; font-size: 20px; font-weight: bold; color: #FF7CB4; border-left: solid 5px #C3C3C3; padding-left: 10px; margin-left: 5px; } .h3_titl_re p { border: 1px solid #C3C3C3; width: 100%; } .top_img_re { position: relative; width: 100%; height: 370px; } .top_img_re_vvaff { position: relative; width: 100%; height: 100%; } .img-retina_re { left: 20vw; width: 100%; height: 100%; object-fit: cover; object-position: 80% 0% } .title-md_re { margin-bottom: 0; padding: 12px 0px; background-color: #A7A7A7; color: #FFFFFF; font-size: 14px; text-align: center; letter-spacing: 1px; position: relative; } .btn-regist_re { color: white; background-color: #FF7CB4; font-size: 18px; letter-spacing: 2px; line-height: 3em; font-weight: bold; position: relative; border-radius: 32px; background: #ff7cb4; filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); }
@media (min-width: 320px) { .btn-regist_re { font-size: calc(18px + ((1vw - 3.2px)*2.450)); } } @media (min-width: 728px) { .btn-regist_re { font-size: 28px; } } .btn-regist_re2 { color: white; font-size: 18px; letter-spacing: -0.03em; line-height: 1em; font-weight: bold; position: relative; border-radius: 32px; background: #D99EF8; font-family: 'Noto Sans JP', sans-serif; padding: 15px 0; filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); } @media (min-width: 320px) { .btn-regist_re2 { font-size: calc(18px + ((1vw - 3.2px)*2.450)); } } @media (min-width: 728px) { .btn-regist_re2 { font-size: 28px; } } .btn-regist_re3 { color: white; font-size: 16px; letter-spacing: -0.03em; line-height: 3em; font-weight: bold; position: relative; border-radius: 32px; background: #D99EF8; font-family: 'Noto Sans JP', sans-serif; filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); } @media (min-width: 320px) { .btn-regist_re2 { font-size: calc(16px + ((1vw - 3.2px)*2.450)); } } @media (min-width: 728px) { .btn-regist_re2 { font-size: 26px; } } .btn-wrap_re { margin: 15px 25px; position: relative; } .btn-wrap_re2 { margin: 15px 25px; position: relative; } .btn-wrap_re3 { margin: 15px 0px; position: relative; } .box1_re { margin: 50px 40px 10px 40px; position: relative; } .h3_re { font-weight: bold; font-size: 18px; letter-spacing: -0.03em; line-height: 42px; text-align: center; color: #6c6c6c; padding-bottom: 0; } @media (min-width: 320px) { .h3_re { font-size: calc(18px + ((1vw - 3.2px)*2.450)); } } @media (min-width: 728px) { .h3_re { font-size: 28px; } } .box1_re p { font-weight: normal; font-size: 12px; line-height: 20px; text-align: left; color: #3b4043; } .yohaku_re { margin: 70px 0px; } .mokuzi_re { text-align: center; } .mokuzi_re img { width: 131px; height: 30px; } .mokuzi_re p { margin-top: 20px; } .mokuzi_re ul { list-style: none; text-align: center; padding: 0px; } .mokuzi_re li { margin: 10px 0px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-size: 16px; line-height: 48px; text-align: center; color: #3b4043; } .h2_re { text-align: center; width: 80%; margin-left: auto; margin-right: auto; } .h2_re img { width: 100%; } .vivotte_dodai_re { position: relative; display: inline-block; width: auto; height: auto; border-radius: 20px; background: #fff; border: 5px solid #f0f3f5; opacity: 0.8; margin: 0 40px; } .text-vivotte_re { padding: 35px; left: 50%; top: 50%; font-family: "Hiragino Kaku Gothic ProN"; font-weight: normal; font-size: 14px; line-height: 25px; text-align: left; color: #3b4043; text-align: justify; } .text-vivotte_re2 { padding: 20px; left: 50%; top: 50%; font-family: "Hiragino Kaku Gothic ProN"; font-weight: normal; font-size: 14px; line-height: 20px; text-align: left; color: #3b4043; } .line_re1 { padding-bottom: 10px; border-bottom: 1px dashed #3b4043; padding-bottom: 20px; } .marker_re { background-image: linear-gradient(transparent 60%, #FF7CB4 0); } .img-fukidasi_re_a { position: absolute; display: inline-block; left: 50%; top: 0; width: 50%; } .img-fukidasi_re_b { position: absolute; display: inline-block; left: 50%; top: 37%; width: 50%; } .img-fukidasi_re_c { position: absolute; display: inline-block; left: 50%; top: 72%; width: 50%; } .job_nagare_conte { position: relative; width: 100%; height: 650px; } .job_nagare1 { position: relative; width: 300px; margin-left: auto; margin-right: auto; top: -20px; } .job_nagare2 { position: absolute; top: 45%; left: 45%; transform: translate(-50%, -50%); width: 207px; height: 173.36px; } .job_nagare3 { position: absolute; top: 75%; left: 45%; transform: translate(-50%, -50%); width: 207px; height: 173.36px; } .content-wrap_re { background-color: #fff; padding: 40px; } .content-wrap_re p { color: #707070; text-align: justify; } .konnafu_cont_re { display: block; margin-bottom: 30px; } .konnafu_gazo_re { position: relative; width: 100%; height: 100px; display: inline-block; } .gazo_naka_re img { width: 100%; height: 100%; border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0); } .konnafu_midasi_re { position: absolute; left: 25vw; height: 100px; display: inline-block; border-bottom: dashed 1px #333; padding-bottom: 10px; width: 70%; } .konnafu_midasi_re img { display: inline-block; } .konnafu_midasi_re ul { text-align: center; padding: 5px 2px 5px 0px; list-style: none; display: inline-block; position: relative; top: 35%; } .konnafu_midasi_re li { list-style: none; } p { margin: 0 0 0 0; } .konnafu_text_re { display: inline-block; list-style: none; font-family: "Hiragino Kaku Gothic ProN"; font-weight: normal; font-size: 14px; line-height: 25px; text-align: left; color: #707070; text-align: justify; } /*.konnafu_midasi_re li spanのvwサイズの最小・最大値の設定*/ .konnafu_midasi_re li span { font-size: 19px; } @media (min-width: 320px) { .konnafu_midasi_re li span { font-size: calc(19px + ((1vw - 3.2px)*4.166)); } } @media (min-width: 728px) { .konnafu_midasi_re li span { font-size: 36px; } } /*.konnafu_midasi_re li spanのvwサイズの最小・最大値の設定の終わり*/ /*.miku_li_reのサイズの最小・最大値の設定*/ .miku_li_re { font-size: 12px; color: #E3DB7F; } @media (min-width: 320px) { .miku_li_re { font-size: calc(12px + ((1vw - 3.2px)*2.450)); } } @media (min-width: 728px) { .miku_li_re { font-size: 22px; } } /*.miku_li_reのvwサイズの最小・最大値の設定の終わり*/ /*.konnafu_midasi_re:beforeのサイズの最小・最大値の設定*/ .konnafu_midasi_re:before { content: ""; display: inline-block; background-image: url(../images/mic_re.png); width: 40px; height: 40px; background-size: contain; vertical-align: middle; margin-top: 10px; } @media (min-width: 320px) { .konnafu_midasi_re:before { height: calc(40px + ((1vw - 3.2px)*7.352)); } } @media (min-width: 728px) { .konnafu_midasi_re:before { height: 70px; } } @media (min-width: 320px) { .konnafu_midasi_re:before { width: calc(40px + ((1vw - 3.2px)*7.352)); } } @media (min-width: 728px) { .konnafu_midasi_re:before { width: 70px; } } /*.konnafu_midasi_re:beforeのサイズの最小・最大値の設定の終わり*/ /*.gazo_naka_reのサイズの最小・最大値の設定*/ .gazo_naka_re { display: inline-block; position: absolute; top: 0; left: 0; width: 70px; height: 70px; } @media (min-width: 320px) { .gazo_naka_re { height: calc(70px + ((1vw - 3.2px)*7.352)); } } @media (min-width: 728px) { .gazo_naka_re { height: 100px; } } @media (min-width: 320px) { .gazo_naka_re { width: calc(70px + ((1vw - 3.2px)*7.352)); } } @media (min-width: 728px) { .gazo_naka_re { width: 100px; } } /*.gazo_naka_reのvwサイズの最小・最大値の設定の終わり*/ .konnafu_gazo_re { position: relative; width: 100%; height: 70px; display: inline-block; } @media (min-width: 320px) { .konnafu_gazo_re { height: calc(70px + ((1vw - 3.2px)*7.352)); } } @media (min-width: 728px) { .konnafu_gazo_re { height: 100px; } } .konnafu_midasi_re { position: absolute; left: 70px; height: 70px; display: inline-block; border-bottom: dashed 1px #333; padding-bottom: 10px; width: 70%; } @media (min-width: 320px) { .konnafu_midasi_re { height: calc(70px + ((1vw - 3.2px)*7.352)); left: calc(70px + ((1vw - 3.2px)*7.352)); width: calc(70% + ((1vw - 3.2px)*7.352)); } } @media (min-width: 728px) { .konnafu_midasi_re { height: 100px; left: 100px; width: 100%; } } .konnafu_bggl_re { position: relative; margin: 90px 15px 15px 15px; padding: 15px; background: #EDEDED; } .konnafu_bggl_re h3 { text-align: center; font-size: 14; font-weight: bold; } @media (min-width: 320px) { .konnafu_bggl_re h3 { font-size: calc(14px + ((1vw - 3.2px)*2.941)); } } @media (min-width: 728px) { .konnafu_bggl_re h3 { font-size: 26px; } } .konnafu_bggl_re p { text-align: center; font-size: 12; } @media (min-width: 320px) { .konnafu_bggl_re p { font-size: calc(12px + ((1vw - 3.2px)*0.245)); } } @media (min-width: 728px) { .konnafu_bggl_re p { font-size: 13px; } } .kakko_re1 img { position: absolute; top: -28px; left: -33px; } .kakko_re2 img { position: absolute; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top: -28px; left: 94%; } .kakko_re3 img { position: absolute; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: 86%; left: 94%; } .kakko_re4 img { position: absolute; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); top: 86%; left: -33px; } .ninki_top_re { display: block; position: relative; text-align: center; } .itirannhyou_re { position: relative; display: inline-block; text-align: center; width: 80%; height: auto; border-radius: 8px; background: transparent; border: 1px solid #c3c3c3; padding: 10px; } .itirannhyou_naka_re { display: inline-block; width: 100%; height: auto; border-radius: 8px; background: #fff; border: 2px solid #dbdbdb; opacity: 0.8; filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); } .itirannhyou_naka_re p { padding: 30px 15px; line-height: 25px; text-align: justify; color: #707070; } .itirannhyou_naka_re li { list-style: none; } .itirannhyou_naka_re dl { padding: 10px; } th { background: #e9727e; border: solid 1px #ccc; color: #fff; padding: 10px; } td { border: solid 1px #ccc; padding: 20px; } table { margin: 0; } .tbl-r05 td:first-child { background: #ffffff; } .tbl-r05 { width: 100%; } .tbl-r05 .thead { display: none; } .tbl-r05 tr { width: 100%; text-align: center; } .tbl-r05 td { /*height:60px;*/ display: block; text-align: right; width: 100%; background: #FDFCED; font-size: 14px } @media (min-width: 320px) { .tbl-r05 td { font-size: calc(14px + ((1vw - 3.2px)*0.980)); } } @media (min-width: 728px) { .tbl-r05 td { font-size: 18px; } } .tbl-r05 td:first-child { background: #ffffff; font-weight: bold; text-align: center; } .tbl-r05 td:before { content: attr(data-label); float: left; font-weight: 500; margin: 0; } .tbl-r05 td span { margin: 0; } .point00_conte_re { display: inline-block; width: 80%; margin: 50px 0 10px 0; text-align: left; } .point00_h3_re { display: block; position: relative; } .point00_h3_re h3 { display: inline-block; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-size: 14px; line-height: 25px; text-align: left; color: #3b4043; margin-bottom: 10px; } @media (min-width: 320px) { .point00_h3_re h3 { font-size: calc(15px + ((1vw - 3.2px)*2.450)); } } @media (min-width: 728px) { .point00_h3_re h3 { font-size: 25px; } } .point00_h3_re p { display: inline-block; position: absolute; top: 0; left: -15px; -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); font-size: 30px; color: #FF7CB4; opacity: 0.3; font-family: 'Great Vibes', cursive; } .point00_h3_re p span { font-size: 32px; } .tyuuou_re { text-align: center; display: block; } .yello-line { background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(0%, #E3DB7F)); background: -webkit-linear-gradient(transparent 90%, #E3DB7F 0%); background: linear-gradient(transparent 90%, #E3DB7F 0%); } .pink-line { background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(0%, #FF7CB4)); background: -webkit-linear-gradient(transparent 90%, #FF7CB4 0%); background: linear-gradient(transparent 90%, #FF7CB4 0%); } .h2_re2 { text-align: center; margin-bottom: 0; } .h2_re2 img { width: 100%; } .point00_h3_re img { display: inline-block; position: absolute; top: -111px; left: 48%; width: 140px; height: auto; } .header-title_re { padding: 10px 2px 10px 10px; display: inline-block; text-align: left; width: 30%; margin: 0; font-size: 100%; } .midasi_yoko_re { display: inline-block; padding: 2px 3px; font-size: 9px; color: #969696; text-align: center; z-index: 1040; width: 55%; } @media (min-width: 320px) { .midasi_yoko_re { font-size: calc(9px + ((1vw - 3.2px)*2.696)); } } @media (min-width: 728px) { .midasi_yoko_re { font-size: 20px; } } .tandoku_bun_re { text-align: left; font-size: 12px; margin: 10px 10px; line-height: 12px; } .tandoku_bun_re span { color: #FF7CB4; } .menuTip-tab_re { position: absolute; top: -41px; right: 10px; display: inline-block; padding: 2px 3px; border-radius: 4px; background-color: transparent; border: none; font-size: 30px; color: #969696; text-align: center; z-index: 1040; } .mini-text { font-size: 20px; } /*文字大きさ*/ ul.bottom-menu { position: fixed; left: 0; bottom: 0; width: 100%; height: 55px; /*高さ*/ margin: 0; padding: 0; background-color: #FF7CB4; /*背景色*/ border-bottom: 2px solid #d66a98; /*バーの下の線*/ z-index: 30; font-weight: bold; } ul.bottom-menu li { text-align: center; margin-top: 10px; } ul.bottom-menu li span:before { content: "\f040"; font-size: 22px; font-family: 'FontAwesome'; color: #FFF; border: 1px solid; border-radius: 22px; padding: 6px 8px; position: relative; top: 2px; margin-right: 10px; } .bottom-menu li a { display: block; color: #FFF; /*アイコン＆文字の色*/ padding-top: 10px; padding-bottom: 5px; line-height: 10px; text-decoration: none; } .bottom-menu li a:hover { color: #a9a9a9; /*マウスオーバー時の色*/ } .text-justify_re { text-align: justify; margin-left: 30px; } .top_ryoukin_tyuusyaku { position: relative; top: 5px; font-size: 13px; color: #ffff00; } .nagare_bgimage_re img { position: absolute; top: -20px; opacity: 0.2; z-index: -1; } .job_nagare1 img { width: 100%; } .video_method { font-size: 12px; font-weight: initial; } .top_gurafu_tyuusyaku { position: relative; top: 15px; font-size: 10px; text-align: center; } @media (min-width: 320px) { .top_gurafu_tyuusyaku { font-size: calc(13px + ((1vw - 3.2px)*0.735)); } } @media (min-width: 728px) { .top_gurafu_tyuusyaku { font-size: 16px; } } .top_gurafu_tyuusyaku2 { position: relative; top: 5px; font-size: 8px; left: 5px; text-align: left; /*color: #FF7CB4;*/ } @media (min-width: 320px) { .top_gurafu_tyuusyaku2 { font-size: calc(8px + ((1vw - 3.2px)*0.735)); } } @media (min-width: 728px) { .top_gurafu_tyuusyaku2 { font-size: 13px; } .top_gurafu_tyuusyaku_re { position: relative; top: 5px; font-size: 8px; text-align: left; } } @media (min-width: 320px) { .top_gurafu_tyuusyaku_re { font-size: calc(8px + ((1vw - 3.2px)*0.735)); } } @media (min-width: 728px) { .top_gurafu_tyuusyaku_re { font-size: 13px; } }

/***************indexの画像のレスポンシブ設定*******************************/
.ansin_img_re { display: block; position: relative; } .ansin_img_re img { display: inline-block; position: absolute; top: -18px; width: 300px; height: auto; margin-left: 0px; left: 10px } @media (min-width: 320px) { .ansin_img_re img { margin-left: calc(0px + ((1vw - 3.2px)*49.019)); } } @media (min-width: 728px) { .ansin_img_re img { margin-left: 200px; } } .hosyuni_img_re { display: block; position: relative; } .hosyuni_img_re img { display: inline-block; position: absolute; top: -10px; width: 300px; height: auto; margin-left: 0px; left: 10px } @media (min-width: 320px) { .hosyuni_img_re img { margin-left: calc(0px + ((1vw - 3.2px)*49.019)); } } @media (min-width: 728px) { .hosyuni_img_re img { margin-left: 200px; } } .nagare_img_re { display: block; position: relative; padding-bottom: 110px; } .nagare_img_re img { display: inline-block; position: absolute; top: -88px; width: 280px; height: auto; margin-left: 0px; } @media (min-width: 320px) { .nagare_img_re img { margin-left: calc(0px + ((1vw - 3.2px)*49.019)); } } @media (min-width: 728px) { .nagare_img_re img { margin-left: 200px; } } .vivotte_img_re { display: block; position: relative; padding-bottom: 110px; } .vivotte_img_re img { display: inline-block; position: absolute; top: -78px; width: 300px; height: auto; margin-left: 10px; } @media (min-width: 320px) { .vivotte_img_re img { margin-left: calc(10px + ((1vw - 3.2px)*49.019)); } } @media (min-width: 728px) { .vivotte_img_re img { margin-left: 210px; } } .title-md_re { margin-bottom: 0; padding: 12px 0px; background-color: #A7A7A7; color: #FFFFFF; font-size: 14px; text-align: center; letter-spacing: 1px; position: relative; } .top_sita_mcre { padding: 12px 0px; background-color: #A7A7A7; color: #FFFFFF; font-size: 14px; text-align: center; letter-spacing: 1px; position: relative; } .maill_re { display: inline-block; } .chat_re { display: inline-block; } .maill_re:before { content: ""; display: inline-block; background-image: url(../images/maill.png); width: 20px; height: 20px; background-size: contain; vertical-align: middle; margin-right: 5px; } .chat_re:before { content: ""; display: inline-block; background-image: url(../images/chat.png); width: 20px; height: 20px; background-size: contain; vertical-align: middle; margin-right: 5px; } .h3_re img { display: inline-block; position: absolute; top: -22px; left: -15px; width: 80px; height: auto; } .point00_text_re { display: block; } .point00_text_re div { display: inline-block; } .point00_text_re p { border-left: solid 5px #C3C3C3; /*左線*/ padding-left: 10px; margin-left: -10px; color: #707070; } .text-vivotte_re span { color: #FF7CB4; } .point00_text_re span { color: #FF7CB4; } .text-vivotte_re2 span { color: #FF7CB4; font-weight: bold; }
/******************    abput    ****************************/
.content-wrap_topsita_re { padding: 20px 0px; width: 80%; margin: auto; } .content-wrap_topsita_re img { width: 100%; } .top_h2_re { position: relative; display: block; font-size: 24px; font-weight: bold; color: #FF7CB4; text-align: left; /*border-left: 3px solid #C3C3C3;*/ padding-left: 5px; margin: 50px 0 0px 40px; } @media (min-width: 320px) { .top_h2_re { font-size: calc(20px + ((1vw - 3.2px)*3.450)); } } @media (min-width: 728px) { .top_h2_re { font-size: 36px; } } .top_h2_re img { position: absolute; width: 270px; top: -53px; left: 0px; opacity: 0.4; } .top_h2_mailex { position: relative; display: block; font-size: 24px; font-weight: bold; color: #FF7CB4; text-align: left; padding-left: 10px; margin: 50px 0 0 0; } @media (min-width: 320px) { .top_h2_mailex { font-size: calc(20px + ((1vw - 3.2px)*3.450)); } } @media (min-width: 728px) { .top_h2_mailex { font-size: 36px; } } .top_h2_mailex img { position: absolute; width: 270px; top: -53px; left: 0px; opacity: 0.4; } .about_nagare_box_re { position: relative; left: 0px; width: 100%; height: auto; margin-right: auto; margin-left: auto; } .about_nagare_box_1_naka_re { position: relative; display: block; margin: 10px 10px; } .about_nagare_box_2_naka_re { position: relative; display: block; margin: 10px 10px; } .about_nagare_box_3_naka_re { position: relative; display: block; margin: 10px 10px; } .about_nagare_box_4_naka_re { position: relative; display: block; margin: 10px 10px; } .about_nagare_box_5_naka_re { position: relative; display: block; margin: 10px 10px; } #nagare_img1 { position: absolute; display: inline-block; top: 0; left: -80px; width: 220px; height: 220px; } #nagare_img2 { position: absolute; display: inline-block; top: 80px; left: 160px; width: 240px; height: 240px; } @media (min-width: 320px) { #nagare_img2 { left: calc(160px + ((1vw - 3.2px)*73.823)); } } @media (min-width: 728px) { #nagare_img2 { left: 460px; } } #nagare_img3 { position: absolute; display: inline-block; top: 60px; left: -80px; width: 220px; height: 220px; } #nagare_img4 { position: absolute; display: inline-block; top: 100px; left: 160px; width: 240px; height: 240px; } @media (min-width: 320px) { #nagare_img4 { left: calc(160px + ((1vw - 3.2px)*73.823)); } } @media (min-width: 728px) { #nagare_img4 { left: 460px; } } #nagare_img5 { position: absolute; display: inline-block; top: 70px; left: -100px; width: 240px; height: 240px; } .about_nagare_box_1_naka_re div { position: absolute; display: inline-block; top: 130px; left: 120px; width: 57%; height: auto; font-size: 21px; font-weight: bold; color: #FF7CB4; line-height: 24px; border-bottom: 3px solid #E3DB7F; padding: 5px 0; } .about_nagare_box_2_naka_re div { position: absolute; display: inline-block; top: 35px; width: 60%; height: auto; font-size: 21px; font-weight: bold; color: #FF7CB4; line-height: 16px; border-bottom: 3px solid #E3DB7F; padding: 5px 13px; } .about_nagare_box_3_naka_re div { position: absolute; display: inline-block; top: 0px; left: 120px; width: 57%; height: auto; font-size: 21px; font-weight: bold; color: #FF7CB4; line-height: 24px; border-bottom: 3px solid #E3DB7F; padding: 5px 0; } .about_nagare_box_4_naka_re div { position: absolute; display: inline-block; top: 45px; width: 63%; height: auto; font-size: 21px; font-weight: bold; color: #FF7CB4; line-height: 24px; border-bottom: 3px solid #E3DB7F; padding: 5px 13px; } .about_nagare_box_5_naka_re div { position: absolute; display: inline-block; top: 30px; left: 130px; width: 55%; height: auto; font-size: 21px; font-weight: bold; color: #FF7CB4; line-height: 24px; border-bottom: 3px solid #E3DB7F; padding: 5px 0; } .about_nagare_box_2_naka_re span { font-size: 8px; } @media (min-width: 320px) { .about_nagare_box_2_naka_re span { font-size: calc(8px + ((1vw - 3.2px)*1.715)); } } @media (min-width: 728px) { .about_nagare_box_2_naka_re span { font-size: 15px; } } .about_nagare_box_1_re { position: relative; height: 450px; } .about_nagare_box_1_re p { display: block; position: relative; top: 230px; margin: 20px; color: #707070; text-align: justify; } .about_nagare_box_2_re { overflow: hidden; position: relative; height: 350px; } .about_nagare_box_2_re p { display: block; position: relative; top: 100px; margin: 20px; width: 45%; color: #707070; text-align: justify; } .about_nagare_box_3_re { position: relative; top: -30px; height: 300px; } .about_nagare_box_3_re p { display: block; position: relative; top: 100px; left: 150px; margin: 20px; width: 45%; color: #707070; text-align: justify; } .about_nagare_box_4_re { overflow: hidden; position: relative; top: -30px; height: 360px; } .about_nagare_box_4_re p { display: block; position: relative; top: 120px; margin: 20px; width: 45%; color: #707070; text-align: justify; } .about_nagare_box_5_re { position: relative; height: 300px; top: -30px; } .about_nagare_box_5_re p { display: block; position: relative; top: 100px; left: 150px; margin: 5px 20px 0px 10px; width: 45%; color: #707070; text-align: justify; } .about_nagare_box_moji_re { overflow: hidden; position: relative; height: auto; } #moji1 { position: absolute; display: inline-block; top: -40px; left: 60px; width: 240px; } #moji2 { position: absolute; display: inline-block; top: -40px; left: 140px; width: 260px; } #moji3 { position: absolute; display: inline-block; top: -70px; left: -40px; width: 260px; } #moji4 { position: absolute; display: inline-block; top: -30px; left: 150px; width: 260px; } #moji5 { position: absolute; display: inline-block; top: -45px; left: -50px; width: 260px; } .about_rast_img_re { overflow: hidden; position: relative; width: 100%; height: 200px; } #rast_img_1 { position: absolute; width: 360px; top: 10px; left: -15px; transform: scale(-1, 1); } #rast_img_2 { position: absolute; width: 140px; top: 20px; left: 180px; } #yazirusi_sita_1 { position: absolute; display: inline-block; top: 430px; left: 50px; width: 30px; } #yazirusi_sita_2 { position: absolute; display: inline-block; top: 260px; left: 170px; width: 30px; } #yazirusi_sita_3 { position: absolute; display: inline-block; top: 280px; left: 120px; width: 30px; } #yazirusi_sita_4 { position: absolute; display: inline-block; top: 270px; left: 180px; width: 30px; } #yazirusi_sita_5 { position: absolute; display: inline-block; top: 220px; left: 170px; width: 30px; }
/*****************************      reword       *******************************/
#reward_girl { position: relative; width: 200px; height: auto; } #housyuu_ryoukinn_re span:before { content: ""; display: inline-block; width: 1em; height: 1em; background: url(/lady/assets/images/reward_housyu.png) no-repeat; background-size: contain; } .itirannhyou_naka_re p span { color: #FF7CB4; } td::before { content: attr(data-label); white-space: pre; font-size: 14px; } #maill_td_data5 { padding-top: 12px; } .content-wrap_re h3 { font-size: 22px; font-weight: bold; color: #FF7CB4; margin: 10px 0 5px 0; } #video_re { font-size: 22px; font-weight: bold; padding-top: 25px; height: 80px; } #video_minutes { text-align: center; font-size: 22px; } #gazo_en { font-size: 20px; } #seisan { text-align: center; font-size: 14px; } #video_re span { position: relative; left: -3px; } @media (min-width: 320px) { #video_re { font-size: calc(18px + ((1vw - 3.2px)*1.960)); } } @media (min-width: 728px) { #video_re { font-size: 26px; } } #video_re:before { content: "\f03d"; font-size: 19px; font-family: 'FontAwesome'; color: #FF7CB4; border: 2px solid; border-radius: 22px; padding: 5px 5.2px; } #vois_re { font-size: 18px; font-weight: bold; height: 70px; } @media (min-width: 320px) { #vois_re { font-size: calc(18px + ((1vw - 3.2px)*1.960)); } } @media (min-width: 728px) { #vois_re { font-size: 26px; } } #vois_re:before { content: "\f130"; font-size: 23px; font-family: 'FontAwesome'; color: #FF7CB4; border: 2px solid; border-radius: 22px; padding: 6px 8.2px; } #maill_re { font-size: 18px; font-weight: bold; height: 80px; } #maill_re span { position: relative; left: -8px; } @media (min-width: 320px) { #maill_re { font-size: calc(18px + ((1vw - 3.2px)*1.960)); } } @media (min-width: 728px) { #maill_re { font-size: 26px; } } #maill_re:before { content: "\f0e0"; font-size: 20px; font-family: 'FontAwesome'; color: #FF7CB4; border: 2px solid; border-radius: 22px; padding: 6.7px 7px; } #gazo_re { font-size: 15px; font-weight: bold; padding-top: 20px; height: 60px; } #gazo_re span { position: relative; left: -2px; } @media (min-width: 320px) { #gazo_re { font-size: calc(15px + ((1vw - 3.2px)*2.696)); } } @media (min-width: 728px) { #gazo_re { font-size: 26px; } } #gazo_re:before { content: "\f03e"; font-size: 20px; font-family: 'FontAwesome'; color: #FF7CB4; border: 2px solid; border-radius: 22px; padding: 7px 6.2px; position: relative; top: -8px; } #chippu_re { font-size: 18px; font-weight: bold; padding-top: 20px; height: 60px; } #chippu_re span { position: relative; left: -13px; } @media (min-width: 320px) { #chippu_re { font-size: calc(18px + ((1vw - 3.2px)*1.960)); } } @media (min-width: 728px) { #chippu_re { font-size: 26px; } } #chippu_re:before { content: "\f0d6"; font-size: 21px; font-family: 'FontAwesome'; color: #FF7CB4; border: 2px solid; border-radius: 22px; padding: 7px 6px; position: relative; top: -9px; } #seisan_re { font-size: 18px; font-weight: bold; padding-top: 20px; height: 60px; } @media (min-width: 320px) { #seisan_re { font-size: calc(18px + ((1vw - 3.2px)*1.960)); } } @media (min-width: 728px) { #seisan_re { font-size: 26px; } } #td_yuryou_re::before { content: attr(data-label); white-space: pre; font-size: 16px; }
/*****************************      faq       *******************************/
.faq_img_re { display: block; position: relative; height: auto; margin: 20px 20px 0 20px; text-align: center; top: 25px; }
/*****************************      spchat       *******************************/
.spchat_img_re { display: block; position: relative; height: auto; margin: 20px 20px 0 20px; text-align: center; } .spchat_img_re img { display: inline-block; height: auto; width: 80%; margin-bottom: 10px; } .spchat_img_re p { display: inline-block; text-align: justify; width: 90%; height: auto; line-height: 1.5; color: #707070; } .spchat_cont_tyuou_re { display: block; position: relative; text-align: center; margin: 0 20px 0 20px; } .spchat_cont_tyuou_re h2 { display: block; position: relative; text-align: center; margin: 20px; font-size: 24px; color: #FF7CB4; font-weight: bold; line-height: 1.3; } .spchat_cont_tyuou_re h1 { display: block; position: relative; text-align: center; margin: 20px; font-size: 24px; color: #FF7CB4; font-weight: bold; line-height: 1.3; } @media (min-width: 320px) { .spchat_cont_tyuou_re h2 { font-size: calc(20px + ((1vw - 3.2px)*3.676)); } } @media (min-width: 728px) { .spchat_cont_tyuou_re h2 { font-size: 35px; } } @media (min-width: 320px) { .spchat_cont_tyuou_re h1 { font-size: calc(20px + ((1vw - 3.2px)*3.676)); } } @media (min-width: 728px) { .spchat_cont_tyuou_re h1 { font-size: 35px; } } .spchat_cont_tyuou_re img { display: block; position: relative; text-align: center; width: 100%; margin-left: auto; margin-right: auto; } #qualify_yaziirusi { width: 10%; } .spchat_cont_tyuou_re p { font-size: 14px; line-height: 1.7; } .spchat_h3_cont_re { position: relative; display: block; width: 100%; overflow: hidden; padding-left: 10px; } #taiki_img_re { position: relative; display: inline-block; width: 26%; margin: 0; vertical-align: middle; text-align: left; left: 0px; } .spchat_h3_cont_re img { position: relative; display: inline-block; width: 30%; margin: 0; vertical-align: middle; text-align: left; left: 0px; } .spchat_h3_cont_re h3 { position: relative; display: inline-block; left: -10px; width: auto; font-size: 18px; font-weight: bold; text-align: left; padding-bottom: 10px; margin: 0; vertical-align: middle; transform: rotate(-7deg); -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); } @media (min-width: 320px) { .spchat_h3_cont_re h3 { font-size: calc(18px + ((1vw - 3.2px)*3.921)); } } @media (min-width: 728px) { .spchat_h3_cont_re h3 { font-size: 34px; } } .spchat_h3_cont_re h3 span { color: #FF7CB4; } .spchat_textbox_naka_re { position: relative; margin-bottom: 1.5em; padding: 25px; list-style-type: none; border: 1px solid #000; background-color: #FDFCED; line-height: 2; box-shadow: -5px 5px 0 #A7A7A7; margin: 0 0 0 50px; text-align: justify; } .spchat_textbox_naka_re p { color: #707070; } .spchat_textbox_re { text-align: left; margin-left: -25px; /*border-left: 1px dashed #C3C3C3;*/ } .spchat_textbox_re h4 { font-size: 18px; text-align: left; margin-left: 50px; } .spchat_textbox_re h5 { font-weight: bold; font-size: 16px; color: #FF7CB4; } .spchat_textbox_re h4 span { color: #FF7CB4; } #sumahodake:before { content: "\f10b"; font-size: 29px; font-family: 'FontAwesome'; color: #FF7CB4; border: 2px solid; border-radius: 22px; padding: 0px 8px; position: relative; top: 5px; } #taikityuu:before { content: "\f007"; font-size: 20px; font-family: 'FontAwesome'; color: #FF7CB4; border: 2px solid; border-radius: 22px; padding: 5px 7px; } #mov_ico_re:before { content: "\f03d"; font-size: 23px; font-family: 'FontAwesome'; color: #FF7CB4; border: 2px solid; border-radius: 22px; padding: 5px 5.2px; } #chat_ico_re:before { transform: scale(-1, 1); content: "\f27b"; font-size: 24px; font-family: 'FontAwesome'; color: #FF7CB4; border: 2px solid; border-radius: 22px; padding: 3px 3.8px; } #mail_ico_re:before { content: "\f0e0"; font-size: 20px; font-family: 'FontAwesome'; color: #FF7CB4; border: 2px solid; border-radius: 22px; padding: 5px 6px; } .border_dotted_re { border-bottom: 1px dashed; position: relative; left: 120px; width: 100%; } .border_re { border-bottom: 1px dashed; position: relative; width: 100%; margin-bottom: 10px; } .spchat_textbox_naka_re p span { color: #FF7CB4; } .spchat_img_re p span { color: #FF7CB4; }
/***************faq*******************************/
.qa_box_re { padding: 0 20px; margin-bottom: 50px; } .bodder_qa_re { border: 1px solid; border-radius: 10px; height: 8px; width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 50px; } .qa_q_re { position: relative; display: inline-block; font-size: 40px; font-family: Book Antiqua; color: #FF7CB4; left: -10px; margin-right: 0; } .qa_a_re { position: relative; display: inline-block; font-size: 40px; font-family: Book Antiqua; color: #8BE4FF; left: 0; margin-right: 10px; } .qa_midasi_re { position: relative; display: inline-block; font-size: 16px; font-weight: bold; border-left: 2px solid; padding-left: 10px; width: 50%; vertical-align: middle; text-align: left; color: #6C6C6C; } @media (min-width: 320px) { .qa_midasi_re { font-size: calc(16px + ((1vw - 3.2px)*0.980)); } } @media (min-width: 728px) { .qa_midasi_re { font-size: 20px; } } .qa_answr_re { display: inline-block; font-size: 14px; border-left: 2px solid; width: 52%; line-height: 1.4; padding-left: 10px; vertical-align: middle; text-align: left; color: #6C6C6C; } .qa_answr_re dt { padding-bottom: 5px; border-bottom: 1px solid; } .qa_answr_re dd { padding: 5px 0; border-bottom: 1px solid; } .qa_answr_re dd span { color: #FF7CB4; font-weight: bold; } .qa_answr_re p span { color: #FF7CB4; } .qa_answr_re p { margin-top: 5px; } .bodder_qa_sita_re { border-bottom: 1px dashed; margin: 10px auto; width: 80%; }
/***************privacy*******************************/
.tyuuou_re2 { text-align: left; display: block; margin: 0 40px; } .tyuuou_re2 p { color: #6C6C6C; } .privacy_h2_re { font-size: 22px; font-weight: bold; color: #FF7CB4; border-bottom: 2px dashed #6C6C6C; padding-bottom: 10px; margin-top: 40px; } .pri_midasi_re { font-size: 18px; font-weight: 600; color: #6C6C6C; border-left: 4px solid; padding-left: 10px; margin-bottom: 10px; line-height: 1.4; } @media (min-width: 320px) { .pri_midasi_re { font-size: calc(15px + ((1vw - 3.2px)*1.225)); } } @media (min-width: 728px) { .pri_midasi_re { font-size: 20px; } } .pri_cont_re p { width: 100%; font-size: 14px; margin-bottom: 50px; text-align: justify; } .pri_boddr_re { border-bottom: 1px dashed #6C6C6C; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .pri_cont_re2 p { width: 100%; font-size: 14px; color: #6C6C6C; } .pri_boddr_re2 { border-bottom: 1px dashed #6C6C6C; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .pri_cont_re2 dt { font-weight: initial; width: 100%; font-size: 14px; color: #6C6C6C; margin-bottom: 5px; line-height: 1.3; } .pri_cont_re2 dd { font-weight: initial; width: 100%; font-size: 14px; color: #6C6C6C; margin-bottom: 5px; line-height: 1.3; } .pri_cont_re2 li { width: 100%; font-size: 14px; color: #6C6C6C; margin-bottom: 5px; line-height: 1.3; } .decimal_re { margin-left: -25px; } .pri_midasi_re { font-size: 18px; font-weight: 600; color: #6C6C6C; border-left: 4px solid; padding-left: 10px; margin-bottom: 10px; margin-top: 50px; line-height: 1.4; } @media (min-width: 320px) { .pri_midasi_re { font-size: calc(15px + ((1vw - 3.2px)*1.225)); } } @media (min-width: 728px) { .pri_midasi_re { font-size: 20px; } }
/***************mailex*******************************/
.mailex_tyuou_re p span{color:#ff7cb4}.mailex_tyuou_re{margin:40px 20px}.mailex_tyuou_re,.mailex_tyuou_re2{position:relative;padding:0 20px;text-align:center}.mailex_tyuou_re2{margin:0 20px}.konnafu_bggl_re2{position:relative;margin:10px 15px 15px;padding:10px}.konnafu_bggl_re2 p{font-size:14px;text-align:justify}.kakko_re3_2 img{position:absolute;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);top:90%;left:94%}.kakko_re4_2 img{position:absolute;-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);top:90%;left:-33px}.mailex_sannin_box img{width:100%}.mailex_mifdasi_1_re img,.mailex_mifdasi_2_re img{width:100%;padding:0 20px}.mailex_mifdasi_2_re,.mailex_mifdasi_2_re img{margin-bottom:0}.mailex_rei1_top_re{display:block;position:relative;width:100%;height:auto}.mailex_rei1_namae_re{display:inline-block;width:40%;height:auto;vertical-align:bottom}.mailex_rei1_namae_re dd{border-bottom:1px solid}.mailex_rei1_top_re img{border-radius:10px;display:inline-block;width:145px;height:10pc;border:1px solid;object-fit:cover;object-position:50% 50%}.mailex_rei1_text_re{text-align:left;padding:15px;border-left:1px dotted;margin-left:30px;margin-top:10px;text-align:justify}.mailex_rei1_text_re p{color:#707070}.mailex_rei1_text_re_left{text-align:right;padding:15px;border-right:1px dotted;margin-right:30px;margin-top:20px;text-align:justify}.mailex_img_re img{display:inline-block;height:auto;width:100%;margin-bottom:10px}.mailex_rei1_cont1_re{border-radius:15px;border:1px solid;background-color:#fdfced;width:100%;height:auto;padding:20px;text-align:left;box-shadow:-5px 5px 0 #a7a7a7;text-align:justify}.mailex_rei1_cont1_re h4{text-align:center}.mailex_rei1_cont1_re dl{margin-left:auto;margin-right:auto;text-align:center}.mailex_h4_rei1_re{border-bottom:1px dotted;padding-bottom:10px;font-weight:700}.border_dotted_re2{border-bottom:1px dashed;width:100%;margin-bottom:20px}.mailex_rei2_cont_re2{text-align:center}.mailex_rei2_cont_re2 img{width:75pt}.mailex_rei2_cont_re2 p{font-weight:700;color:#ff7cb4;font-size:22px;border-bottom:1px button;margin-top:10px}.yazirusi_mailex_re{text-align:center}.mailex_rei2_cont_setumei_re{width:100%;height:auto}.mailex_rei2_cont_setumei_re img{width:100%}.mailex_rei2_cont_re img{display:inline-block;width:25%;margin-left:10px}.mailex_rei2_cont_re p{display:inline-block;font-weight:700;color:#ff7cb4;font-size:1pc;width:65%;vertical-align:bottom}.mail_last_text_re{width:68%;text-align:center;margin-left:auto;margin-right:auto;line-height:1.5}.mail_last_text_re p{text-align:justify}.mail_last_h3_re{display:block;font-size:24px;font-weight:700;color:#ff7cb4;transform:rotate(-10deg);-moz-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);top:50px;width:300px}.mail_last_h3_re img{position:absolute;top:-50px;left:20px;opacity:.4;text-align:center;width:90%}.mailex_rei1_cont1_re span{color:#ff7cb4}.mailex_h4_rei1_re span{color:#ff7cb4}.m_rei1_kekka_img_re,.mail_last_h3_re{position:relative;text-align:center;margin-left:auto;margin-right:auto}.m_rei1_kekka_img_re{width:200px}.m_rei1_kekka_img_re img{position:relative;width:200px;padding:0 50px}.m_rei1_kekka_img_re p{position:absolute;top:-5px;left:30px;font-family:Great Vibes,cursive;font-weight:400;font-size:20px;line-height:25px;text-align:left;color:#a7a7a7;opacity:.45;transform:rotate(-15deg);-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg)}.m_rei1_kekka_text_re{text-align:center}.m_rei1_kekka_text_re dt{font-size:20px;font-weight:700;color:#ff7cb4;margin:10px 0}.m_rei1_kekka_text_re dd{text-align:left}.mailex_tyuou_re2 dl dt{font-size:1pc;font-weight:700;color:#ff7cb4}.rei1_cot_re{position:relative;height:auto}.m_tukin_re{display:inline-block;width:38px;height:90pt;text-align:center}.m_tukin_re p{color:#ff7cb4}.m_tukin_re img{display:block;width:100%;height:auto;object-fit:cover;margin-bottom:5px}.m_kitaku_re{display:inline-block;width:38px;height:90pt;text-align:center}.m_kitaku_re p{color:#ff7cb4}.m_kitaku_re img{display:block;width:100%;height:auto;object-fit:cover;margin-bottom:5px;transform:scale(-1,1)}.m_syuusin_re{display:inline-block;width:38px;height:90pt;text-align:center}.m_syuusin_re p{color:#ff7cb4}.m_syuusin_re img{display:block;width:100%;height:auto;object-fit:cover;margin-bottom:5px}.m_rei1_box_1_re{display:inline-block;text-align:center;position:relative;width:38px;text-align:justify}.m_rei1_box_2_re{position:absolute;width:10px;height:95%;border-left:1px dotted;padding:0 5px;left:45px}.m_rei1_box_2_re,.m_rei1_box_3_re{vertical-align:top;text-align:justify}.m_rei1_box_3_re{display:inline-block;width:70%;height:auto;font-size:9pt;left:30px;position:relative;padding-right:10px}.m_rei1_box_3_re dt{font-weight:initial;margin-bottom:10px}.m_rei1_box_3_re dt:before{font-family:FontAwesome;content:"\f178";left:-20px;position:absolute;font-size:1pc;margin-top:-5px;color:#ff7cb4}.m_rei1_box_3_re dd{font-weight:700;margin-bottom:40px;color:#ff7cb4}
/***************qualify*******************************/
#qualify_girl{width:100%}.qualify_conte_re{display:block;position:relative;text-align:center;margin:20px;top:-20px}#qualify_moji{margin-bottom:20px}#qualify_mibun,#qualify_moji{width:100%;margin-left:auto;margin-right:auto}#qualify_mibun_moji,#qualify_midasi{width:100%;margin-left:auto;margin-right:auto}#qualify_midasi{margin-bottom:20px}.qualify_conte_re div p{margin-top:15px;font-size:18px;font-weight:600}.qualify_conte_re p{font-size:14px;text-align:justify;padding:10px}.qualify_conte_re p span{color:#ff7cb4}.quaify_top_img_re{width:70%;margin-left:auto;margin-right:auto}
/***************company*******************************/
.company_cont_re { position: relative; background-color: #6C6C6C; width: 100%; height: 600px; } .border_kuros_tate_re { position: absolute; border-left: 1px solid #fff; left: 60px; height: 500px; width: auto; top: 60px; } .border_kuros_yoko_re { position: absolute; border-top: 1px solid #fff; top: 115px; height: 300px; width: 180px; left: 20px; } .company_h2_re { position: absolute; top: 60px; margin-left: 100px; font-size: 20px; color: #fff; } .company_gaiyou_cont_re { position: relative; top: 150px; color: #fff; font-size: 16px; font-weight: initial; margin-left: 90px; margin-right: auto; } .company_gaiyou_cont_re dt { font-weight: initial; } .company_gaiyou_cont_re dd { font-weight: initial; margin-left: 40px; } .comp_re img { width: 100%; height: auto; margin-top: 0; margin-bottom: 0; }
/***************sitemap*******************************/

.mini-text {
font-size: 20px;
}
/*文字大きさ*/
ul.bottom-menu li { text-align: center; } ul.bottom-menu li span:before { content: "\f040"; font-size: 18px; } .bottom-menu li a:hover { color: #a9a9a9; /*マウスオーバー時の色*/ } .text-justify_re { text-align: justify; margin-left: 30px; } .animation-box { height: 50px; }
/* sp-menu.css */
/* -- ul#menu -------------------------------------------------------------------------------- */
ul#menu { list-style-type: none; width: 80%; background: #222; opacity: 0.8; position: absolute; right: 0px; z-index: 990; display: none; padding: 30px 20px; } ul#menu li { text-align: left; position: relative; } ul#menu li a { text-decoration: none; display: block; padding: 13px 0px 13px 30px; color: #ffffff; border-bottom: 1px solid; } ul#menu li a:hover { background: #a9a9a9; opacity: 0.7; }
/* -- div#sp-icon -------------------------------------------------------------------------------- */
div#sp-icon { width: 50px; height: 50px; position: absolute; right: 0px; top: 0px; z-index: 999; } div#sp-icon:hover { cursor: pointer; opacity: 0.7; } div#sp-icon span, div#sp-icon span:before, div#sp-icon span:after { display: inline-block; width: 25px; height: 4px; background: #A7A7A7; position: absolute; transition-property: transform; transition-duration: 0.3s; } div#sp-icon span { left: 50%; top: 50%; transform: translate( -50%, -50%); } div#sp-icon span:before { content: ""; transform: translateY( -10px) rotate( 0deg); } div#sp-icon span:after { content: ""; transform: translateY( 10px) rotate( 0deg); } div.sp-open span { background: transparent !important; } div.sp-open span:before { transform: rotate( 45deg) !important; } div.sp-open span:after { transform: rotate( -45deg) !important; }
/* メニューアイコン */
ul#menu li .close-button:before, ul#menu li a:before, ul#menu li:before { content: ""; display: inline-block; margin-right: 5px; color: #FF7CB4; font-weight: normal; padding: 6px 5px 3px; text-align: center; font-family: 'FontAwesome'; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: absolute; top: 14%; left: 0px; } ul#menu li a:after, ul#menu li:after { content: "\f105"; display: inline-block; width: 20px; height: 20px; color: #fff; vertical-align: middle; text-align: center; font-family: 'FontAwesome'; font-size: 30px; position: absolute; top: 30%; right: 5px; } ul#menu li.pencil:before { content: "\f040"; font-size: 18px; } ul#menu li.sphone:before { content: "\f10b"; font-size: 31px; transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); } ul#menu li.salary:before { content: "\f1c0"; font-size: 20px; } ul#menu li.check:before { content: "\f00c"; font-size: 20px; } ul#menu li.faq:before { content: "Ｑ"; font-size: 20px; font-weight: 700; } ul#menu li.privacy:before { content: "\f007"; font-size: 20px; } ul#menu li.file:before { content: "\f15c"; font-size: 20px; transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); } ul#menu li.building:before { content: "\f1ad"; font-size: 20px; } ul#menu li.envelope:before { content: "\f0e0"; font-size: 20px; transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); } ul#menu li a.home:before { content: "\f015"; font-size: 22px; } ul#menu li .close-button:before { content: "\f00d"; font-size: 22px; } ul#menu li.volume-up:before { content: "\f028"; font-size: 20px; transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); }
/* 仕様アイコン */ .fa-bars:before { content: "\f0c9"; } .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-home:before { content: "\f015"; } .fa-angle-right:before { content: "\f105"; } .fa-heart:before { content: "\f004"; } .fa-check:before { content: "\f00c"; } .fa-angle-double-down:before { content: "\f103"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-lock:before { content: "\f023"; } .fa-volume-up:before { content: "\f028"; } .fa-video-camera:before { content: "\f03d"; } .fa-asterisk:before { content: "\f069"; } .fa-envelope:before { content: "\f0e0"; } .fa-database:before { content: "\f1c0"; } .fa-pencil:before { content: "\f040"; } .fa-user:before { content: "\f007"; } .fa-file-text:before { content: "\f15c"; } .fa-building:before { content: "\f1ad"; } .fa-external-link:before { content: "\f08e"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; }
/* form-sp-vivo_re.css */
.form_h3_re h3 { display: inline-block; font-family: 'Noto Sans JP', sans-serif; font-weight: bold; font-size: 14px; line-height: 25px; text-align: left; color: #3b4043; margin-bottom: 5px; margin-top: 0; } .form_h3_re h2 { display: inline-block; font-family: 'Noto Sans JP', sans-serif; font-weight: bold; font-size: 14px; line-height: 25px; text-align: left; color: #3b4043; margin-bottom: 5px; margin-top: 0; } .form_h3_re2 h3 { display: inline-block; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-size: 14px; text-align: left; color: #3b4043; margin-bottom: 0; margin-top: 0; } .point00_text_re { display: block; } .point00_text_re div { display: inline-block; } .point00_text_re p { border-left: solid 5px #C3C3C3; /*左線*/ padding-left: 10px; margin-left: -10px; text-align: justify; } .test_mannaka_re { text-align: center; } .test_mannaka_re img { width: 250px; margin-top: 20px; margin-bottom: 20px; } .form_conte_49re { display: inline-block; width: 100%; height: auto; /* margin: 10px 0 10px 0;*/ text-align: center; background-color: #FFFDE2; padding: 10px 0; } .form_conte_re { display: inline-block; width: 80%; margin: 10px 0 10px 0; text-align: left; }
/*******************登録の経過**********************/
.signup-progress ul li.active { background-color: #D6F7FF; color: #6C6C6C; } .signup-progress ul li.active { background-color: #D6F7FF; color: #6C6C6C; } .signup-progress { margin: 10px 10px 20px; } .signup-progress ul { display: flex; flex-flow: row nowrap; background-color: #fafafa; max-width: 1005; /* justify-content: center; */ /* align-items: center; */ } .signup-progress ul li { flex: 0 1 33%; padding: 5px 0; text-align: center; color: #6C6C6C; border: 1px solid #6C6C6C; position: relative; letter-spacing: 0; }
/*******************登録の経過**********************/
.form_contetop_re { display: inline-block; width: 80%; margin: 10px 0 10px 0; text-align: left; } .form_conte_re2 { display: inline-block; width: 80%; margin: 10px 0 10px 0; text-align: left; } .form_mibunsyo_re { position: relative; display: inline-block; width: 100%; height: 300px; border-radius: 10px; background: #fff; border: 1px solid #6c6c6c; opacity: 0.8; padding: 0 5px; }
/***********フォーム_希望職種**************/
.kibou_bg_re { background: #fffde2; width: 100%; height: auto; margin: 5px 0px; } .form_radio_re input[type="radio"] { float: none; text-indent: .01px; text-overflow: ''; width: 18px; height: 18px; border: 2px solid #ccc; border-radius: 18px; background: #fff; display: inline-block; margin: 5px 5px 5px 5px; vertical-align: inherit; padding: 10px; position: relative; top: -5px; } .midasi_3_re { font-size: 14px; font-weight: bold; display: inline-block; padding-top: 5px; color: #FF7CB4; } @media (min-width: 320px) { .midasi_3_re { font-size: calc(14px + ((1vw - 3.2px)*0.980)); } } @media (min-width: 728px) { .midasi_3_re { font-size: 16px; } } .bigan_tyuui_re { font-size: 12px; padding: 5px 20px 25px 20px; } .bigan_tyuui_re span { color: #FF7CB4; } .signup-hope-span { font-weight: initial; font-size: 10px; display: inline-block; color: #6C6C6C; } .btn-wrap_form_re { position: relative; } .btn-regist_form_re { color: white; font-size: 14px; letter-spacing: -0.03em; line-height: 1em; font-weight: 500; position: relative; top: -1px; border-radius: 0 0 4px 4px; background: #FF7CB4; font-family: 'Noto Sans JP', sans-serif; padding: 15px 0; filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); border: 1px solid #000; } @media (min-width: 320px) { .btn-regist_form_re { font-size: calc(14px + ((1vw - 3.2px)*2.450)); } } @media (min-width: 728px) { .btn-regist_form_re { font-size: 24px; } } .form_waku_re3 { font: 15px/24px sans-serif; box-sizing: border-box; width: 100%; height: auto; /*padding: 0.3em;*/ transition: 0.3s; letter-spacing: 1px; }
/***********お問い合わせ内容**************/
.form_waku_re textarea { font: 15px/24px sans-serif; box-sizing: border-box; width: 100%; padding: 0.3em; transition: 0.3s; letter-spacing: 1px; border: 1px solid #1b2538; border-radius: 8px; } .form_waku_re textarea:focus { border: 1px solid #da3c41; outline: none; box-shadow: 0 0 5px 1px #FF7CB4; }
/***********フォーム都道府県**************/
.form_waku_re select { font: 15px/24px sans-serif; box-sizing: border-box; width: 100%; height: 40px; padding: 0.3em; transition: 0.3s; letter-spacing: 1px; border: 1px solid #1b2538; border-radius: 8px; background-color: #ffffff; } .form_conte_re select { font: 15px/24px sans-serif; box-sizing: border-box; width: 100%; height: 40px; padding: 0.3em; transition: 0.3s; letter-spacing: 1px; border: 1px solid #1b2538; border-radius: 8px; background-color: #ffffff; } .form_waku_re select :focus { border: 1px solid #da3c41; outline: none; box-shadow: 0 0 5px 1px #FF7CB4; }
/***********フォーム生年月日の年**************/
.form_waku_seinen_re { height: 50px; width: 30%; position: relative; display: inline-block; } .form_waku_seinen_re select { position: relative; display: inline-block; height: 40px; width: 100%; font: 15px/24px sans-serif; box-sizing: border-box; transition: 0.3s; letter-spacing: 1px; border: 1px solid #1b2538; border-radius: 8px; background-color: #ffffff; } .form_waku_seinen_re select:focus { border: 1px solid #da3c41; outline: none; box-shadow: 0 0 5px 1px #FF7CB4; }
/***********フォーム生年月日の月と日**************/
.form_waku_seinen_re2 { position: relative; display: inline-block; width: 22%; height: 50px; } .form_waku_seinen_re2 select { position: relative; display: inline-block; width: 100%; height: 40px; font: 15px/24px sans-serif; box-sizing: border-box; transition: 0.3s; letter-spacing: 1px; border: 1px solid #1b2538; border-radius: 8px; background-color: #ffffff; } .form_waku_seinen_re2 select:focus { border: 1px solid #da3c41; outline: none; box-shadow: 0 0 5px 1px #FF7CB4; }
/*******************フォームの登録情報の確認**********************/
.from_kakunin_re { padding: 3px 5px; color: #FF7CB4; border-bottom: 1px dotted #FF7CB4; letter-spacing: 1px; font-weight: normal; position: relative; }
/***********フォーム_選択時枠が光る**************/
.form_conte_re input[type='text'] { font: 15px/24px sans-serif; box-sizing: border-box; width: 100%; height: 40px; padding: 0.3em; transition: 0.3s; letter-spacing: 1px; border: 1px solid #1b2538; border-radius: 8px; } .form_waku_re input[type='text']:focus { border: 1px solid #da3c41; outline: none; box-shadow: 0 0 5px 1px #FF7CB4; } label { display: inline-block; max-width: 100%; font-weight: bold; margin-bottom: 0; position: relative; }
/***********フォーム_選択時枠が光る**************/
.form_conte_re input[type='tel'] { font: 15px/24px sans-serif; box-sizing: border-box; width: 100%; height: 40px; padding: 0.3em; transition: 0.3s; letter-spacing: 1px; border: 1px solid #1b2538; border-radius: 8px; } .form_waku_re input[type='tel']:focus { border: 1px solid #da3c41; outline: none; box-shadow: 0 0 5px 1px #FF7CB4; } label { display: inline-block; max-width: 100%; font-weight: bold; margin-bottom: 0; position: relative; }
/***********フォーム_選択時枠が光る**************/
.form_conte_re input[type='email'] { font: 15px/24px sans-serif; box-sizing: border-box; width: 100%; height: 40px; padding: 0.3em; transition: 0.3s; letter-spacing: 1px; border: 1px solid #1b2538; border-radius: 8px; } .form_waku_re input[type='email']:focus { border: 1px solid #da3c41; outline: none; box-shadow: 0 0 5px 1px #FF7CB4; } label { display: inline-block; max-width: 100%; font-weight: bold; margin-bottom: 0; position: relative; }
/***********フォーム_証明書UP**************/
form img.thumb { /* margin:0 5px 5px 0;*/ max-width: 100%; max-height: 300px; vertical-align: bottom; border: 1px solid #1b2538; border-radius: 4px 4px 0 0; height: 150px; background-color: #fff; } form .upload_re label { display: inline-block; position: relative; overflow: hidden; vertical-align: middle; } form .upload_re label input[type="file"] { position: absolute; top: 0; cursor: pointer; font-size: 100px; opacity: 0.01; filter: alpha(opacity=1); height: 190px; width: 100%; } #upload3_re { position: absolute; top: 0; cursor: pointer; font-size: 100px; opacity: 0.01; filter: alpha(opacity=1); height: 190px; width: 100%;}
.upload_re img {object-fit: contain;width: 100%;text-align: center;border: 1px solid;border-radius: 5px 5px 0px 0px;}
form .upload_re .alt {padding: 4px;border: 1px solid #999;vertical-align: middle;}
/*****************************************/
.form_conte_re_list { display: inline-block; width: 100%; /*margin: 10px 0 10px 0;*/ text-align: center; } .h3_re_2 { font-size: 24px; font-weight: initial; display: inline-block; } .form_nibun_re input { position: relative; display: inline-block; background: #fff; border: 1px solid #6c6c6c; opacity: 0.8; } .form_waku_re input { position: relative; display: inline-block; background: #fff; border: 1px solid #6c6c6c; opacity: 0.8; } .label-danger_re { background-color: #FF7CB4; } .nengappi_re { display: inline-block; position: relative; top: 15px; } .honnin_gazou_re { background: #FFFDE2; } .cp_iptxt_re { position: relative; width: 80%; margin: 40px 3%; } .honnin_1_re p { font-size: 11px; line-height: 14px; display: inline-block; width: 73%; padding-left: 2px; vertical-align: middle; margin: 0; } .honnin_1_re { margin: 10px 0; width: 100%; } .honnin_1_re2 { margin: 10px 0; border-bottom: 1px solid #707070; } .h3_box_re img { left: -5px; font-size: 12px; line-height: 15px; width: 60px; display: inline-block; vertical-align: middle; } .h3_box_re p span { color: #FF7CB4; font-weight: bold; } .h3_box_re { margin: 15px 0 5px 0; width: 100%; } .list_re { width: 100%; height: auto; /*border:1px solid #707070 ;*/ padding: 10px 5px 5px 5px; /*background-color: #ffffff;*/ text-align: center; border-radius: 7px; } .list_re2 { width: 50%; height: auto; border: 1px solid #707070; padding: 5px; display: inline-block; } .list_re dt { text-align: center; color: #FFFDE2; background-color: #FF7CB4; border-radius: 5px; padding: 5px; vertical-align: middle; line-height: 14px; font-size: 13px; width: 100%; display: inline-block; } .list_re dd { display: inline-block; margin: 0; font-size: 12px; } .list_re dl { margin-bottom: 0; } #preview1_re { object-fit: cover; width: 100%; height: auto; }
/*******************************本人書類確認*************************************/
.form_bg_mibun_1 { background-color: #3B4043; width: 100%; height: 40px; color: #FFE200; font-size: 14px; font-weight: bold; margin: 10px 0; padding: 10px 0; } .form_bg_mibun_sita { margin: 10px 14px; font-size: 12px; line-height: 14px; text-align: left; } .form_mibun_konte { display: block; width: 100%; height: auto; margin: 0; } .form_mibun_konte dl dd { list-style: none; text-align: left; font-size: 10px; line-height: 1.1; padding: 0 5px; margin-bottom: 5px; } @media (min-width: 320px) { .form_mibun_konte dl dd { font-size: calc(10px + ((1vw - 3.2px)*2.205)); } } @media (min-width: 728px) { .form_mibun_konte dl dd { font-size: 16px; } } .form_mibun_konte dl dt { color: #FF7CB4; list-style: none; text-align: left; font-size: 12px; font-weight: bold; line-height: 12px; padding: 0 5px; border-bottom: 1px solid; width: 97%; margin-bottom: 2px; } .form_mibun_konte dl { margin-top: 0; margin-bottom: 5px; } .from_totyu_point { background-color: #FF7CB4; width: 100%; height: auto; color: #ffffff; font-size: 12px; padding: 6px 0 6px 0; margin: 3px 0 10px 0; font-weight: bold; } @media (min-width: 320px) { .from_totyu_point { font-size: calc(14px + ((1vw - 3.2px)*1.470)); } } @media (min-width: 728px) { .from_totyu_point { font-size: 20px; } } .honnin_kaki_setumei_re { background-color: #FFFDE2; border-radius: 10px; padding: 6px; width: 70%; margin-left: auto; margin-right: auto; border: 1px solid; } .btn-open_re { display: block; padding: 12px 10px; background: #FFFDE2; letter-spacing: 1px; border: 1px solid #FF7CB4; /* font-weight: bold; */ font-size: 16px; text-align: center; color: #777; /* text-shadow: 0 2px rgb(252, 231, 43); */ overflow: hidden; position: relative; -webkit-transition: .3s all; transition: .3s all; } .btn-regist_form_naka_re { color: white; font-size: 14px; letter-spacing: -0.03em; line-height: 1em; font-weight: 500; position: relative; top: -1px; border-radius: 0 0 4px 4px; background: #FF7CB4; font-family: 'Noto Sans JP', sans-serif; padding: 15px 0; filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); border: 1px solid #000; } @media (min-width: 320px) { .btn-regist_form_naka_re { font-size: calc(14px + ((1vw - 3.2px)*2.450)); } } @media (min-width: 728px) { .btn-regist_form_naka_re { font-size: 24px; } } .acc-div-inner { height: auto; display: block; -webkit-opacity: 1; opacity: 1; width: 60%; margin-left: auto; margin-right: auto; } .acc-div input:checked~label>.btn-open_re span:after { content: ''; position: absolute; top: 50%; right: 3%; margin-top: -12px; display: inline-block; text-align: center; vertical-align: middle; background: transparent; text-shadow: none; border-top: solid 3px #777; border-right: solid 3px #777; -webkit-transform: rotate(135deg); transform: rotate(135deg); color: #fff; } .acc-div label>.btn-open_re span:after { content: ''; position: absolute; top: 50%; right: 3%; margin-top: -7px; display: inline-block; width: 15px; height: 15px; text-align: center; vertical-align: middle; background: transparent; text-shadow: none; border-top: solid 3px #777; border-right: solid 3px #777; -webkit-transform: rotate(45deg); transform: rotate(45deg); color: #FFF; } .kakunin_dekiani_re { color: red; font-weight: bold; font-size: 12px; padding-bottom: 4px; } @media (min-width: 320px) { .kakunin_dekiani_re { font-size: calc(12px + ((1vw - 3.2px)*2.450)); } } @media (min-width: 728px) { .kakunin_dekiani_re { font-size: 22px; } } .acc-div>label { width: 95%; display: block; margin-bottom: 0; margin-left: auto; margin-right: auto; } .signup-doc.third .doc-dt { flex: 1 0 auto; background-color: #22A7E9; color: #fff; border-color: transparent; margin-bottom: 10px; } .doc-dd { flex: 1 0 70%; margin-bottom: 5px; line-height: 1.2; letter-spacing: 0; } .acc-div-inner dl ul li { text-align: left; list-style: none; border-bottom: 1px solid; padding: 4px 0; margin: 10px; } .acc-div-inner dl ul { padding: 0; background-color: #FFFDE2; } .acc-div-inner dl p { font-size: 12px; }
/*******************************身分証明書_説明_左側*************************************/
.mibun_hidari_itiran_re img { position: absolute; left: 10px; top: 10px; width: 60px !important; height: auto !important; } .form_mibun_hidari { display: inline-block; width: 49%; height: auto; /*border: 1px solid #000 ;*/ border-radius: 8px 8px 0 0; margin: 0; vertical-align: top; background-color: #ffe5ff; position: relative; } .triangle_sita_left_re { position: relative; margin-right: auto; margin-left: auto; width: 80px; height: 0; border-left: 80px solid transparent; border-right: 80px solid transparent; border-top: 25px solid #FF7CB4; z-index: 3; } .form_mibun_hidari_ue1 { display: inline-block; width: 100%; height: 80px; border: 1.2px solid #FF7CB4; border-radius: 7.4px 7.4px 0 0; margin: 0; background-color: #FF7CB4; color: #fff; text-align: center; font-size: 14px; padding: 20px 0 20px 0; line-height: 1; position: relative; } @media (min-width: 320px) { .form_mibun_hidari_ue1 { font-size: calc(14px + ((1vw - 3.2px)*0.980)); } } @media (min-width: 728px) { .form_mibun_hidari_ue1 { font-size: 18px; } } .form_mibun_hidari_ue1 h4 { font-size: 22px; } .form_mibun_hidari_ue1 h4 span { font-weight: bold; color: #FFFDE2; } .form_mibun_hidari img { width: 100%; height: auto; padding: 5px; object-fit: contain; } .from_totyu_re { border: 1px solid; border-radius: 2px; padding: 2.7px; font-size: 12px; margin: 3px; background-color: #FFFDE2; line-height: 1.2; } @media (min-width: 320px) { .from_totyu_re { font-size: calc(12px + ((1vw - 3.2px)*1.175)); } } @media (min-width: 728px) { .from_totyu_re { font-size: 19px; } } .form_mibun_hidari p span { font-weight: bold; font-size: 16px; line-height: 1.1; color: #FF7CB4; } @media (min-width: 320px) { .form_mibun_hidari p span { font-size: calc(16px + ((1vw - 3.2px)*2.450)); } } @media (min-width: 728px) { .form_mibun_hidari p span { font-size: 26px; } } #mibunsyou_itiran_re dd { font-size: 11px; line-height: 1.2; } @media (min-width: 320px) { #mibunsyou_itiran_re dd { font-size: calc(11px + ((1vw - 3.2px)*3.627)); } } @media (min-width: 728px) { #mibunsyou_itiran_re dd { font-size: 25.8px; } } #bottan_mibun :after { content: "\f093"; font-size: 15px; font-family: 'FontAwesome'; color: #fff; border: 2px solid; border-radius: 22px; padding: 7px 8.2px; margin-left: 5px; position: relative; }
/*******************************身分証明書プラス顔_説明_右側*************************************/
.form_mibun_migi{display:inline-block;width:49%;height:100%;border-radius:8px 8px 0 0;margin:0;vertical-align:top;background-color:#f0f8ff}.form_mibun_migi_ue1{display:inline-block;width:100%;height:5pc;border:.9pt solid #87cefa;border-radius:7.4px 7.4px 0 0;background-color:#87cefa;color:#fff;text-align:center;font-size:14px;padding:10px 0;line-height:1;position:relative} @media (min-width: 320px) { .form_mibun_migi_ue1 { font-size: calc(14px + ((1vw - 3.2px)*0.980)); } } @media (min-width: 728px) { .form_mibun_migi_ue1 { font-size: 18px; } } .form_mibun_migi_ue1 h4 { font-size: 22px; } .form_mibun_migi_ue1 h4 span { font-weight: bold; color: #FFFDE2; } .form_mibun_migi img { width: 100%; height: auto; padding: 5px; object-fit: contain; } .form_mibun_migi p span { font-weight: bold; font-size: 16px; line-height: 1.1; color: #87cefa; } @media (min-width: 320px) { .form_mibun_migi p span { font-size: calc(16px + ((1vw - 3.2px)*2.450)); } } @media (min-width: 728px) { .form_mibun_migi p span { font-size: 26px; } }
.from_totyu_point_migi {background-color: #87cefa;width: 100%;height: auto;color: #ffffff;font-size: 14px;padding: 6px 0 6px 0;margin: 3.5px 0 10px 0;font-weight: bold;}
@media (min-width: 320px) {
.from_totyu_point_migi {font-size: calc(14px + ((1vw - 3.2px)*1.470));}}
@media (min-width: 728px) {.from_totyu_point_migi {font-size: 20px;}}
.triangle_sita_light_re{position:relative;margin-right:auto;margin-left:auto;width:5pc;height:0;border-left:5pc solid transparent;border-right:5pc solid transparent;border-top:25px solid #87cefa;z-index:1}.btn-regist_form_migi_re{color:#fff;font-size:14px;letter-spacing:-.03em;line-height:1em;font-weight:500;position:relative;top:-1px;border-radius:0 0 4px 4px;background:#87cefa;font-family:Noto Sans JP,sans-serif;padding:15px 0;filter:drop-shadow(0 3px 6px rgba(0,0,0,0.16));border:1px solid #000}
@media (min-width: 320px) {.btn-regist_form_migi_re {font-size: calc(14px + ((1vw - 3.2px)*2.450));}}
@media (min-width: 728px) {
.btn-regist_form_migi_re {font-size: 24px;}}
#bottan_mibun_kao :after{content:"\f093";font-size:15px;font-family:FontAwesome;color:#fff;border:2px solid;border-radius:22px;padding:7px 8.2px;margin-left:5px;position:relative}
/*****************モーダル_確認ページ************************/
.modal_wrap input{display:none}.modal_overlay{display:grid;justify-content:center;overflow:scroll;position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;transition:opacity .5s,transform 0 .5s;transform:scale(0)}.modal_trigger{position:absolute;width:100%;height:100%}.modal_content{position:relative;align-self:center;width:100%;max-width:50pc;padding:30px 30px 15px;box-sizing:border-box;background:#fff;line-height:1.4em;transition:.5s;height:auto}.close_button{position:absolute;top:14px;right:1pc;font-size:24px;cursor:pointer}.modal_wrap input:checked~.modal_overlay{opacity:1;transform:scale(1);transition:opacity .5s}.open_button{display:inline-block;justify-content:center;align-items:center;margin-bottom:20px;padding:20px 1pc;color:#fff;font-weight:700;font-family:Montserrat,sans-serif;box-shadow:0 1px 3px rgba(0,0,0,.6);border-radius:20px;cursor:pointer;width:80%;height:60px;background:#ff7cb4;font-size:18px}.div_error_under_submit,.div_validate_error{color:red}
/*20201022_応募フォームに追記_健康保険法改正に伴う注意文*/
.com_tyuui_frame{width:90%;margin:10px auto 20px;padding:20px 20px 10px;border:1px solid #aaa;position:relative;border-radius:3px;background-color:#fff}.com_tyuui_frame-title{position:absolute;top:-13px;left:20px;padding:0 5px;background-color:#fff}.com_tyuui_frame-title .fa{margin-right:5px}.com_tyuui_caution{background-color:#888;border:1px solid #888;color:#fff;border-radius:3px}.com_tyuui_frame-red{border-color:#888}
/* font.css */
@font-face { font-family: 'Pacifico'; font-style: normal; font-weight: 400; src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2'); font-display: swap; }
/* hard coded css */
.fc-pink{color:#ff7cb4}.fc-red{color:red}.itirannhyou_re-tableheader{font-size:22px;font-weight:initial}.com_tyuui_frame-masking{margin:10px auto;width:100%}.sign-tarea{height:200px}.mw300px{max-width:300px}
/* signup */
.hide {display: none;}
.loader { color: #FF7CB4; font-size: 20px; margin: 100px auto; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
@-webkit-keyframes load4 { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } } @keyframes load4 { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }
.thanks-div-border { border-top: 2px solid #C3C3C3; } /*style-sp-vivo_re.css　2021.1203*/ html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.body_re{height:100%;margin:0;padding:0;overflow-x:inherit;line-height:1.4em;font-family:M PLUS Rounded\ 1c,sans-serif;background-color:#fff;font-size:14px}.body_re,.layout_re{position:relative;width:100%}.layout_re{top:0;left:0;margin:0 auto;max-width:728px;height:auto!important;height:100%} /*目次new2021.1202～*/ .mokuzi_rev2{margin:7rem 2rem 1rem}.mokuzi_matome_rev2{border:1px solid #ff7cb4;border-radius:15px;padding:5rem 2rem 2rem;position:relative}.mokuzi_h2_rev2{position:absolute;left:46%;top:-5%;transform:translate(-50%,-50%)}.mokuzi_box_rev2{border-bottom:1px solid #ff7cb4;padding:.3rem}.mokuzi_p_rev2_span{font-size:20px;font-weight:700;margin-right:2rem}.mokuzi_p_rev2{color:#ff7cb4;font-size:15px;font-family:M PLUS Rounded\ 1c,sans-serif}.upper{position:relative;top:0;left:0}.header_rev2{padding:1.8rem;display:flex;align-items:center;height:65px}.h1,.h2,.h3,.h4,.h5{margin:0;font-size:100%}a{color:#222;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-ms-transition:all .1s linear;-o-transition:all .1s linear;text-decoration:none} .img-retina_rev2{width:5pc}.midasi_yoko_rev2{display:inline-block;padding:2px 0 2px 20px;font-size:9pt;color:#1f1f1f;text-align:center;z-index:2}.midasi_yoko_rev2_p{position:relative}.midasi_yoko_rev2_p:after,.midasi_yoko_rev2_p:before{content:"-";width:15px;height:15px}div#sp-icon{width:65px;height:65px;position:absolute;right:0;top:0;z-index:1}div#sp-icon span:before{content:"";transform:translateY(-10px) rotate(0)}ul#menu{list-style-type:none;width:80%;background:#222;opacity:.8;position:absolute;right:0;z-index:1;display:none;padding:30px 20px}ul#menu li{text-align:left;position:relative}.top_h1_box_rev2{position:relative;background:url(https://vi-vo.link/lady/assets/images/live-main-01.webp);background-size:cover;background-repeat:no-repeat;padding-top:114%;background-position:top;margin:0}.top_h1_img_rev2{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);width:100%}
.lady_btn_rev2{position:relative;background:#ff7cb4 0 0 no-repeat padding-box;margin:2rem auto;width:90%;border-radius:60px;height:90%;text-align:center;font-size:18px;font-weight:600;font-family:M PLUS Rounded\ 1c,sans-serif;color:#fff;line-height:1.2;padding:20px 5px;box-sizing:border-box;box-shadow:1px 1px 20px #ff7cb4}
.lady_btn_rev2:after{content:"";position:absolute;background-image:url(https://vi-vo.link/lady/assets/images/arrow_top_001.svg);width:10px;
height:10px;top:50%;left: 90%;transform: translateX(-50%)translateY(-50%);}
.top_undertext_box_rev2{padding:1rem 2rem}.top_btn_ander_textimg{width:100%;height:100%}.top_undertext_matome_rev2{border:1px solid #ff7cb4;padding:1rem 0;margin-top:1rem}.top_undertext_rev2{display:flex;justify-content:space-around;padding:1rem;margin-bottom:-1rem}.maill_rev2:before{background-image:url(https://vi-vo.link/lady/assets/images/live-icon-01.svg);height:15px;top:-1px}.chat_rev2:before,.maill_rev2:before{content:"";display:inline-block;width:20px;background-size:contain;vertical-align:middle;position:relative;background-repeat:no-repeat}.chat_rev2:before{background-image:url(https://vi-vo.link/lady/assets/images/live-icon-02.svg);height:20px;margin-right:5px;top:1px}.top_ryoukin_tyuusyaku_rev2{text-align:center;font-size:9pt}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}div#sp-icon span{left:50%;top:50%;transform:translate(-50%,-50%)}div#sp-icon span,div#sp-icon span:after,div#sp-icon span:before{display:inline-block;width:30px;height:4px;background:#1f1f1f;position:absolute;transition-property:transform;transition-duration:.3s;border-radius:5px}div#sp-icon span:after{content:"";transform:translateY(10px) rotate(0)}ul#menu li.pencil:before{content:"\f040";font-size:18px}p{margin:10px 0}ul#menu li a{text-decoration:none;display:block;padding:13px 0 13px 30px!important;color:#fff;border-bottom:1px solid}ul#menu li .close-button:before,ul#menu li a:before,ul#menu li:before{content:"";display:inline-block;margin-right:5px;color:#ff7cb4;font-weight:400;padding:6px 5px 3px;text-align:center;font-family:FontAwesome;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;position:absolute;top:14%;left:0}ul#menu li a:after,ul#menu li:after{content:"\f105";display:inline-block;width:20px;height:20px;color:#fff;vertical-align:middle;text-align:center;font-family:FontAwesome;font-size:30px;position:absolute;top:30%;right:5px}ul#menu li.salary:before{content:"\f1c0";font-size:20px}ul#menu li.check:before{content:"\f00c";font-size:20px}ul#menu li.sphone:before{content:"\f10b";font-size:31px}ul#menu li.sphone:before,ul#menu li.volume-up:before{transform:rotate(-15deg);-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg)}ul#menu li.volume-up:before{content:"\f028";font-size:20px}ul#menu li.faq:before{content:"Ｑ";font-size:20px;font-weight:700}ul#menu li.privacy:before{content:"\f007";font-size:20px}ul#menu li.building:before{content:"\f1ad";font-size:20px}ul#menu li.envelope:before{content:"\f0e0"}ul#menu li.envelope:before,ul#menu li.file:before{font-size:20px;transform:rotate(-15deg);-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg)}ul#menu li.file:before{content:"\f15c"}div.sp-open span{background:transparent!important}div.sp-open span:before{transform:rotate(45deg)!important}div.sp-open span:after{transform:rotate(-45deg)!important} /***** 旧style.css 側の補正 *****/ .btn-regist_re,.btn-regist_re3{display:flex;justify-content:center;align-items:center}.btn-regist_re{width:100%;border:transparent}.btn-regist_re2{display:flex;justify-content:center;align-items:center} /**2021.1203 ライブ配信追加用**/ .ansin_img_re_new_01,.live_img_re_new_01{display:block;margin:0 auto;width:80%;margin-top:2rem}.line-ff7cb4{background-image:repeating-linear-gradient(-45deg,#fff,#fff 4px,transparent 0,transparent 10px);height:15px;border:0;margin:2rem 0;background-color:#ff7cb4}.fs-10{font-size:1rem}.fs-15{font-size:15px}.fs-18{font-size:18px}.fw-bold{font-weight:700}.c-ff7cb4{color:#ff7cb4}.mg-t2{margin-top:2rem}.mg-t4{margin-top:4rem}.pd-t2{padding-top:2rem}.live-bgimg-1,.live-bgimg-2{position:relative;padding-top:32.4%;background-size:contain;background-repeat:no-repeat;z-index:1}.live-bgimg-1{background-image:url(https://vi-vo.link/lady/assets/images/top_live_item_03.webp)}.live-bgimg-2{background-image:url(https://vi-vo.link/lady/assets/images/top_live_item_05.webp)}.live-bgimg-1-wrapper,.live-bgimg-2-wrapper{position:absolute;top:-30px;right:10px}.live-box{background:hsla(0,0%,100%,.8);display:block;margin-top:-2rem;z-index:2}.live-box,.live-box-2{width:90%;margin:0 auto;padding:1.5rem;text-align:left;line-height:2}.live-box-2{border:solid 1px #ff7cb4}.live-table{width:90%;border-collapse:collapse;margin:2rem auto}.live-table th{background:#ff7cb4;text-align:center;color:#fff;padding:1.3rem;font-size:20px;font-weight:700;border:solid 1px #ff7cb4}.live-table tr{width:100%}.live-table td{width:33.3%;text-align:center;padding:1rem}.live-td-l{border-left:solid 1px #ff7cb4}.live-td-l,.live-td-r{border-top:solid 1px #ff7cb4;border-bottom:solid 1px #ff7cb4}.live-td-r{border-right:solid 1px #ff7cb4}.live-td-c{border-top:solid 1px #ff7cb4;border-bottom:solid 1px #ff7cb4}.live-td-bg{background:#ffe2f0} /**2021.1215 フロント追加用**/ .fs-12 { font-size: 9pt } .fs-13 { font-size: 13px } .fs-14 { font-size: 14px } .fs-15 { font-size: 15px } .fs-16 { font-size: 1pc } .fs-18 { font-size: 18px } .fs-20 { font-size: 20px } .fs-22 { font-size: 22px } .fs-31 { font-size: 31px } .fw-bold { font-weight: 700 } .c-ff7cb4 { color: #ff7cb4 } .bg-ff7cb4 { background: #ff7cb4 } .box-FF7CB4 { background: #fff5fd; border: 1px solid #ff7cb4 } .mg-auto { margin: 0 auto } .mg-t05 { margin-top: .5rem } .mg-t1 { margin-top: 1rem } .mg-t2 { margin-top: 2rem } .mg-t3 { margin-top: 3rem } .mg-t4 { margin-top: 4rem } .pd-t2 { padding-top: 2rem } .pd-1 { padding: 1rem } .pd-2 { padding: 2rem } .pd-t1 { padding-top: 1rem } .pd-t3 { padding-top: 3rem } .pd-t4 { padding-top: 4rem } .pd-b4 { padding-bottom: 4rem } .t-center { text-align: center } .spwid60-pcwid40, .spwid70-pcwid50, .spwid90-pcwid60, .spwid100-pcwid70, .wid10, .wid20, .wid30, .wid40, .wid50, .wid60, .wid70, .wid80, .wid90, .wid100 { height: 100% } .wid100 { width: 100% } .wid90 { width: 90% } .wid80 { width: 80% } .wid70 { width: 70% } .wid60 { width: 60% } .wid50 { width: 50% } .wid40 { width: 40% } .wid30 { width: 30% } .wid20 { width: 20% } .wid10 { width: 10% } .posi-re { position: relative } .posi-ab { position: absolute } .dis-b { display: block } .dis-i-b { display: inline-block } .dis-f { display: flex } .c-ffffff { color: #fff } .c-90A7F1 { color: #90a7f1 } .c-DC93FD { color: #dc93fd } .border-FF7CB4 { border: 1px solid #ff7cb4 } .shadow-95959529 { box-shadow: 0 2px 6px #95959529 } .line-h-2 { line-height: 2 } .line-h-1_5 { line-height: 1.5 } .line-ff7cb4 { background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 0, transparent 10px); height: 15px; border: 0; margin: 2rem 0; background-color: #ff7cb4 } .vv-heading-img { display: block; margin: 0 auto; width: 80%; margin-top: 2rem } .mg-b1 { margin-bottom: 1rem } .mg-b2 { margin-bottom: 2rem } .mg-b3 { margin-bottom: 3rem } .mg-b4 { margin-bottom: 4rem } @media(max-width:599px) { .spwid100-pcwid70 { width: 100% } .spwid90-pcwid60 { width: 90% } .spwid70-pcwid50 { width: 70% } .spwid60-pcwid40 { width: 60% } } @media(min-width:600px) { .spwid90-pcwid60 { width: 60% } .spwid70-pcwid50 { width: 50% } .spwid60-pcwid40 { width: 40% } .spwid100-pcwid70 { width: 70% } } .front-bg-img-flow { background: linear-gradient(25deg, rgba(255, 178, 214, .2), hsla(0, 0%, 92%, .6)), url(https://vi-vo.link/lady/assets/images/front-item4.webp); background-size: cover; padding-top: 100%; position: relative; opacity: .8 } .front-bg-img-flow-item1, .front-bg-img-flow-item2, .front-bg-img-flow-item3 { left: 50%; width: 90%; display: block; margin: 0 auto; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .front-bg-img-flow-item1 { top: 22% } .front-bg-img-flow-item2 { top: 52% } .front-bg-img-flow-item3 { top: 80% } .new-accent { position: relative; color: #fff; background-image: linear-gradient(120deg, #f093fb 0, #f5576c 100%); padding: .1rem .8rem; border-radius: 5px; opacity: .8; font-size: 9pt }
.new-accent-anima { animation: new-accent-anima 2s infinite; } .new-accent-anima { animation: new-accent-anima 2s infinite; }
@keyframes new-accent-anima { 0% { top: 0px; } 10% { top: 2px; } 20% { top: 0px; } 30% { top: 2px; } 40% { top: 0px; } }
@keyframes new-accent-anima { 0% { top: 0px; } 10% { top: 2px; } 20% { top: 0px; } 30% { top: 2px; } 40% { top: 0px; } }
.front-bg-img-earning, .front-bg-img-earning2, .front-bg-img-earning3 { background-size: cover; width: 85%; height: 300px; background-position: right; position: relative; box-shadow: 1px 2px 6px #ffdcec } .front-bg-img-earning { background-image: linear-gradient(25deg, rgba(255, 17, 188, .1), hsla(0, 0%, 92%, .6)), url(https://vi-vo.link/lady/assets/images/front-item14.jpeg) } .front-bg-img-earning2 { background-image: linear-gradient(25deg, rgba(255, 17, 188, .1), hsla(0, 0%, 92%, .6)), url(https://vi-vo.link/lady/assets/images/front-item12.jpeg) } .front-bg-img-earning3 { background-image: linear-gradient(25deg, rgba(255, 17, 188, .1), hsla(0, 0%, 92%, .6)), url(https://vi-vo.link/lady/assets/images/front-item10.jpeg) } .front-bg-img-earning2 { margin-top: 75pt } .front-bg-img-earning3 { margin-top: 140px } .front-bg-img-earning-item1 { left: 90%; width: 200px } .front-bg-img-earning2-item1-2, .front-bg-img-earning3-item1-2, .front-bg-img-earning-item1, .front-bg-img-earning-item1-2 { display: block; margin: 0 auto; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .front-bg-img-earning2-item1-2, .front-bg-img-earning3-item1-2, .front-bg-img-earning-item1-2 { left: 65%; width: 100%; background: #fff; box-shadow: 5px 5px 0 #ff7cb4; padding: 1.5rem; border: solid 1px #ff7cb4; border-radius: 10px } .front-bg-img-earning-item1 { top: 20% } .front-bg-img-earning-item1-2 { top: 80% } .front-bg-img-earning2-item1-2, .front-bg-img-earning3-item1-2 { top: 90% } .front-bg-img-earning3-2 { margin-top: 150px } .front-bg-img-earning-item1-2:before { background-image: url(https://vi-vo.link/lady/assets/images/front-item9.svg) } .front-bg-img-earning2-item1-2:before { background-image: url(https://vi-vo.link/lady/assets/images/front-item11.svg) } .front-bg-img-earning3-item1-2:before { background-image: url(https://vi-vo.link/lady/assets/images/front-item13.svg) } .front-bg-img-earning-item1-2:before { content: ''; display: inline-block; position: absolute; vertical-align: middle; background-size: contain; width: 300px; height: 50%; background-repeat: no-repeat; right: 0; top: -10rem } .front-bg-img-earning2-item1-2:before { height: 40% } .front-bg-img-earning2-item1-2:before, .front-bg-img-earning3-item1-2:before { content: ''; display: inline-block; position: absolute; vertical-align: middle; background-size: contain; width: 250px; background-repeat: no-repeat; right: 0; top: -10rem } .front-bg-img-earning3-item1-2:before { height: 35% } .vv-heading-reward { border-left: #ff7cb4 solid 3px; padding-left: 1rem; line-height: 1.2 } .live-table2 { width: 100%; border-collapse: collapse; margin: 2rem auto } .live-table2 th { background: #ff7cb4; text-align: center; color: #fff; padding: 1.3rem; font-size: 20px; font-weight: 700; border: solid 1px #ff7cb4 } .live-table2 tr { width: 100% } .live-table2 td { width: 33.3%; text-align: center; padding: 1rem } .front-link-type1 { width: 46%; border: 1px solid #ff7fb5; text-align: center; position: relative; padding: 1rem .5rem; display: inline-block; margin: .5rem; color: #ff7cb4; font-size: 9pt } .front-link-type1:after { content: ""; position: absolute; background-image: url(https://vi-vo.link/lady/assets/images/ic-right.svg); background-repeat: no-repeat; width: 15px; height: 15px; top: 55%; right: -2%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .fadein { transition: all .6s ease-out } .fadein.toUp { transform: translateY(20px); opacity: 0 } .fadein.show { transform: translate(0); opacity: 1 } @media(max-width:599px) { .front-bg-img-earning2-item1-2 { top: 100% } .front-bg-img-earning3 { margin-top: 200px } .front-bg-img-earning3-item1-2 { top: 110% } .front-bg-img-earning3-2 { margin-top: 250px } } @media(max-width:414px) { .front-bg-img-earning-item1-2 { top: 90% } .front-bg-img-earning2-item1-2 { top: 110% } .front-bg-img-earning3-item1-2 { top: 120% } .front-bg-img-earning2 { margin-top: 140px } .front-bg-img-earning3 { margin-top: 15pc } .front-bg-img-earning3-2 { margin-top: 300px } } @media(max-width:360px) { .front-bg-img-earning-item1-2 { top: 100% } .front-bg-img-earning2-item1-2 { top: 120% } .front-bg-img-earning3-item1-2 { top: 130% } .front-bg-img-earning2 { margin-top: 200px } .front-bg-img-earning3 { margin-top: 310px } .front-bg-img-earning3-2 { margin-top: 360px } }