@charset "utf-8";
/* --------------------------------------------------
*	00. Reset
*	01. Default
*	02. Header
*	03. Modules
*	04. attentionLP
*	05. Footer
*	06. E.T.C.
*	99. Clearfix
 -------------------------------------------------- */

/* --------------------------------------------------
	00. Reset
 -------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

ins{
background-color:#ff9;
color:#000;
text-decoration:none;
}

mark{
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}

del{
text-decoration: line-through;
}

abbr[title],dfn[title]{
border-bottom:1px dotted #000;
cursor:help;
}

img {display:block;}

table {
border-collapse:collapse;
border-spacing:0;
}

* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

/* --------------------------------------------------
	01. Default
 -------------------------------------------------- */
body{
margin:0;
padding:0;
background:url("../img/back-img.png");
font-family:"ヒラギノ角ゴ Pro W3", HiraKakuProN-W3, sans-serif;
-webkit-text-size-adjust:none;
color:#666666;
font-size:16px;
line-height:1.6;
letter-spacing:-0.001em;
}
ul,ol,dl{list-style:none outside none;}
em, strong{color:#7bd3bb; font-weight:bold; font-style:normal;}
hr{display:none;}
button{margin:0; padding:0; border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
header, nav, footer{clear:both; display:block;}
a{color:#26466d; text-decoration:underline; vertical-align:baseline; background:transparent;}
img, a img{border:0; vertical-align:bottom;}
input, select{vertical-align:middle;}
a:visited {color: #26466d;}

p.tiny {font-size:0.68em;}
p.caution {font-size:0.74em; line-height:1.6; padding-left:1em; text-indent:-1em; }
p.caution:before {margin-bottom:10px!important;}

/*img.center {display:block; margin:0 auto;}

a.goForm {display:block; width:500px; height:74px; margin:0 auto;}
a.goFormIn {display:block; width:500px; height:102px; margin:0 auto 35px;}
a.goFormIn img:last-of-type {margin-top:10px;}*/


/* --------------------------------------------------
	02. Header
 -------------------------------------------------- */
header {background:#FFF; width:100%;}
header div {width:100%; max-width:960px; margin:0 auto; height:58px; padding:10px 0 0 20px;}
header div img {width:186px; height:auto;}
h1 {position:relative; background:url(../img/back-img_top.png);}
h1 img.main {max-width:960px; margin:0 auto; width:90%; height:auto;}
h1 div {position:absolute; width:100%; height:20px; bottom:0; background:url(../img/note-edge_01.png) repeat-x bottom/contain;}

h2 {background:url(../img/note-edge_01.png) repeat-x bottom/contain, url(../img/note-edge_02.png) repeat-x top/contain, url(../img/back-img_h2.png); padding:35px 0;}
h2 img {margin:0 auto; width:100%;}
h2 img.sec01-01 {max-width:290px;}
h2 img.sec01-02 {max-width:355px;}
h2 img.sec02 {max-width:309px;}
h2 img.sec03 {max-width:264px;}

h2.sec01 {background:none; padding:0; margin:50px auto 25px;}

h3 {margin:0 auto 25px;}
h3 img {margin:0 auto; width:100%;}
h3 img.sec02-1 {max-width:405px;}
h3 img.sec02-2 {max-width:365px;}
h3 img.sec02-3 {max-width:435px;}
h3 img.sec03-1 {max-width:275px;}
h3 img.sec03-2 {max-width:320px;}

/* --------------------------------------------------
	03. Modules
 -------------------------------------------------- */
article {width:100%;}
section {width:90%; max-width:480px; margin:0 auto; padding: 50px 0;}
/*section div.cta {width:100%; height: auto; max-width:960px; max-height:345px; padding:18% 0 0; background:url("../img/cta_back_online.png") no-repeat top/contain;}
section div.cta img {width:83%; max-width:800px; margin:0 auto;}*/
section div.cta {position: relative;}
section div.cta img.bt {max-width:800px; width:88%; display: flex; justify-content: center; align-items: center; position:absolute; top:70%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
section div.cta img.back {max-width:960px; width:100%;}
section div.reward {width:100%; margin:0 auto; display:flex; flex-wrap:wrap;}
section div.reward img {width:49%; max-width:49%; margin-bottom:10px;}
section div.reward img:nth-child(odd) {margin-right:2%;}
section div.reward img:nth-last-child(1), section div.reward img:nth-last-child(2) {margin-bottom:0;}
section div.fig {margin-bottom:25px;}
section div.fig img {width:100%; max-width:480px;}
section div.present img {width:100%; max-width:262px; margin:50px auto 25px;}
section div img.chart {width:100%; max-width:425px; height:auto; margin:50px auto;}
section div img.bannerNo1 {width:100%; max-width:362px; margin:35px auto 50px;}
section div img.full {width:100%; max-width:960px;}
section p {width:90%; max-width:780px; margin:0 auto 15px;}
section p sup {font-size:50%; vertical-align:super;}
section table {width:100%; max-width:640px; margin:25px auto;}
section table caption {font-weight:bold; padding-bottom:15px; color:#7bd3bb;}
section table tr th {border:1px solid #999; padding:10px; background:#cfe6e0; color:#FFF; width:65%; font-size:0.82em;}
section table tr td {border:1px solid #999; padding:10px; background:#FFF; width:35%; font-size:0.76em; text-align:center;}
section table tr td:nth-child(even) {text-align:right;}
section ul {width:100%; max-width:390px; margin: 50px auto;}
section#sec03 ul li {padding-left:1em; text-indent:-1em;}


/*section div.mammothFlow {display:flex; width:100%; max-width:780px; margin:20px auto; padding:20px; background:#FFF; border-radius:20px;}*/
section div.mammothFlow {display:flex; width:100%; max-width:480px; margin:20px auto; padding:10px; background:#FFF; border-radius:10px;}
section div.mammothFlow img {flex-shrink:0; flex-basis:52px; width:100%; max-width:52px; max-height:52px; border-radius:6px; margin-right:10px;}
section div.mammothFlow div {flex-shrink:0; flex:1;}
section div.mammothFlow div h4 {width:100%; /*max-width:390px;*/ font-size:0.62em; margin:0 0 0.8em;}
section div.mammothFlow div p {width:100%; /*max-width:390px;*/ font-size:0.60em; margin:0 0 0.8em; line-height:1.4;}
section div.mammothFlow div p.caution {font-size:0.58em;}
section div.mammothFlow div ul {width:100%; /*max-width:390px;*/ font-size:0.60em; margin:0;}

.icon-circle {align-items:center; background-color:#ddd; border-radius:16px; color:#fff; display:inline-flex; font-size:10px; font-weight:700; height:16px; justify-content:center; line-height:1; margin-right:4px; width:16px; background-color:#e56f6a}


section#secCampaign {width:100%; max-width:inherit; background:url(../img/note-edge_02.png) repeat-x top/contain, url(../img/note-edge_01.png) repeat-x bottom/contain, url(../img/back-img_h2.png); padding:10px 0 20px;}
section#secCampaign h2.campaign {background:none; padding:0; margin:25px auto; width:100%; max-width:187px;}
section#secCampaign h2.companyProfile {background:none; padding:0; margin:25px auto 0; width:100%; max-width:93px;}
/*section#secCampaign img.companyProfile {width:100%; max-width:960px; height:auto;}*/
section#secCampaign div {width:80%; max-width:390px; margin:0 auto; padding:0;}
section div img.companyProfile {width:100%; max-width:390px; height:auto; margin:10px auto 50px;}
section#secCampaign div ul {margin:0 0 50px;}
section#secCampaign div ul.inText li {padding-left:1em; text-indent:-1em; margin:0 0 16px; font-size: 0.82em; line-height:1.6;}




/*section div dl {width:620px; margin:0 auto 50px; line-height:1.4;}
section div dl.qa dt {padding:0 0 0 35px;background:url(../img/q_icon.png) no-repeat left 3px; margin:0 0 20px 0; height: auto; min-height:30px;}
section div dl.qa dd {padding:0 0 0 35px; background:url(../img/a_icon.png) no-repeat left 3px; margin:0 0 20px 0; min-height:30px;}
section div dl.qa dt h4 {margin:0 0 10px 0; font-size:24px; color:#76a4b3;}
section div dl.qa dd h4 {margin:0 0 10px 0; font-size:24px; color:#280f05;}

section div#about {margin-bottom:50px;}
section div#about dl {all:unset; padding:0 20px; background:#FFF; line-height:1.2; font-size:18px;}
section div#about dl dt {float:left; text-align:right; width:200px;}
section div#about dl dd {float:right; text-align:left; width:480px; padding-bottom:10px;}
section div#about img.logo {display:block; margin:30px auto 20px;}
section div#about:before {content: url(../img/fukidashi_sep_top.png);}
section div#about:after {content: url(../img/fukidashi_sep_bottom.png);}*/



/* --------------------------------------------------
	04. attentionLP
 -------------------------------------------------- */
/*#attentionLp {margin:0 auto; padding:0 0 30px;}
#attentionLp h2 {font-size:24px; margin:0 0 20px; padding:5px 0; border-top:1px dotted #FFF; border-bottom:1px dotted #FFF;}
#attentionLp h3 {margin:20px 0 10px; padding:0;}
#attentionLp p,
#attentionLp div.privilege {margin:0 0 30px; padding:0;}
#attentionLp div.privilege h4 {margin-bottom:10px!important;}
#attentionLp div.privilege p {margin:0 0 10px; padding:0; font-weight:normal; line-height:1.4;}
#attentionLp div.privilege p img {width:120px; float:right; margin:0 0 0 10px; border-radius:4px;}
#attentionLp ul {margin-bottom:30px;}
#attentionLp ul.top {margin-bottom:0;}
#attentionLp ul li {list-style:none; text-indent:-1em; padding-left:1em; margin:10px 0 0; line-height:1.4;}
#attentionLp ul li ul {margin:15px 0 0;}
#attentionLp ul li ul li {text-indent:0; padding-left:0; margin:8px 0 0; line-height:1.2;}
#attentionLp div img.gotoBEEF {margin:0 auto; display:block; width:100%;}*/


/* --------------------------------------------------
	05. Footer
 -------------------------------------------------- */
section#pMark {padding:35px 0 25px;}
section#pMark h2 {margin:0 auto 15px; padding:0; text-align:center; font-size:8px; background:none;}
section#pMark div {width:232px;}
section#pMark img {display:block; margin:0 auto; width:100%; max-width:47px; height:auto;}

section#copyright {padding:0; border-top:dotted 1px #777; width:100%; max-width:inherit;}
section#copyright p {font-size:6px; margin:10px auto 94px; text-align:center; padding:0;}

/* --------------------------------------------------
	06. E.T.C.
 -------------------------------------------------- */
/* SP HALF-SIZE */
.mt15 {margin-top:10px!important;}
.mt30 {margin-top:15px!important;}
.mt40 {margin-top:20px!important;}
.mt50 {margin-top:25px!important;}
.mt70 {margin-top:35px!important;}
.mt100 {margin-top:50px!important;}
.mb0 {margin-bottom:0px!important;}
.mb10 {margin-bottom:5px!important;}
.mb15 {margin-bottom:10px!important;}
.mb30 {margin-bottom:15px!important;}
.mb50 {margin-bottom:25px!important;}
.mb70 {margin-bottom:35px!important;}
.mb100 {margin-bottom:500px!important;}
.pt50 {padding-top:25px!important;}

/* --------------------------------------------------
	99. Clearfix
 -------------------------------------------------- */
.cf:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
font-size: 0;
content: " ";
}
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }


/* incen */
#secIncen {background:#fff; padding:35px 0 40px;}
.incen {
	margin: 0 auto 30px;
	width: 660px;
}
.incenWrap {
	width: 660px;
}
.incenWrap p {
	text-align: center;
}
/*.incenWrap div {
	width: 660px;
}*/
.incenItem {
	margin-bottom: 10px;
	padding: 0 5px;
}
.incenItemHalf {
	float: left;
	width: 330px;
	margin-bottom: 10px;
	padding: 0 5px;
}
.incenItemThird {
	float: left;
	width: 220px;
	margin-bottom: 10px;
	padding: 0 5px;
}
.incenSelect {
	/*width: 660px;*/
	width: 100%!important;
	text-align:center;
    margin-bottom:0!important;
}
.labelSelect {
	background-color: #280f05;
	display: inline-block;
	line-height: 1;
	padding: 16px 0!important;
	/*width: auto;*/
	color: #fff;
	margin:0 auto!important;
	width: 100%!important;
}
.labelSelect.light {
	background-color: #a5873c;
	margin-bottom: 40px;
}
/*#secCampaign div {
	margin: 0 auto;
	width: 660px;
}*/
.accordion {
	border-top: 2px solid #a5873c;
	margin: 0 0 48px 0;
    width:100%;
}
.accordionContent {
	border-bottom: 2px solid #a5873c;
	border-left: 2px solid #a5873c;
	border-right: 2px solid #a5873c;
    padding: 0;
}

.accordionHeading {
	background: #dbb960;
	background: -moz-linear-gradient(left, #dbb960 0%, #fcf4cf 100%);
	background: -webkit-linear-gradient(left, #dbb960 0%,#fcf4cf 100%);
	background: linear-gradient(to right, #dbb960 0%,#fcf4cf 100%);
	border-bottom: 2px solid #a5873c;
	border-left: 2px solid #a5873c;
	border-right: 2px solid #a5873c;
	color: #280f05;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb960', endColorstr='#fcf4cf',GradientType=1 );
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	position: relative;
	padding: 12px 8px;
}
.accordionHeading:last-child {
	border-bottom: 0;
}
.accordionHeading .icon {
	display: inline-block;
	fill: #280f05;
	height: 16px;
	margin-top: 4px;
	position: absolute;
	right: 8px;
	top: 25%;
	width: 16px;
}
.accordionContent {
	/*font-size: 24px;*/
	font-size: 0.82em;
	padding: 24px;
    background: #FFF;
}
.accordionContent p {
    width:100%;
	line-height: 1.4;
}
.accordionContent p:last-child {
	margin-bottom: 0;
}
.list {
    width:100%;
	list-style: none;
	margin: 0 0 12px 0!important;
	padding-left: 0;
    padding-bottom: 0!important;
}
.listItem {
	font-size: 0.82em;
	line-height:1.6;
	margin:0 0 16px;
	margin:0 0 8px!important;
	padding-left: 16px;
	position: relative;
}
.listItem:last-of-type {
    margin-bottom:0!important;
}
.listItem:before {
	background-color: #15100a;
	border-radius: 50%;
	content: '';
	display: block;
	left: 6px;
	height: 4px;
	position: absolute;
	/*top: 8px;*/
	top: 7px;
	width: 4px;
}
.hang {
	padding-left: 1em;
	text-indent: -1em;
}
.bold {
	font-weight: bold;
}
.listHotel {
	margin-bottom: 24px;
}
.listHotelItem {
	float: left;
	position: relative;
	width: 25%;
}
.listHotelItem .icon {
	fill: #fff;
	height: 16px;
	margin-top: -8px;
	position: absolute;
	right: 12px;
	/*top: 50%;*/
	top: 0.5em;
	width: 16px;
}
.listHotelItem a {
	background-color: #F70209;
	border-radius: 6px;
	color: #fff;
	display: block;
	font-size: 30px;
	line-height: 1;
	margin-bottom: 4px;
	margin-left: 4px;
	padding: 16px 12px;
}
.hotelInfo {
	font-size: 16px;
}
.hotelInfo dt {
	font-weight: bold;
}
.hotelInfo dd {
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 24px;
}
.limit {
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	line-height: 1.4;
	padding: 24px 0;
}
.titleNote {
	border-bottom:1px dotted #999;
	border-top:1px dotted #999;
	font-weight:bold;
	line-height:1;
	padding:18px 0;
	text-align: center;
    margin:0 0 35px;
    width:100%;
	font-size: 0.98em;
}
.subtitleNote {
	font-size: 0.96em;
	font-weight: bold;
	line-height: 1;
	margin:25px 0 15px;
}
.subText {font-size: 0.82em; width:100%;}
.label {
	background-color: #F70209;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	line-height: 1;
	margin-right: 4px;
	padding: 6px 0;
	text-align: center;
	width: 54px;
	vertical-align: 0.1em;
}

/*div.pc, span.pc, a.pc {display:none;}

@media screen and (min-width: 768px){
	div.pc, span.pc, a.pc {display:block;}
	div.sp, span.sp, a.sp {display:none;}
}*/


/* 下部固定メニュー */
.bottomMenu {
	display: none;
	width: 100%;
	max-width: 100%;
    height:82px;
    padding:16px 0 0;
	position: fixed;
	bottom: 0;
	z-index:999;
    background: #363b63;
    background:url("../img/back-img_bottom-cta.png") repeat top/256px 256px;
}
.bottomMenu div {
    display: flex;
    width: 100%;
    max-width:960px;/* 通常CTAとのバランスを整えるために明確にサイズを指定 */
    margin:0 auto;
}
.bottomMenu div div.bottomCta {
    lex-grow: 1;
    padding:0 21px;
}
.bottomMenu div div.bottomCta a {
    display: block;
    margin:0 auto;
}
.bottomMenu div.bottomCta a img {vertical-align:bottom; width:88%; max-width:800px; margin:0 auto;}


@media screen and (min-width: 481px){
    body{font-size:24px; line-height:1.8;}
    header div {height:72px;}
    header div img {width:232px;}

    h1 div {background:url(../img/note-edge_01.png) repeat-x bottom/auto 20px;}
    h1 img.main {width:100%;}

    h2 {background:url(../img/note-edge_01.png) repeat-x bottom/auto 20px, url(../img/note-edge_02.png) repeat-x top/auto 20px, url(../img/back-img_h2.png); padding:70px 0;}
    h2 img {margin:0 auto; width:100%;}
    h2 img.sec01-01 {max-width:581px;}
    h2 img.sec01-02 {max-width:711px;}
    h2 img.sec02 {max-width:618px;}
    h2 img.sec03 {max-width:528px;}
    
    h2.sec01 {margin:100px auto 55px;}

    h3 {margin-bottom:45px;}
    h3 img.sec02-1 {max-width:810px;}
    h3 img.sec02-2 {max-width:730px;}
    h3 img.sec02-3 {max-width:870px;}
    h3 img.sec03-1 {max-width:550px;}
    h3 img.sec03-2 {max-width:640px;}

    section {max-width:960px; padding:100px 0;}
    section p {margin-bottom:35px;}

    /*section div.cta {width:100%; max-width:960px; height:345px; padding:160px 0 0; background:url("../img/cta_back_online.png") no-repeat top/960px 345px;}*/
    /*section div.cta img {width:100%; max-width:800px; margin:0 auto;}*/
    
    section table {margin:50px auto;}
    section table tr th {border:2px solid #999;}
    section table tr td {border:2px solid #999;}

    section ul {max-width:780px; margin: 50px auto;}
    
    section div.reward {width:660px; margin:0 auto; display:flex; flex-wrap:wrap;}
    section div.reward img {width:100%; max-width:320px; margin-bottom:20px;}
    section div.reward img:nth-child(odd) {margin-right:20px;}

    section div.fig {margin-bottom:50px;}
    section div.fig img {max-width:960px;}
    section div.present img {max-width:524px; margin:100px auto 50px;}
    section div img.chart {max-width:850px; margin:100px auto;}
    section div img.bannerNo1 {max-width:725px; margin:70px auto 100px;}
    
    section#sec03 ul li {font-size:0.98em;}

    section div.mammothFlow {max-width:780px; margin:20px auto; padding:20px; border-radius:20px;}
    section div.mammothFlow img {flex-basis:140px; max-width:140px; max-height:140px; border-radius:10px; margin-right:20px;}
    section div.mammothFlow div {flex-basis:720px!important;}
    section div.mammothFlow div h4 {font-size:0.74em;}
    section div.mammothFlow div p {font-size:0.62em; line-height:inherit;}
    section div.mammothFlow div p.caution {font-size:0.58em;}
    section div.mammothFlow div ul {font-size:0.62em;}
    .icon-circle {border-radius:32px; font-size:20px; font-weight:700; height:32px; margin-right:8px; width:32px;}

    .bottomMenu {height:190px; padding:40px 0 0;}

    section#secCampaign {background:url(../img/note-edge_02.png) repeat-x top/auto 20px, url(../img/note-edge_01.png) repeat-x bottom/auto 20px, url(../img/back-img_h2.png); padding:30px 0 50px;}
    section#secCampaign h2.campaign {margin:50px auto; max-width:374px;}
    section#secCampaign h2.companyProfile {margin:50px auto 0; max-width:186px;}
    /*section#secCampaign img.companyProfile {width:100%; max-width:480px;}*/
    section#secCampaign div img.companyProfile {max-width:780px; margin:20px auto 100px!important;}
    section#secCampaign div {max-width:780px;}

    .subtitleNote {
        margin:50px 0 25px;
    }
    .titleNote {
	padding:36px 0;
    margin:0 0 70px;
    }
    .accordion {max-width:780px;}
    section#copyright p {margin:20px auto 250px;}
    .listItem:before {height:8px; width:8px; left:2px; top:8px;}
    .accordionHeading {
        font-size: 32px;
        padding: 24px 16px;
    }
    .accordionHeading .icon {
        height: 32px;
        margin-top: -16px;
        right: 16px;
        top: 50%;
        width: 32px;
    }
    .label {
        font-size: 24px;
        margin-right: 8px;
        padding: 8px 0;
        width: 120px;
    }
    .list {
        margin: 0 0 36px 0!important;
    }
    .listItem {
        margin:0 0 16px!important;
    }
    section#pMark {padding:70px 0 50px;}
    section#pMark h2 {margin:0 auto 30px; font-size:21px;}
    section#pMark div {width:464px;}
    section#pMark img {max-width:94px;}
    section#copyright p {font-size:16px; margin:20px auto 200px;}
    
    .mt15 {margin-top:15px!important;}
    .mt30 {margin-top:30px!important;}
    .mt40 {margin-top:40px!important;}
    .mt50 {margin-top:50px!important;}
    .mt70 {margin-top:70px!important;}
    .mt100 {margin-top:100px!important;}
    .mb0 {margin-bottom:0px!important;}
    .mb10 {margin-bottom:10px!important;}
    .mb15 {margin-bottom:15px!important;}
    .mb30 {margin-bottom:30px!important;}
    .mb50 {margin-bottom:50px!important;}
    .mb70 {margin-bottom:70px!important;}
    .mb100 {margin-bottom:100px!important;}
    .pt50 {padding-top:50px!important;}
}


@media screen and (min-width: 768px){
    section {padding:80px 0;}
}


@media screen and (min-width: 1030px){
    .bottomMenu div.bottomCta {padding:inherit;}
    .bottomMenu div.bottomCta a img {width:100%;}
}


.step {
margin: 0 !important;
width: 100%;
}

/* --------------------------------------------------
	ex. AIアバター：スマホ閲覧時サイズ調整_20251117～
 -------------------------------------------------- */
@media screen and (max-width: 1030px) {
  #chatOrTalkWidget {
    transform: scale(0.8);
    transform-origin: bottom right; /* 右下を基準に拡大 */
  }
  .chatOrTalkWidget {
    margin:0 -20px -100px;
  }
}

/* 初期状態：透明＆クリックできない */
.chatOrTalkWidget {
    opacity: 0 !important;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

/* スクロール中に見える状態 */
.chatOrTalkWidget.is-scroll-visible {
    opacity: 1 !important;
    pointer-events: auto;
}