@charset "utf-8";
/* CSS Document */

/* .fccl-hero-area-chat {*/
.fccl-hero-area-chat {min-height: 415px;background: #FFFFD9 0% 0% no-repeat padding-box;}
.fccl-hero-area-chat .content {position: relative; width: 100%; max-width: 1280px; margin: 60px auto 0; padding: 55px 16px;}
.fccl-hero-area-chat .content-inner {position: relative; color: #1A1A1A; z-index: 2;}
.fccl-hero-area-chat .content-inner .main-txt {font-size: 4.0rem; font-weight: bold;}
.fccl-hero-area-chat .content-inner .sub-txt {margin-top: 32px;font-size: 2.0rem; font-weight: bold;}
.fccl-hero-area-chat .content-inner .sub-txt.lineindex {margin-top: 16px;}
.fccl-hero-area-chat .content-inner .sub-txt .receptiontime-info {margin-top: 8px; font-size:1.8rem; font-weight: normal;}
.fccl-hero-area-chat .content-inner .sub-txt .maintenance-info { display: inline-block; margin-top: 1.5rem;font-weight: normal;font-size:1.6rem; }
.fccl-hero-area-chat .content-inner .sub-txt .maintenance-info p {margin-top: 1rem;}
.fccl-hero-area-chat .content-inner .sub-txt .maintenance-info .tit {margin-top: 0; font-weight: 700; font-size: 1.8rem; color: #006E54;}
.fccl-hero-area-chat .content-inner .sub-txt .maintenance-info .tit i {margin-right: .5rem; font-size: 2.4rem; }
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn {display: flex; margin-top: 32px!important;}
.fccl-hero-area-chat .content-inner .sub-txt.lineindex .sub-txt-btn {margin-top: 32px!important;}
.fccl-hero-area-chat .content-inner .sub-txt.lineindex p:not(.receptiontime-info){max-width: 460px;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn > * a {text-decoration: none;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .webmain-btn,
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linemain-btn {width: 416px; font-size: 2.0rem; font-weight: bold;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .webmain-btn > a {position: relative;display: block; padding: 22px 10px 23px; background: #98E400 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #BFBF69CC;border-radius: 10px;text-align: center;vertical-align: middle;color: #0D2F03;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .webmain-btn > a::before {content: ""; position:absolute; top: 0;left: 0;right: 0;bottom: 0; border-radius: 10px; background-color: rgba(0,0,0,1.0); opacity: 0;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .webmain-btn > a:hover::before {opacity: 0.1;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .webmain-btn > a:active::before {opacity: 0.3;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .webmain-btn .ic_chatbubbles { margin-right: 16px; vertical-align: middle; z-index: 1;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .webmain-btn .txt_chatbubbles {position: relative; top:3px;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linemain-btn > a {position: relative; display: block; padding: 18px 10px 18.11px; background: #06C755 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #BFBF69CC; border-radius: 10px;color: #FFFFFF; text-align: center;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linemain-btn > a::before {content: ""; position:absolute; top: 0;left: 0;right: 0;bottom: 0; border-radius: 10px; background-color: rgba(0,0,0,1.0); opacity: 0;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linemain-btn > a:hover::before {opacity: 0.1;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linemain-btn > a:active::before {opacity: 0.3;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linemain-btn .ic_line {position: relative;margin-right: 15px; vertical-align: middle;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linemain-btn .txt_line {position: relative;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .websub-btn,
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linesub-btn {width: 226px; margin-left: 25px; font-size: 2.0rem; font-weight: normal;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .websub-btn > a,
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linesub-btn > a {position: relative;display: block;padding: 20px 10px;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #BFBF69CC;border: 5px solid #f4f4f4;border-radius: 10px;text-align: center;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .websub-btn > a::before,
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linesub-btn > a::before {content: ""; position:absolute; top: -5px;left: -5px;right: -5px;bottom: -5px; border-radius: 10px; background-color: rgba(0,0,0,1.0); opacity: 0;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .websub-btn > a:hover::before,
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linesub-btn > a:hover::before {opacity: 0.1; border-radius: 10px;}
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .websub-btn > a:active::before,
.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linesub-btn > a:active::before {opacity: 0.3; border-radius: 10px;}
.fccl-hero-area-chat .visual {position: absolute; top: -24px; right: 0; z-index: 1;}
@media only screen and (max-width: 1090px) {.fccl-hero-area-chat .visual {width: 35%;}}
@media only screen and (max-width: 768px) {.fccl-hero-area-chat .visual {width: 30%; top:0; }.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .webmain-btn {font-size: 1.8rem;}.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .websub-btn,.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linesub-btn {font-size: 1.8rem; font-weight: normal;}}
@media only screen and (max-width: 750px){
	.fccl-hero-area-chat .content-inner .main-txt .demo{display: block;}/*お試し版専用*/
}
@media only screen and (max-width: 480px) {
	.fccl-hero-area-chat .content {margin: 40px auto 0; padding: 27px 16px;}
	.fccl-hero-area-chat .visual {width: 25%; top: -15px;}/*{display: none;}*/
	.fccl-hero-area-chat .content-inner .main-txt {font-size: 3.2rem;}
	.fccl-hero-area-chat .content-inner .sub-txt {font-size: 1.8rem;}
	.fccl-hero-area-chat .content-inner .sub-txt .receptiontime-info {font-size: 1.6rem;}
	.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn {display: block;}
	.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .webmain-btn,.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linemain-btn {width: 100%;}
	.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .websub-btn,.fccl-hero-area-chat .content-inner .sub-txt .sub-txt-btn .linesub-btn {width: 100%; margin-left: 0; margin-top: 16px;}
}
/* }*/

/* inner-chat-contents { */
.inner-chat-contents { margin: 0; padding: 25px 0;}
.inner-chat-contents.How-to-use {background-color: #F2F7F7;}
.inner-chat-contents > h2 {font-size:2.8rem; font-weight: bold; color: #1A1A1A; margin: 0 25px; padding-bottom: 12px; border-bottom: 3px solid #1A1A1A;}
.inner-chat-contents .lyt-item-a.lyt-item-chat .img {vertical-align: middle;}
.inner-chat-contents .lyt-item-a.lyt-item-chat {margin-top: 58px;}
.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-title {text-align: center;}
.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-title h3 {font-size:2.4rem; color: #00634C;}
.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-title h3 span {position: relative; top: 8px; margin: 0 26px;}
.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon {position: relative; margin-top: 28px; min-height: 150px; background: #FFFFD9 0% 0% no-repeat padding-box; border-radius: 88px;}
.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon:first-child {margin-top: 0;}
.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon::before {position: absolute; left: -12px; bottom: 0; content: ""; background-image:url(/support/contact/chat/images/img-balloon_arrow.svg); width: 53px; height: 23px;}
.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon .balloon-inner {padding: 0 38px; display: flex; justify-content: center; align-items: center;}
.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon .balloon-inner > .balloon-inner-img { min-width: 140px; text-align: center;}
.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon .balloon-inner > .balloon-inner-txt { min-height: 106px; margin: 22px 0; vertical-align: middle;}
.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon .balloon-inner > .balloon-inner-txt .txt-inner01 {font-weight: bold; color: #00634C;}
.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon .balloon-inner > .balloon-inner-txt .txt-inner02 {margin-top: 9px;}
@media only screen and (max-width: 1000px) {
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon .balloon-inner > .balloon-inner-img { min-width: 108px;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-title h3 {font-size: 2.2rem; }
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-title h3 span {top: 5px; margin: 0px 6px 0px 14px;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-title h3 img {width: 22px; height: auto;}
}
@media only screen and (max-width: 768px) {
	.inner-chat-contents .lyt-item-a.lyt-item-chat {table-layout: fixed;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat {margin-top: 30px;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat >.img {display: table-header-group;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat>.img>.img-inner { display: block; max-width: inherit; width: inherit;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .img img {max-width: 60%;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-title h3.web { margin-top: 16px;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-title h3 span {top: 6px;margin: 0 18px;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-title h3 img {width: auto; height: 22px;}
}

@media only screen and (max-width: 480px) {
	.inner-chat-contents > h2 {font-size:2.4rem;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-title h3 {font-size: 20px;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-title h3 span {top: 6px;margin: 0 10px;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-title h3 img {width: auto; height: 20px;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon {}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon::before {display: none;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon .balloon-inner {display: block; padding: 0 20px 20px 20px;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon .balloon-inner > .balloon-inner-txt {margin: 0;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon .balloon-inner > .balloon-inner-txt .txt-inner01 {font-size: 1.6rem; font-weight: bold;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon .balloon-inner > .balloon-inner-txt .txt-inner02 {font-size: 1.6rem; margin-top: 8px;}
	.inner-chat-contents .lyt-item-a.lyt-item-chat .lyt-item-chat-balloon {border-radius: 30px;}
}

	/* accordion - ご利用方法 */
	.How-to-use .accordion .How-to-use-toggle {display: none;}
	.How-to-use .accordion .How-to-use-Label {display: block;	font-size:2.8rem; font-weight: bold; color: #1A1A1A; margin: 0 25px; padding-bottom: 12px; border-bottom: 3px solid #1A1A1A; cursor: pointer;}
	.How-to-use .accordion .How-to-use-Label::before{content:""; background-image: url(/support/contact/chat/images/ic_Chevron.svg);	width: 41px; height: 41px; position: absolute; top: 5px; right: 5px; transform: translateY(-25%) ; transition: 0.3s;}
	.How-to-use .accordion .How-to-use-Label,.How-to-use .accordion .How-to-use-content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s;}
	.How-to-use .accordion .How-to-use-content {height: 0; margin-bottom:10px; padding: 0 25px; overflow: hidden;font-size: 1.8rem;}
	.How-to-use .accordion .How-to-use-toggle:checked + .How-to-use-Label + .How-to-use-content {height: auto; padding: 20px 25px; transition: all .3s;}
	.How-to-use .accordion .How-to-use-toggle:checked + .How-to-use-Label::before {transform: translateY(-25%) rotate(-180deg) !important;transition: 0.3s;}
	.How-to-use .accordion .How-to-use-content .list-step-chat > li {position: relative;margin-bottom: 16px;padding-bottom: 16px;	}
	.How-to-use .accordion .How-to-use-content .list-step-chat > li .step-tit {padding: 20px 33px; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 57px; opacity: 0.8; font-size: 2.4rem; font-weight: bold;}
	.How-to-use .accordion .How-to-use-content .list-step-chat > li .step-chat-inner {margin: 33px 32px 0; padding: 20px 0 20px 50px; border-left: 6px solid #FFFFFF;}
	.How-to-use .accordion .How-to-use-content .list-step-chat > li .step-chat-inner .inner-img.web { max-width: 464px; background: #ffffff; border: 1px solid #707070;}
	.How-to-use .accordion .How-to-use-content .list-step-chat > li .step-chat-inner .inner-img.line { max-width: 322px; background: #ffffff; border: 1px solid #707070;}
	.How-to-use .accordion .How-to-use-content .Tips {background: #FFFFFF 0% 0% no-repeat padding-box; padding: 32px; opacity: 0.8;}
	.How-to-use .accordion .How-to-use-content .Tips .Tips-inner {display: flex; align-items: center;}
	.How-to-use .accordion .How-to-use-content .Tips .Tips-inner .Tips-inner-l {font-size: 26px; font-weight: bold; padding-right: 46px; min-width: 174px;}
	.How-to-use .accordion .How-to-use-content .Tips .Tips-inner .Tips-inner-r {}
@media only screen and (max-width: 480px) {
	.How-to-use .accordion .How-to-use-content .list-step-chat > li .step-tit {padding: 10px 20px; border-radius: 20px; opacity: 0.8; font-size: 1.8rem;}
	.How-to-use .accordion .How-to-use-content .list-step-chat > li .step-chat-inner {margin: 16px 20px 0; padding: 0; border-left: none;}
	.How-to-use .accordion .How-to-use-content .Tips {padding: 20px 18px;}
	.How-to-use .accordion .How-to-use-content .Tips .Tips-inner {display: block; font-size: 1.6rem} 
	.How-to-use .accordion .How-to-use-content .Tips .Tips-inner .Tips-inner-l {text-align: center; min-width: inherit;} 
	.How-to-use .accordion .How-to-use-content .Tips .Tips-inner .Tips-inner-r {margin-top: 20px;}
}

	/* chat-faq-contents - Q&A　*/
	[data-script-enabled=true] .list-accordion-a>li>.toggle-hook:after,
	[data-script-enabled=true] .list-accordion-a>li>.toggle-hook:before {content: none; background: none; left: inherit;}/* reset */
	.chat-faq-contents {padding: 20px 25px;}
	.chat-faq-contents h3 {background: #F2F7F7 0% 0% no-repeat padding-box; border-radius: 57px; font-size: 2.6rem; font-weight: bold; padding: 20px 33px 16px;}
	.chat-faq-contents .list-accordion-a.chat-faq-toggle { margin: 0 /*25px*/ 0;}
	.chat-faq-contents .list-accordion-a.chat-faq-toggle > li {padding: 34px 0 0; border-bottom: 2px solid #F4F4F4;}
	.chat-faq-contents .list-accordion-a.chat-faq-toggle > li:last-child {border-bottom: none;}
	.chat-faq-contents .list-accordion-a.chat-faq-toggle .toggle-hook {display: flex; align-items: center; font-size: 2.4rem; font-weight: bold; color: #1A1A1A; padding: 0 60px 0 0;}
	.chat-faq-contents .list-accordion-a.chat-faq-toggle .toggle-hook .ic_question {display: inline-block; position: relative; text-align: center; font-size: 4.0rem; font-weight: bold; color: #FFFFFF; background: #006E54; border-radius: 50%; min-width: 67px; width: 67px; height: 67px; line-height: 67px; margin-right: 54px;}
	.chat-faq-contents .list-accordion-a.chat-faq-toggle .toggle-hook .ic_question::before{position: absolute; right: 0px; bottom: 0; content: ""; background-image:url(/support/contact/chat/images/img-faq-q-arrow.svg); background-repeat: no-repeat; background-size: 100%; width: 15px; height: 13px;}
	.chat-faq-contents .list-accordion-a.chat-faq-toggle > li > .toggle-content {margin: 0 15px 16px; padding: 0;}
	.chat-faq-contents .list-accordion-a.chat-faq-toggle > li > .toggle-content > li {display: flex; align-items: center;padding: 36px 47px; background: #EDF2F2 0% 0% no-repeat padding-box;border-radius: 20px;}
	.chat-faq-contents .list-accordion-a.chat-faq-toggle > li > .toggle-content .ic_answer {display: inline-block; position: relative; text-align: center; font-size: 4.0rem; font-weight: bold; color: #006E54; background: #FFFFFF; border-radius: 50%; min-width: 67px; width: 67px; height: 67px; line-height: 67px; margin-right: 54px;}
	.chat-faq-contents .list-accordion-a.chat-faq-toggle > li > .toggle-content .ic_answer::before{position: absolute; right: 0px; bottom: 0; content: ""; background-image:url(/support/contact/chat/images/img-faq-a-arrow.svg); width: 15px; height: 13px;}
	.chat-faq-contents .list-accordion-a.chat-faq-toggle > li > .toggle-content .txt_answer {display: inline-block; font-size: 1.6rem;}
	[data-script-enabled=true] .chat-faq-contents .list-accordion-a.chat-faq-toggle>li>.toggle-hook {margin-bottom: 35px; padding: 0 170px 0 0;	position: relative;}
	[data-script-enabled=true] .chat-faq-contents .list-accordion-a.chat-faq-toggle>li>.toggle-hook:before {content:""; background-image: url(/support/contact/chat/images/ic_Addition.png); background-size: 100%; background-repeat: no-repeat; width: 50px; height: 50px; position: absolute; top: 10px; right: 62px;}
	[data-script-enabled=true] .chat-faq-contents .list-accordion-a.chat-faq-toggle>li.is-open>.toggle-hook:before {content:""; background-image: url(/support/contact/chat/images/ic_Subtract.png);}
	@media only screen and (max-width: 768px) {
		.chat-faq-contents .list-accordion-a.chat-faq-toggle { margin: 0;}
		.chat-faq-contents .list-accordion-a.chat-faq-toggle .toggle-hook {padding: 0 30px 0 0;}
		.chat-faq-contents .list-accordion-a.chat-faq-toggle .toggle-hook .ic_question {margin-right: 40px;}
		[data-script-enabled=true] .chat-faq-contents .list-accordion-a.chat-faq-toggle>li>.toggle-hook {padding: 0 90px 35px 0}
		[data-script-enabled=true] .chat-faq-contents .list-accordion-a.chat-faq-toggle>li>.toggle-hook:before {right: 10px;}
	}
	@media only screen and (max-width: 480px) {
		[data-script-enabled=true] .chat-faq-contents .list-accordion-a.chat-faq-toggle>li>.toggle-hook {padding: 0 0 38px 0;}
		[data-script-enabled=true] .chat-faq-contents .list-accordion-a.chat-faq-toggle>li>.toggle-hook:before {width: 40px; height: 40px; top: 90%; left: 45%; right: 0;}
		.chat-faq-contents .list-accordion-a.chat-faq-toggle > li:first-child {padding: 0;}
		.chat-faq-contents .list-accordion-a.chat-faq-toggle .toggle-hook {display: block; font-size: 2.0rem;}
		.chat-faq-contents .list-accordion-a.chat-faq-toggle .toggle-hook .ic_question {display: block; font-size: 3.0rem; min-width: 49px; width: 49px; height: 49px; line-height: 49px; margin-right: 0; margin-bottom: 30px; left: 42%;}
		.chat-faq-contents .list-accordion-a.chat-faq-toggle .toggle-hook .ic_question::before{background-size: 96%; width: 12px; height: 9px;}	
		.chat-faq-contents .list-accordion-a.chat-faq-toggle > li > .toggle-content {margin: 0;}
		.chat-faq-contents .list-accordion-a.chat-faq-toggle > li > .toggle-content > li {display: block;padding: 20px;}
		.chat-faq-contents .list-accordion-a.chat-faq-toggle > li > .toggle-content .ic_answer {display: block; font-size: 3.0rem; min-width: 49px; width: 49px; height: 49px; line-height: 49px; margin-right: 0; margin-bottom: 20px; left: 42%;}
	}

	/* webchat-btn */
	.webchat-btn {text-align: center;}
	.webchat-btn > a {position: relative;display: inline-block;padding: 40px 145px;background: #98E400 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #BFBF69CC;border-radius: 10px;text-align: center;vertical-align: middle;color: #0D2F03; font-size: 2.4rem; font-weight: bold; text-decoration: none;}
	.webchat-btn > a::before {content: ""; position:absolute; top: 0;left: 0;right: 0;bottom: 0; border-radius: 10px; background-color: rgba(0,0,0,1.0); opacity: 0;}
	.webchat-btn > a:hover::before {opacity: 0.1;}
	.webchat-btn > a:active::before {opacity: 0.3;}
	.webchat-btn > a .ic_chatbubbles {margin-right: 14px;}
	.webchat-btn > a .txt_chatbubbles {position: relative;top:2px;}
	@media only screen and (max-width: 768px) {.webchat-btn > a {display: block; padding: 40px 10px;}}
	@media only screen and (max-width: 480px) {
		.webchat-btn > a {font-size: 1.8rem;padding: 30px 10px;}
	}

	/* line-btn */
	.line_inner_block {display: flex; justify-content: center; align-items: center; text-align: center; width: 100%;}
	.line-btn {text-align: center;}
	.line-btn.in-use > a {position: relative;display: inline-block;padding: 13px 62px 13px 58px;background: #06C755 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #BFBF69CC;border-radius: 10px;text-align: center;vertical-align: middle; color: #FFFFFF; font-size: 2.0rem; font-weight: bold; text-decoration: none;}
	.line-btn > a {position: relative;display: inline-block;padding: 33px 135px;background: #06C755 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #BFBF69CC;border-radius: 10px;text-align: center;vertical-align: middle; color: #FFFFFF; font-size: 2.4rem; font-weight: bold; text-decoration: none;}
	.line-btn > a .line-btn-inner {vertical-align: middle;}
	.line-btn > a::before {content: ""; position:absolute; top: 0;left: 0;right: 0;bottom: 0; border-radius: 10px; background-color: rgba(0,0,0,1.0); opacity: 0;}
	.line-btn > a:hover::before {opacity: 0.1;}
	.line-btn > a:active::before {opacity: 0.3;}
	.line-btn > a .ic_line {position: relative;margin-right: 14px;}
	.line-btn > a .txt_line {position: relative; top: -5px;}
	.line-qr {display: inline-block;background: #FFFFFF 0% 0% no-repeat padding-box; padding: 17px; margin-left: 5%;}
	@media only screen and (max-width: 768px) {
		.line_inner_block {display: block;}
		.line-btn > a {display: block; padding: 33px 20px;}
		.line-qr {margin-left: 0; margin-top: 5%;}

	}
	@media only screen and (max-width: 480px) {
		.line-btn > a,.line-btn.in-use > a  {font-size: 1.8rem;padding: 20px 16px;}
	}

/* } inner-chat-contents */

/* btn - 新しいページを開く */
.btn-newopen {}
.btn-newopen a {position: relative; font-size: 1.8rem; color: #1A1A1A; display: inline-block; background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;border: 4px solid #F4F4F4;border-radius: 10px;text-decoration: none;text-align: center;}
.btn-newopen a::before {content: ""; position:absolute; top: -5px;left: -5px;right: -5px;bottom: -5px; border-radius: 10px; background-color: rgba(0,0,0,1.0); opacity: 0;}
.btn-newopen a:hover::before {opacity: 0.1;}
.btn-newopen a:active::before {opacity: 0.3;}
.btn-newopen a .newopen-txt span {position: relative; top:2px;}
.btn-newopen a .newopen-txt .ic_openinnewwindow {display: inline-block; vertical-align: middle; margin-left: 7px; width: 18px; height: 18px;} 
.btn-newopen.goNotes {text-align: center; margin-top: 24px;}
.btn-newopen.goNotes > a .newopen-txt {padding: 15px 40px;}
.btn-newopen.goModelname {margin-top: 8px!important;}
.btn-newopen.goModelname > a .newopen-txt {padding: 15px 30px;}
@media only screen and (max-width: 768px) {.btn-newopen a {display: block;}.btn-newopen.goNotes > a {padding: 15px 10px;}}
@media only screen and (max-width: 480px) {.btn-newopen a {font-size: 1.6rem;}.btn-newopen.goNotes > a .newopen-txt {padding: 0;}
}


/* svg deta css { */
/*.ic_chatbubbles {display: inline-block; margin-right: 10px; height: 35px;}*/
.newopen-img {width: 18px; height: 18px; vertical-align: middle; margin-left: 5px; position: relative;top:-1px;}
.newopen-img .newopen-img-path {fill:#1A1A1A;}
/* } svg deta css */