/*reset*/
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,section{margin: 0;padding: 0;}
ul,ul li {list-style-type: none;}
input,textarea,select {font-size: 1rem;}
form,input,textarea {margin: 0;}
table {border-collapse:collapse; border-spacing: 0;}
caption,th {text-align: left;}
div {margin: 0;padding: 0;}
a {outline: none;}
img,a img {vertical-align: bottom;border: none;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}

/*clearfix*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
*html .clearfix {height:1%}
.clearfix {display: block}
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/*popkit-style*/
body {background: #fff;color: #333;margin: 0 auto;padding: 0;
font: 90%/180% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "Osaka", arial, Helvetica, sans-serif;
-webkit-text-size-adjust: 100%;letter-spacing: .02rem;}
a:link {color: #0645ad;text-decoration: underline;} a:visited {color: #0664ad;text-decoration: underline;} a:hover,a:active {color: #e40; text-decoration: none;}

/*PC・SP切替、アンカー*/
.w-pc {/*max-width: 100%;margin: 0 auto;*/}
.w-sp {display: none !important;}
a.anc {display: block;padding-top: 135px;margin-top: -135px;}
@media screen and (max-width: 640px){
.w-pc {display: none !important;}
.w-sp {display: block !important;}
a.anc {display: block;padding-top: 70px;margin-top: -70px;}
}

/*全体囲み・ヘッダー*/
#wrapper {margin: 0 auto;width: 100%;height: 100%;}
#header-wrap {margin: 0 auto;width: 100%;max-width: 1200px;}
header {width: 100%;max-width: 1200px;height: 125px;margin: 0 auto;padding-top: 30px;z-index: 999;position: fixed;}
@media screen and (max-width: 640px){
#wrapper {min-width: 320px;}
header {min-width: 260px;padding: 0;height: 70px;}
}
/*section囲み*/
div.bg {margin: 0 auto;width: 100%;}
div.bg.hd {position: fixed;z-index: 998;height: 125px;background-color: rgba(255,255,255,0.95);box-shadow: 0px 5px 7px rgba(200,200,200,.1);}
div.bg.c1 {background-color: #fff467;}
div.bg.c2 {background-color: #fffee2;}
section {width: 100%;max-width: 1200px;margin: 0 auto;padding: 5px 0;z-index: 1;}
div.bg section {padding: 30px 0;}
div.bg section.s1 {padding: 50px 0;}
section.cont picture img {margin: 0 auto;display: block;}
@media screen and (max-width: 640px){
div.bg section {padding: 10px 0;}
section {max-width: 100%;min-width: 300px;}
div.bg section.s1 {padding: 30px 0 35px;}
section.cont picture img {width: 90%;}
div.bg.hd {height: 70px;}
}

/*メインメニュー・問い合わせボタン フラッグ型*/
#navi {top: 0;left: 0;width: 100%;padding: 0 20px 0 20px;z-index: 9999;}
#navi input {display: none;}/* チェックボックスを非表示 */
.floating-banner {position: fixed;z-index: 999;top: 80px;right: 15px;width: 100%;max-width: 200px;height: auto;}
.floating-banner.trial {position: fixed;z-index: 999;top: 240px;right: 15px;width: 100%;max-width: 200px;height: auto;}
.floating-banner img {width: 100%;height: auto;}

/*
@media screen and (max-width: 1200px){
.floating-banner {top: 90px;}
.floating-banner.trial {top: 225px;}
}
@media screen and (max-width: 1100px){
#navi {padding: 0 60px 0 10px;}
.floating-banner, .floating-banner.trial {max-width: 180px;}
.floating-banner.trial {top: 200px;}
}
@media screen and (max-width: 980px){
#navi {padding: 0 60px 0 10px;}
.floating-banner, .floating-banner.trial {max-width: 140px;}
}
*/

@media screen and (max-width: 1080px){
#navi {padding: 0 20px 0 10px;}
.floating-banner, .floating-banner.trial {max-width: 130px;}
.floating-banner {top: 10px;right: 190px;}
.floating-banner.trial {top: 5px;right: 60px;}
/*.floating-banner.trial {display: none;}*/
}
@media screen and (max-width: 641px){
.floating-banner {top: unset;bottom: 0;left: 0;max-width: 100%;z-index: 999;background-color: rgba(255,255,255,0.8);padding: 10px 18% 15px;}
.floating-banner.trial {top: unset;bottom: 0;left: 0;max-width: 100%;z-index: 999;background-color: rgba(255,255,255,0.8);padding: 10px 18% 15px;}
}
/*問い合わせボタン スマホ*/
.btn-contact {width: 135px;margin: 15px 0 0 15px;}

/*ロゴ*/
.menu-left {float: left;}
.menu-left img {vertical-align: middle;width: auto;width: 325px;height: auto;}
@media print, screen and (max-width: 640px) {
#navi {padding: 0;}
.menu-left img {width: 250px;margin: 12px 0 0 15px;}/*width: 140px;margin: 10px 0 0 15px;*/
}

/*メインメニュー*/
#menu {float: right;margin-top: 10px;}
#menu li {position: relative;white-space: nowrap;}
#menu > li {float: left;border-right: solid 1px #999;}
#menu > li:last-child {border-right: none;}
#menu li a {font-size: 16px;letter-spacing: .1rem;padding: 14px 17px;display: block;text-decoration: none;color: #444;font-weight: normal;}
#menu li a.ib {padding: 8px 12px;}
#menu li a.ib.pg {padding: 7px 17px;line-height: 1.2;}
#menu li a:hover {color: #ff6670;}
#menu li a.now {color: #ff6670;}

@media screen and (max-width: 1200px){
#menu {margin-top: 4px;}
#menu li a {font-size: 15px;letter-spacing: .05rem;}
#menu li a.ib {padding: 14px 12px;}
#menu li a.ib.pg {padding: 6px 12px;}
}
@media screen and (max-width: 980px){
#menu li a {font-size: 12px;}
#menu li a.ib {padding: 14px 10px;}
#menu li a.ib.pg {padding: 8px 10px;}
}
@media screen and (max-width: 920px){
#menu li a {font-size: 13px;}
#menu li a.ib {padding: 14px 8px;}
#menu li a.ib.pg {padding: 9px 8px;}
}

/*パソコンでは V を非表示*/
#menu > li .pd {display: none;}
#menu-navibtn {display: none;cursor: pointer;cursor: hand;}

/*メインメニュー スマホ用*/
@media screen and (max-width: 1080px){
/* 基本非表示 */
#menu {display: none;}
#menu li {height: auto;width: 100%;padding: 0px 20px;border-bottom: 1px solid #DDD;white-space: nowrap;}
#menu > li {margin-right: -20px;}
/* V を表示 */
#menu > li .pd {display: inline-block;width: 100%;}
#menu li a {display: inline-block;font-size: 1.2rem;letter-spacing: .1rem;margin: 0 auto;width: 100%;}
#menu li a.ib, #menu li a.ib.pg {padding: 26px 20px 24px;line-height: 1;}
#menu li a:before {font-family: FontAwesome;content: '\f054';margin-right: .5rem;color: #ff6670;}
#menu li:first-child {border-top: 1px solid #DDD;}
#menu li i {padding: 0px 6px;}
/* メニューを移動させないため */
#menu-navibtn:checked ~ #navi {position: fixed;overflow-y: scroll;overflow-x: hidden;height: 100%;}
}

/*ドロップダウンメニュー 子メニュー*/
#menu li ul {position: absolute;}
#menu > li > ul li {font-size: 14px;display: none;padding: 0px 20px;background-color: #fff;border-left: 1px solid #ddd;
border-right: 1px solid #ddd;border-bottom: 1px solid #eee;}
#menu > li > ul li a {font-size: 14px;}
#menu li ul li:first-child {border-top: 1px solid #ddd;}
#menu li ul li:last-child {border-bottom: 1px solid #ddd;}
#menu li ul li ul {top: -1px;left: 100%;}
/*#menu li ul li ul li ul,
#menu li:nth-child(n+3) ul li ul {left: inherit;right: 100%;}*/
#menu > li > ul {margin-left: -40px;width: auto;}

/* パソコン用 */
@media screen and (min-width: 1080px){
#menu li:hover {background-color: transparent;}
#menu > li:hover > ul > li,
#menu li ul li:hover > ul > li {display: block;}
/* 階層がある場合の誘導の印 */
#menu li ul li ul:before,
#menu li ul li ul li ul:before,
#menu li:nth-child(n+3) ul li ul:before {position: absolute;top: 28px;content: "";border: 5px solid transparent;display: block;}
/* 通常タイプ */
#menu li ul li ul:before {left: -10px;border-left-color: #666;}
/* 右側タイプ */
#menu li ul li ul li ul:before,
#menu li:nth-child(n+3) ul li ul:before {right: -10px;border-right-color: #666;}
}
/* スマホ用 */
@media screen and (max-width: 1080px){
/* ハンバーガーメニューがクリックされた時 */
#menu-navibtn:checked ~ * #menu {display: block;}
#menu-navibtn:checked ~ * #menu > li {max-height: inherit;overflow-y: visible;}
#menu {margin: 12px auto 50px;padding-bottom: 20px;width: 100%;background-color: #fff;}
#menu > li ul {line-height: 20px;}
#menu > li > label:hover {cursor: pointer;cursor: hand;}
#menu li ul {position: static;}
/* ドロップダウンメニュー 子メニュー（スマホ）*/
#menu > li > ul {margin-left: initial;position: relative;}
#menu li ul li:first-child {border-top: 1px solid #DDD;}
#menu ul li:last-child {border-bottom: none;}
#menu > li > ul li {border-left: 1px solid #FFF;border-right: 1px solid #FFF;
width: 94%;margin: 0 auto;padding: 0 3%;background-color: #fafafa;}
#menu > li > ul li a {display: inline-block;width: 100%;}
#menu li ul li ul {top: inherit;left: 0;}
#menu li ul li:last-child {border-bottom: none;}
/* 子メニューがクリックされた時 */
#menu input[type="checkbox"]:checked ~ label ~ ul > li {max-height: inherit;overflow-y: visible;display: block;}
.angletoggle:before {font-family: FontAwesome;content: "\f107";font-style: normal;color: #fff;}
#navi input[type="checkbox"]:checked ~ label .pd .angletoggle:before {font-family: FontAwesome;content: "\f106";}
}

/* ハンバーガー */
#navi #navibtn {display: none;}
@media screen and (max-width: 1080px){
#navi #navibtn {display: block;position: absolute;top: 15px;right: 10px;}
#navibtn span {display: block;width: 55px;height: 40px;background-color: #fff;}
#navibtn span span {display: block;overflow: hidden;width: 1px;height: 1px;}
#navibtn span span::before,#navibtn span span::after,#navibtn span::after {
position: absolute;left:10px;content:"";width: 35px;height: 3px;background-color: #666666;}
/* 上の棒 */
#navibtn span span::before {top:10px;}
#menu-navibtn:checked ~ #navi label#navibtn span span::before {top:19px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
/* 下の棒 */
#navibtn span::after {bottom:10px;}
#menu-navibtn:checked ~ #navi label#navibtn > span::after {bottom:18px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
/* 中の棒 */
#navibtn span span::after {top:18px;}
#menu-navibtn:checked ~ #navi label#navibtn span span::after {display: none;}
}

/*コンテンツ*/
#content {width: 100%;margin: 0 auto;padding: 127px 0 30px;}
@media screen and (max-width: 640px){
#content {padding: 70px 0 0px;}
}

/*トップページ*/
.top-mv {position: relative;z-index: 1;width: 100%;max-width: 1200px;margin: 0 auto;}
.top-mv .top-mv-btn {position: absolute;z-index: 99;width: 37.5%;left: 31.3%;bottom: 5%;/*padding-top: 30%;*/}
.top-mv .top-mv-bg {width: 100%;max-width: 1200px;}
@media screen and (max-width: 640px){
.top-mv {width: 100%;max-width: 1200px;margin: 0 auto;}
.top-mv .top-mv-btn {position: static;width: 94%;padding-top: 0;margin: 20px auto 0;display: block;}
}

#content .top-ttl-wrap {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0;display: block;
/*background: #fff url(../img/top/popkit_description.png) no-repeat right 100px top 0px;background-size: 360px;*/}
#content .top-ttl {margin: 90px auto 70px;padding: 0;font-size: 2.8rem;line-height: 1.2;font-weight: 800;width: 90%;
font-family: "Noto Sans JP", sans-serif;/*font-family: NeueMontreal,Arial,sans-serif;*/letter-spacing: .01rem;/*text-align: left;*/}
#content .top-p {text-align: left;font-size: 1.2rem;line-height: 1.7;color: #555;width: 64%;margin: 0 auto;padding: 0 0 70px;letter-spacing: .03rem;}
#content .top-t2 {margin: 0 auto;padding: 70px 0 0;font-size: 32px;line-height: 1.8;letter-spacing: .1rem;color: #ff6670;text-align: center;font-weight: 800;}
#content .top-p-i {display: none;}
.marker-under {background: linear-gradient(transparent 60%, #ff6 60%);font-weight: 800;}

@media screen and (max-width: 960px){
#content .top-ttl-wrap {background-image: none;}
#content .top-ttl {margin: 55px auto;padding: 0;font-size: 2.4rem;}
#content .top-p {text-align: center;font-size: 1.2rem;line-height: 1.9;width: 90%;margin: 30px auto 0px;}
#content .top-t2 {font-size: 1.2rem;line-height: 1.6;letter-spacing: .03rem;}
#content .top-p-i {display: block;width: 50%;max-width: 800px;margin: 0 auto 30px;}
}
@media screen and (max-width: 640px){
#content .top-ttl {width: 90%;margin: 40px auto;font-size: 2.1rem;}
#content .top-p {margin: 0 auto 30px;}
#content .top-p-i {width: 80%;}
}

/*さまざまな業界で選ばれています*/
.lst-biz {width: 86%;margin: 30px auto 50px;padding: 23px 1.5% 15px;display: flex;flex-flow: row wrap;background-color: #ffffda;border-radius: 10px;}
.lst-biz li {list-style: none;width: auto;width: calc(19% - 0px);font-size: .9rem;line-height: 1.1;border: solid 1px #ccc;border-radius: 10px;
margin: 0 0.5% 8px;padding: .6rem .1rem;text-align: center;background-color: #fff;box-shadow: 1px 1px 4px rgba(200, 200, 200, 0.5);}
.lst-biz li span {}
.etc {font-size: .8rem;margin: 10px 0 0 5px;color: #777;}
@media print, screen and (max-width: 640px) {
.lst-biz {width: 90%;}
.lst-biz li {width: calc(49% - 0px);font-size: .8rem;}
}

h3.fukidashi {position: relative;width: 80%;max-width: 35rem;margin: 20px auto;padding: 1.2rem 0.5rem;background: #41c5ae;color: #ffe700;font-size: 1.6rem;line-height: 1.1;font-weight: 800;text-align: center;letter-spacing: 0.1rem;border-radius: 5px;}
h3.fukidashi:after {position: absolute;content: '';top: 100%;left: 47.5%;border: 10px solid transparent;border-top: 15px solid #41c5ae;width: 0;height: 0;}

h4.t4 {position: relative;display: block;width: 90%;margin: 40px auto 0;padding: 0;text-align: center;}
h4.t4 strong {display: block;width: 33.333%;margin: 20px auto;padding: 0.7rem 1.5rem;font-size: 1rem;line-height: 1;font-weight: 800;text-align: center;letter-spacing: 0.5rem;border: solid 1px #bbb;border-radius: 2.4rem;background-color: #fff455;}
h4.t4:before, h4.t4:after {content: '';position: absolute;top: 50%;display: inline-block;width: 33.333%;height: 1px;background-color: #aaa;}
h4.t4:before {left:0;}
h4.t4:after {right: 0;}
h5.t5 {width: 90%;margin: 20px auto 40px;padding: 0;font-size: 1.05rem;line-height: 1.7;font-weight: 100;text-align: center;letter-spacing: 0.02rem;}
@media print, screen and (max-width: 760px) {
h3.fukidashi {width: 86%;font-size: 1.2rem;line-height: 1.3;}
h4.t4 strong {width: 60%;}
h4.t4:before, h4.t4:after {width: 20%;}
h5.t5 {width: 86%;margin: 10px auto 30px;font-size: .95rem;text-align: left;text-align: justify;text-justify: inter-ideograph;}
}

/*企業ロゴ*/
.logo-biz {margin: 40px auto 60px;width: 90%;max-width: 770px;display: block;}
@media print, screen and (max-width: 640px) {
.logo-biz {margin: 25px auto 30px;width: 92%;}
}

.box {margin: 0 auto 70px;width: 100%;max-width: 900px;
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.box .box-in {float: left;display: inline-block;}
.box.calc2 .box-in {width: calc(50% - 5px);}
.box.calc2 .box-in .box-p {margin: 10px auto;width: 90%;font-size: 1.3rem;line-height: 1.8;}
.box.calc2 .box-in .box-p strong {font-size: 1.6rem;line-height: 1.8;}
.box.calc2 .box-in > img {width: 80%;margin: 20px auto;display: block;}
@media print, screen and (max-width: 760px) {
.box {margin: 0 auto 40px;}
.box.calc2 .box-in {width: calc(100% - 10px);float: none;display: block;}
.box.calc2 .box-in > img {width: 75%;margin: 15px auto 0;}
.box.calc2 .box-in .box-p {margin: 20px auto 0;width: 96%;font-size: 1.1rem;text-align: center;}
.box.calc2 .box-in .box-p strong {font-size: 1.2rem;line-height: 1.8;}
}

.top-enjoy-wrap {background: #fff url(../img/ttl/ttl-top03-i.png) no-repeat right bottom;width: 96%;max-width: 800px;margin: 30px auto 0;padding: 0 0 10px;display: block;}
.top-enjoy-wrap > img {width: 51.875%;max-width: 415px;margin: 50px auto 0;display: block;}
.top-enjoy-wrap > p {width: 90%;text-align: center;margin: 10px auto;font-size: .8rem;line-height: 1.7;color: #777;}
@media screen and (max-width: 640px){
.top-enjoy-wrap {background-image: none;margin-top: 10px;}
.top-enjoy-wrap > img {width: 86%;}
}
/*トップ　POPKIT for Premium｜法人・組織向けプラン*/
.premium-wrap {margin: -60px auto 50px;padding: 0 0 20px;background-color: #ffffda;width: 96%;max-width: 725px;border-radius: 40px;}
.premium-wrap img {width: 75.8620689655172%;max-width: 550px;margin: 30px auto 0;display: block;}
.premium-wrap .account-txt {text-align: center;margin: 10px auto 0;font-size: .9rem;}
@media screen and (max-width: 640px){
.premium-wrap {margin: -60px auto 10px;width: 92%;}
.premium-wrap img {width: 80%;margin: 10px auto 0;}
.premium-wrap .account-txt {font-size: .75rem;}
}

/*動画*/
.youtube-wrap {position: relative;padding-top: 56.25%;margin: 0 auto 40px;max-width: 80%;border-top: solid 5px #000;border-bottom: solid 5px #000;border-left: solid 20px #000;border-right: solid 20px #000;}
.youtube-wrap iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
@media screen and (max-width: 640px){
.youtube-wrap {position: relative;max-width: 92%;border-left: solid 15px #000;border-right: solid 15px #000;margin: 0 auto 20px;}
}

/*見出し*/
h2 {text-align: center;font-size: 46px;line-height: 1.3;letter-spacing: 0.05rem;font-weight: 800;margin: 0 auto 30px;padding: 0;width: 96%;font-family: NeueMontreal,Arial,sans-serif;}
h2.ttl-top {font-size: 30px;}
.triangle {font-size: 90px;margin: 20px auto;padding: 0;color: #ffbb00;text-align: center;}
.i-c {text-align: center;margin: 0 auto;padding: 0;}
@media only screen and (max-width: 640px) {
h2 {font-size: 2.1rem;line-height: 1.3;letter-spacing: .01rem;margin: 0 auto 15px;}
h2.ttl-top {font-size: 1.3em;}
.triangle {font-size: 2rem;margin: 0 auto .5rem;}
.triangle img {width: auto;height: auto;width: 20%;}
.i-c{margin: 0 auto 10px;}
}

h2.ttl {margin: 0 auto;}
h2.ttl.top-yt {margin-top: 60px;}
h2.ttl img {display: block;}
h2.ttl.top-yt img {width: 79.1666%;max-width: 950px;margin: 30px auto 0;}
h2.ttl.top01 img {width: 49.1666%;max-width: 590px;margin: 20px auto 0;}
h2.ttl.top02 img {width: 49.1666%;max-width: 590px;margin: 10px auto 0;}
h2.ttl.top03 img {width: 51.875%;max-width: 415px;margin: 50px auto 0;padding-top: 10px;}
h2.ttl.top04 img {width: 79.1666%;max-width: 950px;margin: 50px auto 0;}
h2.ttl.cmn img {margin: 20px auto 0;}
@media screen and (max-width: 640px){
h2.ttl.top-yt img, h2.ttl.top01 img, h2.ttl.top02 img, h2.ttl.top03 img, h2.ttl.top04 img {width: 96%;margin: 0px auto 0;}
h2.ttl.top04 {margin: 30px auto 0;}
h2.ttl.top-yt img {margin-top: -30px;}
h2.ttl.top01 img {margin-top: -30px;}
h2.ttl.top02 img {margin: 30px auto 0;}
h2.ttl.cmn img {width: 90%;}
}

h3 {text-align: center;font-size: 20px;line-height: 1.8;letter-spacing: .05rem;font-weight: 800;margin: 15px auto 25px;padding: 0;width: 96%;font-family: NeueMontreal,Arial,sans-serif;color: #666;}
@media only screen and (max-width: 640px) {
h3 {text-align: left;font-size: 1rem;width: 74%;margin: 15px auto 35px;}
}

h4.ttl.cmn.btm img {width: 48%;max-width: 576px;margin: 30px auto 0;display: block;}
.ttl-cmn-p {width: 90%;margin: 10px auto 30px;font-size: 1.2rem;line-height: 1.4;color: #555;text-align: center;}
.ttl-cmn-p strong {font-size: 1.5rem;}
@media screen and (max-width: 640px){
h4.ttl.cmn.btm img {width: 90%;margin: 25px auto 5px;}
.ttl-cmn-p {width: 90%;margin: 10px auto 20px;font-size: 1.05rem;}
}

h6 {width: 76%;margin: 30px auto 20px;padding: .8rem .5rem .7rem;font-size: 2rem;line-height: 1.3;font-weight: 800;background-color: #ffeeb7;color: #ff6d00;text-align: center;
font-family: NeueMontreal,Arial,sans-serif;}
@media only screen and (max-width: 640px) {
h6 {width: 84%;font-size: 1.3rem;margin: 10px auto 0;}
}

/*導入について*/
.arrow-do {position: relative;display: block;background: #fca90a;}
.arrow-do h2 {margin: 0 auto;padding: 2.1rem 0;font-size: 2.4rem;line-height: 1.1;letter-spacing: .05rem;font-weight: 800;text-align: center;color: #fff;}
.arrow-do h2:before {position: absolute;content: "";top: 100%;left: 50%;margin-left: -40px;border: 40px solid transparent;border-top: 40px solid #fca90a;}
.arrow-dw {position: relative;display: block;}
.arrow-dw:before {position: absolute;content: "";top: 100%;left: 50%;margin-left: -40px;border: 40px solid transparent;border-top: 40px solid #ffffff;}
.arrow-dy {position: relative;display: block;}
.arrow-dy:before {position: absolute;content: "";top: 100%;left: 50%;margin-left: -40px;border: 40px solid transparent;border-top: 40px solid #fff467;}
.arrow-do h2:before, .arrow-dw:before, .arrow-dy:before {z-index: 1;}
h3.cmt-func {width: 96%;margin: 15px auto 0;padding: 0;font-size: 1.3rem;line-height: 1.8;letter-spacing: .05rem;font-weight: 100;text-align: center;color: #555;}
@media only screen and (max-width: 640px) {
.arrow-do h2 {padding: 1.4rem 0;font-size: 1.7rem;line-height: 1.3;letter-spacing: .02rem;}
h3.cmt-func {margin: 20px auto 10px;font-size: .95rem;letter-spacing: .02rem;}
section.cont picture img.more-accounts-sp {width: 60%;}
}

div.bg section picture.ttl-flow > img {width: 43.333%;max-width: 520px;margin-top: 15px;}
@media only screen and (max-width: 640px) {
div.bg section picture.ttl-flow > img {width: 96%;max-width: 640px;margin-top: 30px;}
}

/*導入事例 TOP*/
.lst-voice {width: 96%;margin: 40px auto 70px;padding: 0;display: flex;flex-flow: row wrap;}
.lst-voice li {width: calc(32.333% - 0px);margin: 0 0.5% 12px;padding: 0 0 20px;background-color: #fff;box-shadow: 1px 1px 5px rgba(200, 200, 200, 0.5);text-align: left;}
.lst-voice li a {text-decoration: none;}
.lst-voice li a .biz-photo {width: auto;width: 100%;height: auto;margin: 0 auto 16px;}
.lst-voice li a h3.biz-name {width: 88%;font-size: 1.1rem;line-height: 1.5;font-weight: 800;letter-spacing: 0.03rem;margin: 0 auto 3px;padding: 0;color: #333;text-align: left;}
.lst-voice li a span.biz-type {font-size: .85rem;line-height: 1;display: inline-block;font-weight: 100;color: #333;background: #f2f2f2;margin: 0 6% 13px;padding: 5px 10px;}
.lst-voice li a h4.biz-cmt {width: 88%;font-size: .9rem;line-height: 1.6;font-weight: 100;letter-spacing: 0.03rem;margin: 0 auto 15px;padding: 0;color: #666;}
.lst-voice li a p.biz-btn {width: 66%;font-size: .8rem;line-height: 1;margin: 0 auto;padding: 8px .2rem;color: #333;background-color: #ffe000;border-radius: 1.3rem;text-align: center;}
.lst-voice li a p.biz-btn span::after {font-family: FontAwesome;content: '\f105';margin-left: 8px;}
.lst-voice li a .biz-photo:hover, .lst-voice li a p.biz-btn:hover {opacity: 0.7;}
@media print, screen and (max-width: 640px) {
.lst-voice {margin: 30px auto 40px;}
.lst-voice li {width: calc(90% - 0px);margin: 0 auto 20px;padding: 0 0 15px;}
.lst-voice li a h3.biz-name {font-size: 1rem;}
.lst-voice li a span.biz-type {font-size: .75rem;}
.lst-voice li a h4.biz-cmt {font-size: .85rem;}
}

/*導入事例 ページ下部*/
.tbl-voice {border-collapse: collapse;width: 96%;max-width: 1100px;margin: 0 auto 60px;}
.tbl-voice td {padding: 40px 0 10px;vertical-align: top;width: 33.333%;
border-left: solid 20px #fff;border-right: solid 20px #fff;border-bottom: solid 1px #eee;}
.tbl-voice td .v-img {float: left;margin-right: 10px;width: 110px;height: auto;border: solid 1px #ddd;}
.tbl-voice td .v-name {font-size: .58rem;line-height: 1.7;color: #777;margin: 0 auto 5px;font-weight: normal;}
.tbl-voice td .v-name strong {font-size: .75rem;line-height: 1.2;color: #666;display: block;font-weight: 400;letter-spacing: .02rem;}
.tbl-voice td .v-cmnt {font-size: .7rem;color: #777;line-height: 1.4;}
.tbl-voice td .v-link a {background-color: #ffd200;color: #222;padding: .3rem .5rem;margin: 3px auto;float: right;
text-align: center;display: inline-block;border-radius: 1.3rem;font-size: .6rem;line-height: 1;text-decoration: none;}
.tbl-voice td .v-link a span:after {font-family: FontAwesome;content: '\f0da';padding-left: 0.4rem;}
@media only screen and (max-width:640px) {
.tbl-voice {width: 90%;margin: 0 auto;}
.tbl-voice td {display: block;width: auto;clear: both;padding: 15px 0 40px;border: none;border-bottom: solid 1px #eee;}
.tbl-voice td .v-img {width: 25%;}
.tbl-voice td .v-link a {width: 40%;display: block;margin-top: 10px;}
}

/*導入事例 ページ*/
.case-top {width: 760px;margin: 20px auto 10px;}
.case-top tr td {vertical-align: middle;}
.case-cmp {margin: 20px auto;padding: 0;font-size: .95rem;line-height: 1.3;letter-spacing: .02rem;text-align: left;}
.case-cmp span {border: solid 1px #aaa;margin: 0 0 0 .5rem;padding: .15rem .3rem .1rem;color: #777;font-size: .75rem;line-height: 1;}
.case-logo {width: auto;height: auto;max-height: 50px;margin: 0 25px 0 0;float: left;}
.case-ttl {width: 100%;max-width: 760px;margin: 0 auto 10px;padding: .8rem 1.5rem .7rem;text-align: left;color: #666;font-size: 1.2rem;line-height: 1.4;letter-spacing: .03rem;background-color: #ffb300;color: #fff;font-family: NeueMontreal,Arial,sans-serif;}
.case-dl {width: 700px;margin: 0 auto 20px;text-align: left;font-size: .8rem;color: #777;}
.case-dl dt,.case-dl dd,{margin: 0;padding: 0;line-height: 1;}
.case-dl dd {padding: 0 0 0 2.4rem;margin: -1.45rem 0 .05rem;line-height: 1.6;}
.case-mv {margin: 0 auto 30px;display: block;width: 100%;max-width: 880px;}
.case-p {width: 75%;display: inline-block;}
.case-i {width: auto;height: auto;width: 20%;}
.case-i.rgt-i{float: right;margin: 5px 0 5px 15px;}
.case-i.lft-i{float: left;margin: 5px 15px 5px 0;}
@media only screen and (max-width:640px) {
.case-top {width: 96%;margin: 20px auto 10px;}
.case-cmp {width: 100%;text-align: center;}	
.case-cmp span {display: block;width: 88%;margin: .5rem auto 1rem;padding: .4rem .3rem .3rem;}
.case-logo {width: auto;max-height: 100%;max-width: 70%;margin: 0 15% 25px;display: block;}
.case-ttl {width: 94%;font-size: 1.1rem;padding: .6rem .9rem;}
.case-dl {width: 88%;}
.case-mv {margin: 0 auto 20px;}
.case-p {width: auto;display: inline;}
.case-i {float: right;width: auto;height: auto;width: 40%;}
}
img.case-thanks {margin: 0 auto 50px;display: block;width: 80%;max-width: 360px;}

/*導入事例 case*/
.balloon-wrap {width: 700px;margin: 0 auto 40px;}
.balloon {width: 100%;margin: 15px 0;overflow: hidden;}
.balloon .faceicon.f-l {float: left;margin-right: -70px;width: 60px;}
.balloon .faceicon.f-r {float: right;margin-right: 0px;width: 60px;}
.balloon .faceicon img {width: 60px;height: auto;border: solid 2px #ddd;border-radius: 50%;margin-top: 3px;}

.balloon2-left {position: relative;display: inline-block;margin: 4px 0 4px 80px;padding: .8rem 1.2rem;min-width: 120px;max-width: 100%;
color: #555;font-size: .95rem;line-height: 1.8;background: #ffffff;border: solid 1px #ccc;box-sizing: border-box;border-radius: 10px;}
.balloon2-left:before {content: "";position: absolute;top: 25px;left: -18px;margin-top: -6px;border: 6px solid transparent;border-right: 12px solid #ffffff;z-index: 2;}
.balloon2-left:after {content: "";position: absolute;top: 25px;left: -21px;margin-top: -7px;border: 7px solid transparent;border-right: 13px solid #ccc;z-index: 1;}
.balloon2-left p {margin: 0;padding: 0;}

.balloon2-right {position: relative;display: inline-block;margin: 4px 0 0px 10px;padding: .8rem 1.2rem;min-width: 120px;width: 610px;
color: #555;font-size: .95rem;line-height: 1.8;background: #fffdeb;border: solid 1px #ccc;box-sizing: border-box;border-radius: 10px;box-shadow: 1px 1px 6px rgba(128, 128, 128, 0.2);}
.balloon2-right:before {content: "";position: absolute;top: 30px;right: -18px;margin-top: -6px;border: 6px solid transparent;border-left: 12px solid #fffdeb;z-index: 2;}
.balloon2-right:after {content: "";position: absolute;top: 30px;right: -21px;margin-top: -7px;border: 7px solid transparent;border-left: 13px solid #ccc;z-index: 1;}
.balloon2-right p {margin: 0;padding: 0;}

@media only screen and (max-width:640px) {
.balloon-wrap {width: 90%;}
.balloon2-right {width: 77%;margin: 4px 0 6px 0px;}
}

.tbl01 {border-collapse: collapse;width: 95%;max-width: 1080px;margin: 20px auto 30px;letter-spacing: .02rem;background-color: #fff;font-family: NeueMontreal,Arial,sans-serif;}
.tbl01.top-w {width: 76%;background-color: transparent;}
.tbl01 tr.price1{font-size: 1.2rem;font-weight: 800;}
.tbl01 tr.price1 > td {border-right: 1px solid #999999;border-top: 10px solid #fff;border-bottom: 10px solid #fff;vertical-align: middle;padding: .3rem .1rem;}
.tbl01 td {padding: .5rem 0.5%;vertical-align: top;text-align: center;}
.tbl01 td h5 {width: 100%;margin: 0 auto 1em;padding: 0.6em 0 0.5em;font-size: 1.7em;line-height: 1.3;font-weight: 800;background-color: #ffedb2;color: #333;text-align: center;}
.tbl01 td h5.h5clpri{color: #ff6d00;}
.tbl01 td h5.h5clsha{color: #79adff;background-color: #e8ffff;}
p.p-pri {width: 90%;margin: 0 auto 25px;padding: 0;font-size: 1.3em;line-height: 1.7;text-align: left;}
.tbl01 td > img {width: 70%;height: auto;margin: 0 auto 10px;}
@media only screen and (max-width: 640px) {
.tbl01 {width: 98%;margin: 10px auto 15px;}
.tbl01.top-w {width: 96%;margin-bottom: 30px;}
.tbl01 th,.tbl01 td {display: block;width: auto;}
.tbl01 td {padding: 1.2rem 5% 0.2rem;line-height: 1.3;}
.tbl01 td h5 {font-size: 1.1em;}
.tbl01 tr.b1 > td{border-bottom: 1px solid #999;padding: 1.5em 0 1.2em;}
.tbl01 tr.price1 > td{border-right: none;border-top: none;border-bottom: 1px solid #aaa;padding: 0.9rem 0;}
.tbl01 tr.price1 > td:last-child{border-bottom:  none;}
p.p-pri {margin: 0 auto 1em;font-size: 1em;}
.tbl01 td > img {width: 70%;}
}

.tbl-function-wrap {background-color: #fff;width: 85%;margin: 30px auto;padding: 20px;border: solid 3px #fb0;border-radius: 20px;}
.tbl-function {border-collapse: collapse;width: 100%;margin: 0 auto;}
.tbl-function td {padding: 10px 15px;vertical-align: top;text-align: left;width: 50%;}
.tbl-function td h4 {text-align: center;margin: 0 auto 5px;padding: .6rem .5rem .5rem;background-color: #ffe7ae;color: #444;font-size: 1.5rem;line-height: 1.3;
font-family: NeueMontreal,Arial,sans-serif;}
.tbl-function td p {padding: .5rem .5rem .8rem;font-size: .95rem;line-height: 1.8;color: #666;letter-spacing: .01rem;}
.tbl-function td p.b-btm {border-bottom: solid 1px #ccc;}
.tbl-function td.b-rgt {border-right: solid 1px #ccc;}
@media only screen and (max-width: 640px) {
.tbl-function-wrap {width: 90%;padding: 20px 5px;}
.tbl-function td {display: block;width: auto;}
.tbl-function td h4 {font-size: 1.3rem;}
.tbl-function td p {font-size: .85rem;line-height: 1.6;border-bottom: solid 1px #ccc;}
.tbl-function td.b-rgt {border-right: none;}
}

.fuki {position: relative;display: block;vertical-align: top;margin: 0 auto 30px;padding: .9rem 1.4rem;max-width: 98%;color: #555;
font-size: 1rem;line-height: 1.4;border-radius: 1rem;text-align: center;}
.fuki.bgc1 {background: #ecffff;}
.fuki.bgc2 {background: #fff1ff;}
.fuki.bgc3 {background: #ffffff;border: solid 2px #fb0;width: 26rem;font-size: 1.1rem;line-height: 1.8;letter-spacing: .02rem;font-weight: 800;}
.fuki:before{content: "";position: absolute;bottom: -28px;left: 50%;margin: 0;border: 10px solid transparent;z-index: 2;}
.fuki.bgc1:before{border-top: 20px solid #ecffff;}
.fuki.bgc2:before{border-top: 20px solid #fff1ff;}
.fuki.bgc3:before{border-top: 20px solid #ffffff;}
.fuki.bgc3:after {content: "";position: absolute;bottom: -32px;left: 50%;margin: 0;border: 10px solid transparent;z-index: 1;border-top: 20px solid #fb0;}
.fuki p {margin: 0;padding: 0;}
@media only screen and (max-width: 640px) {
.fuki {margin: 0 auto 10px;font-size: .95rem;}
.fuki.bgc3 {width: 80%;font-size: .95rem;}
}

/*ElementAnimation*/
.js-animation {opacity: 0;visibility: hidden;transform: translateY(100px);transition: all 1.5s;}
.js-animation.is-show {opacity: 1;visibility: visible;transform: translateY(0px);}

.element.js-animation {margin: 20px auto 30px;}
.element.js-animation img, .element.js-animation.is-show img {display: block;width: 100%;margin: 0 auto;max-width: 820px;}
@media only screen and (max-width: 640px) {
.element.js-animation img, .element.js-animation.is-show img {width: 80%;margin: 20px auto;}
}

img.top-btn1 {width: 37.5%;margin: 40px auto 20px;display: block;}
@media only screen and (max-width: 640px) {
img.top-btn1 {width: 90%;margin: 20px auto 25px;}
}

/*テキスト*/
.f-txt {margin: 50px auto 10px;width: 100%;text-align: center;font-size: 1.6rem;line-height: 1.3;letter-spacing: .03rem;font-weight: 800;color: #444;font-family: "Noto Sans JP", sans-serif;}
.txt1 {width: 90%;margin: 0 auto 60px;text-align: center;font-size: .85rem;line-height: 1.6;color: #444;}
@media screen and (max-width: 640px){
.f-txt {margin: 40px auto 20px;width: 90%;font-size: 1.25rem;letter-spacing: .02rem;}
.txt1 {width: 90%;margin: 0 auto 30px;font-size: .8rem;}
}

/*基本料金*/
.tbl01 td.price-t {background-color: #ffedb2;padding: 15px 0 30px;line-height: 2.4;}
.tbl01 td.price-t strong {font-size: 1.6rem;}
.tbl01 td.price-t2 {background-color: #fff;padding: 15px 0 5px;font-size: 1.2rem;line-height: 1.4;}
.tbl01 td.price-t3 {background-color: #ffedb2;padding: 30px 0 10px;}
.price-list-t {font-size: .85rem;line-height: 1.6;display: block;width: 90%;margin: 0 auto;}
.price-list-t2 {font-size: .8rem;line-height: 1.3;display: block;}
.price-list-t3 {font-size: .7rem;font-weight: normal;}
@media screen and (max-width: 640px){
.price-list-t {width: 82%;text-align: left;text-align: justify;text-justify: inter-ideograph;}
.price-list-t2 {font-size: .85rem;}
}

.form-btm-t {text-align: center;font-size: .9rem;}
@media screen and (max-width: 640px){
.form-btm-t {text-align: left;font-size: .8rem;width: 90%;margin: 1rem auto;}
}

/*収録POP素材*/
.wuksD5 {border: none;width: 100%;margin: 0 auto;padding: 0;display: block;}

/*よくある質問*/
h2.faq-t {width: 90%;max-width: 900px;margin: 60px auto 10px;padding: 0;font-size: 40px;line-height: 1.3;letter-spacing: 0.05rem;font-weight: 800;}
p.faq-p {width: 90%;max-width: 900px;margin: 0 auto 15px;padding: 0;font-size: 18px;line-height: 1.6;letter-spacing: 0.02rem;font-weight: 100;text-align: center;color: #555;}
@media screen and (max-width: 640px) {
h2.faq-t {margin: 0 auto 10px;font-size: 28px;}
p.faq-p {margin: 0 auto 15px;font-size: 18px;}
}
.cp_qa {width: 74%;margin: 0 auto;}
.cp_qa .cp_actab {position: relative;overflow: hidden;width: 100%;margin-bottom: 0px;}
.cp_qa .cp_actab input {position: absolute;opacity: 0;}
/* 質問 */
.cp_qa .cp_actab label {font-size: 1rem;line-height: 1.4;position: relative;display: block;margin: 0;padding: 1.2rem 3rem 1.2rem 2.5rem;text-indent: -1.5rem;cursor: pointer;border-bottom: 1px solid #ddd;}
.cp_qa .cp_actab label:before {content: 'Q.';padding-right: 0.5rem;color: #fa353b;font-size: 1.2rem;font-weight: 800;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.cp_qa .cp_actab label:hover, .cp_qa .cp_actab label:active {color: #fa353b;background-color: #fefcf5;}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {overflow: hidden;max-height: 0;-webkit-transition: max-height .9s ease;transition: max-height .9s ease;color: #222;background: rgba(230, 250, 230, 0.2);background-color: #fff;}
.cp_qa .cp_actab .cp_actab-content .an {font-size: 0.9rem;padding: 1rem 1rem 1.8rem 3rem;text-indent: -1.9rem;display: block;border-bottom: 2px solid #ddd;background-color: #fefefc;}
.cp_qa .cp_actab .cp_actab-content .an:before {content: 'A.';padding-right: 0.5rem;color: #4ccebc;font-size: 1.3rem;font-weight: 800;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

ul.an-lst {width: 94%;margin: 10px auto 3px;padding: 0;}
ul.an-lst > li {width: 100%;margin: 0 auto .3rem;padding: 0;text-indent: 0rem;font-size: .9rem;line-height: 1.6;letter-spacing: 0.02rem;list-style: disc;}
ul.an-lst > li span {display: inline-block;margin: 0 auto 5px;padding-left: 1rem;text-indent: -0.8rem;font-size: .8rem;line-height: 1.5;}

/* 質問を開いた時 */
.cp_qa .cp_actab input:checked ~ label {color: #fa353b;background-color: #fefcf5;}
.cp_qa .cp_actab input:checked ~ .cp_actab-content {max-height: 40rem;}
.cp_qa .cp_actab label::after {line-height: 1.6;position: absolute;top: 50%;right: 0;display: block;width: 3rem;margin-top: -9px;-webkit-transition: all .9s ease;transition: all .9s ease;text-align: center;}
.cp_qa .cp_actab input[type=checkbox] + label::after {content: '\25BC';font-size: 0.7rem;}
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {-webkit-transform: rotateX(180deg);transform: rotateX(180deg);}
@media screen and (max-width: 640px) {
.cp_qa {width: 96%;}
.cp_qa .cp_actab label {font-size: 0.9rem;line-height: 1.6;padding: 1rem 3rem 1rem 3rem; text-indent:-2rem;}
.cp_qa .cp_actab .cp_actab-content .an {font-size: 0.9rem;line-height: 1.6;padding: 0.8rem 1.8rem 1.2rem 3rem;}
}

/*ボタン*/
a.btn01 {width: 20rem;display: block;margin: 0 auto 30px;padding: 1rem;font-size: 1.2rem;line-height: 1.1;letter-spacing: .05rem;font-weight: 800;color: #fff;background-color: #fd5a62;text-align: center;text-decoration: none;
border-radius: 3.2rem;box-shadow: 1px 5px 0px rgba(255, 200, 0, 0.5);}
a.btn01:hover, a.btn01:active {-webkit-transform: translateY(2px);transform: translateY(2px);
transition: .1s;box-shadow: inset 0 0 3px rgba(128, 128, 128, 0.3);opacity: 0.9;text-decoration: none;}
a.btn01::after {font-family: FontAwesome;content: '\f08e';padding-left: .4rem;font-size: 90%;font-weight: normal;}

.btn01 a {width: 15.5rem;display: block;margin: 0 auto 25px;padding: .95rem .2rem 1rem;font-size: 1rem;line-height: 1.1;letter-spacing: 0.02em;font-weight: 800;
background-color: #ffbb00;color: #333;text-align: center;text-decoration: none;border-radius: 3rem;}
.btn01 a:after {font-family: FontAwesome;content: '\f0da';padding-left: 0.4rem;font-size: 120%;}
.btn01 a:hover{opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

/*thanksページ*/
.thanks-wrap {width: 96%;text-align: center;margin: 40px auto 0;padding: 0 0 40px;border-bottom: solid 1px #ddd;}
.thanks-wrap .thanks-txt1 {font-size: 2.3rem;line-height: 1.4;margin: 0 auto 20px;}
.thanks-wrap .thanks-txt2 {font-size: 1.2rem;line-height: 1.4;margin: 0 auto 10px;}
.thanks-wrap .thanks-txt3 {font-size: .85rem;line-height: 1.7;margin: 0 auto;}
@media only screen and (max-width: 640px) {
.thanks-wrap {width: 90%;text-align: left;}
.thanks-wrap .thanks-txt1 {font-size: 1.6rem;}
.thanks-wrap .thanks-txt2 {font-size: 1.1rem;}
.thanks-wrap .thanks-txt3 {font-size: .8rem;}
}	

/*トライアルフォーム*/
.tr-wrap {max-width: 860px;width: 96%;margin: 0 auto 80px;padding: 0 50px;border-radius: 20px;/*background-color: #fff467;*/}
.tr-ttl {font-size: 40px;line-height: 1.3;letter-spacing: .05rem;font-weight: 800;margin: 70px auto 15px;padding: 0;width: 96%;text-align: center;font-family: NeueMontreal,Arial,sans-serif;}
.tr-txt {font-size: 18px;line-height: 1.6;margin: 0 auto;padding: 0;width: 96%;text-align: center;font-family: NeueMontreal,Arial,sans-serif;}
#formArea_trial {height: 100%;min-height: 320px;}
@media screen and (max-width: 480px){
.tr-wrap {width: 96%;margin: 0 auto 30px;padding: 0 20px;}
.tr-ttl {font-size: 28px;margin: 70px auto 20px;}
.tr-txt {font-size: 16px;}
#formArea_trial {min-height: 350px;}
}

/*SNSリンク*/
.sns-lst {width: 60%;max-width: 900px;min-width: 745px;margin: 40px auto 25px;}
.sns-lst li {display: inline-block;}
.sns-lst li.sns-t {width: 40%;font-size: 19px;text-align: right;padding: 30px 20px 0 0;letter-spacing: .05rem;vertical-align: top;}
.sns-lst li img {width: auto;max-width: 55px;margin: 10px;}
.sns-lst li img:hover {opacity: .9;}
@media only screen and (max-width: 640px) {
.sns-lst {width: 96%;min-width: auto;text-align: center;margin: 15px auto 20px;}
.sns-lst li.sns-t {width: auto;width: 100%;display: block;font-size: 1.1rem;text-align: center;padding: .5rem 0;letter-spacing: .02rem;}
.sns-lst li img {margin: 10px;max-width: 38px;}
}

/*フッター*/
footer {border-top: 1px solid #ddd;margin: 0 auto;padding: 25px 0 70px;text-align: center;line-height: 2;color: #555;width: 100%;background-color: #fff;}
footer #f-navi {width: 96%;margin: 0 auto 20px;}
footer #f-navi a {font-size: 14px;line-height: 1.6;border-right: solid 1px #777;padding: 0 .8rem;display: inline-block;}
footer #f-navi a:last-child {border-right: none;}
footer #f-navi a:link,footer #f-navi a:visited {color: #555;text-decoration: none;}
footer #f-navi a:hover,a:active {text-decoration: underline;}
address {font-size: .75rem;letter-spacing: .05rem;color: #605555;text-align: center;margin: 0 auto;padding: 5px 0;font-style: normal;width: 100%;}
@media screen and (max-width: 640px){
footer {width: 96%;height: 100%;padding: 20px 0 90px;}
footer #f-navi a {font-size: .75rem;margin-bottom: .1rem;padding: 0 .3rem;width: 50%;border-right: none;}
address {font-size: .7rem;}
}

#page-top {position: fixed;bottom: 3px;right: 20px;z-index: 999;/*font-size: 15px;*/}
/*#page-top a {background: #ffbb00;text-decoration: none;color: #fff;padding: 15px;text-align: center;display: block;border-radius: 30px;line-height: 1;opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}*/
#page-top a img:link{opacity: 1;filter: alpha(opacity=100);-ms-filter: "alpha(opacity=100)";}
#page-top a img:hover,#page-top a img:active{opacity: 0.6;filter: alpha(opacity=60);-ms-filter: "alpha(opacity=60)";}
#page-top a img:visited{opacity: 1;filter: alpha(opacity=100);-ms-filter: "alpha(opacity=100)";}

@media screen and (max-width: 480px){
#page-top {bottom: 9px;right: 9px;}
#page-top a img{width: auto;height: auto;height: 89.6px;}
}

/*--------------------------------------------------------------------------------------------------------------------------------------*/

/*▼不要？*/
.w100 {width: auto;width: 100%;vertical-align: bottom;}
.txt-grn {color: #492;}
a.btn-blk {display: block;width: 70%;margin: .5rem auto 4rem;padding: 0.9rem 1.2rem 0.8rem;line-height: 1.4;text-decoration: none;text-align: center;border: solid 1px #492;
font-size: .9rem;letter-spacing: 0.1rem;border-radius: 2.5rem;color: #492;transition: .4s;background: #fff;transition: .3s;}
a.btn-blk:hover {background: #edf9e5;}
a.btn-blk span:after {font-family: FontAwesome;content: '\f08e';padding-left: 0.5rem;}
/*▲不要？*/

/*吹き出し*/
/*.fuki {position: relative;display: block;margin: 0 auto 30px;padding: 1rem;max-width: 60%;color: #ffe001;font-size: 1.6rem;letter-spacing: .1rem;box-sizing: border-box;border-radius: 0;text-align: center;}
.bgc1 {background: #41c5ae;}
.fuki:before {content: "";position: absolute;bottom: -28px;left: 50%;margin: 0;border: 10px solid transparent;z-index: 2;}
.fuki.bgc1:before {border-top: 20px solid #41c5ae;}
.fuki p {margin: 0;padding: 0;}
*/

/*#page-top {position: fixed;bottom: 0px;right: 0px;font-size: 11px;z-index: 999;}
#page-top a {background: #ff6670;text-decoration: none;color: #fff;padding: 18px 20px;text-align: center;display: block;line-height: 1.3;font-weight: 800;opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}*/