@charset "UTF-8";
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,section,div {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;font-weight: normal;}
a {outline: none;}
img,a img {vertical-align: bottom;border: none;margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
/*clearfix*/
.clearfix::after {content: "";display: block;clear: both;height: 0;visibility: hidden;}
*html .clearfix {height: 1%}
.clearfix {display: block}
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

html {scroll-behavior: smooth;}/*スムーススクロール*/

body {color: #333;margin: 0 auto;padding: 0;text-align: center;
font: 90%/180% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "Osaka", arial, Helvetica, sans-serif;
font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;
-webkit-text-size-adjust: 100%;}
a:link {color: #04b599;text-decoration: underline;} a:visited {color: #04b599;text-decoration: underline;} a:hover,a:active {color: #ff5555; text-decoration: none;}

/*PC*/
.w-pc {}
.w-sp {display: none !important;}
.anc {display: block;padding-top: 181px;margin-top: -181px;}
/*SP*/
@media print, screen and (max-width: 750px){
.w-pc {display: none !important;}
.w-sp {display: inline-block !important;}
.anc {display: block;padding-top: 140px;margin-top: -140px;}
}

/*ヘッダー（リニューアル文）*/
.renewal-notice-bar {position: fixed;z-index: 1000;top: 0;width: 100%;height: 71px;background-color: #fff6d9;border-bottom: 2px solid #ffeeba;color: #856404;padding: 12px 20px;font-size: 14px;line-height: 1.6;box-sizing: border-box;}
.renewal-notice-bar__inner {max-width: 1200px;margin: 0 auto;text-align: center;}
.renewal-notice-bar strong {display: inline-block;margin-right: 5px;}
@media (max-width: 1080px) {
.renewal-notice-bar {height: 88px;font-size: 0.8rem;text-align: left;padding: 10px 12px;}
.renewal-notice-bar__inner {text-align: left;text-indent: -0.8rem;padding-left: 0.8rem;}
.renewal-notice-bar strong {display: block;margin-bottom: 3px;}
}

/*ヘッダー*/
header {position: fixed;z-index: 999;top: 71px;width: 100%;height: 110px;background-color: #fff;box-shadow: 0px 5px 5px rgba(0,0,0,.05);text-align: left;}
header #header-in {width: 1300px;margin: 0 auto;}
header #logo-wrap {float: left;width: 22%;margin: 22px 0 0 2%;}
header #logo-wrap #logo {width: 100%;}
@media print, screen and (max-width: 1200px){
header #header-in {width: 1010px;}
header #logo-wrap {width: 22%;margin: 28px 0 0 2%;}
}
@media print, screen and (max-width: 750px){
header {top: 88px;height: 60px;}
header #header-in {width: auto;}
header #logo-wrap {width: 25%;margin: 16px 0 0 15px;}/*max-width: 190px;*/
header #logo-wrap #logo {width: 100%;}
}
@media print, screen and (max-width: 480px){
header #logo-wrap {width: 35%;margin: 13px 0 0 15px;}
}

#hd-btn-wrap {float: right;margin: 26px 2% 0 0;}
a.hd-btn {font-size: .95rem;line-height: 1;letter-spacing: .02rem;font-weight: 600;border-radius: 3.35rem;padding: 1rem 1rem 1rem 1.1rem;color: #222;text-decoration: none;display: inline-block;border: solid 3px #fff;box-shadow: 3px 3px 7px rgba(128,128,128,.3);}
a.hd-btn:hover {opacity: 0.7;box-shadow: none;transition: 0.5s;}
a.hd-btn.mail {color: #fff;background-color: #ff5555;}
/*a.hd-btn.mail::before {font-family: FontAwesome;content: '\f0e0';}*/
a.hd-btn.trial {color: #333;background-color: #fff007;}
a.hd-btn.docum {color: #fff;background-color: #04b599;}
@media print, screen and (max-width: 1200px){
#hd-btn-wrap {float: right;margin: 27px 1% 0 0;}
a.hd-btn {font-size: .85rem;}
}
@media print, screen and (max-width: 750px){
#hd-btn-wrap {float: right;margin: 11px 68px 0 0;}
a.hd-btn {font-size: .7rem;letter-spacing: .01rem;border-radius: 1.9rem;padding: .6rem 10px .6rem 10px;box-shadow: 1px 1px 4px rgba(128,128,128,.3);}
}

.btn-wrap {margin: 20px auto 90px;text-align: center;}
.btn-wrap > a.hd-btn {margin: 0 5px;}
@media print, screen and (max-width: 750px){
.btn-wrap {margin: 10px auto 40px;}
.btn-wrap > a.hd-btn {width: 80%;margin: 0 auto 10px;padding: 1rem 0px 1rem 30px;font-size: 1rem;}
}

#navi {/*height: 40px;*/width: 100%;}
#navi input {display: none;}/*チェックボックスを非表示*/

/* 上部メニュー */
#menu-wrap {float: right;margin: 25px 2% 0 0;}
#menu {/*margin: 0 auto;width: 100%;max-width: 820px;*/}
#menu li {position: relative;margin: 0 auto;padding: 0 9px;font-size: 1rem;line-height: 1;font-weight: 400;white-space: nowrap;text-align: center;color: #555;}
#menu > li {float: left;}
#menu li a {display: inline-block;text-decoration: none;color: #04b599;letter-spacing: 0.02rem;padding-top: 20px;padding-bottom: 10px;}
#menu > li .pd {display: none;}/* パソコンでは V を非表示 */
#menu-navibtn {display: none;cursor: pointer;cursor: hand;}
@media print, screen and (max-width: 1200px){
#menu-wrap {float: right;margin: 25px 1% 0 0;}
#menu li {padding: 0 8px;font-size: .85rem;}
}

/* スマホ用 */
@media print, screen and (max-width: 750px){
#navi {/*position: fixed;top: 0;left: 0;*/background: transparent !important;height: auto;width: 100%;border-top: none;}
#menu-wrap {margin: 0px 0 0;width: 100%;}
#menu {float: none;opacity: 0;transition: 0s;width: 0;height: 0;
/*margin-right: -1000px;*/display: none;}/* 基本非表示  */
#menu li {width: 100%;float: none;padding: 0;line-height: 1;font-size: .95rem;border-bottom: 1px solid #ddd;white-space: nowrap;background-color: rgba(255,255,255,.8);}

#menu li a {color: #333;padding: 1.1rem 0;width: 100%;}
#menu li a.v::after {font-family: FontAwesome;content: '\f107';margin-left: 8px;color: #555;}
#menu > li .pd {display: inline-block;}
#menu li:first-child {border-top: 1px solid #ddd;}
#menu li i {padding: 0 6px;}
#menu-navibtn:checked ~ #navi {overflow-y: scroll;overflow-x: hidden;height: 100%;}/* メニューを移動させないため */
/* ハンバーガーがクリックされた時のメニュー */
#menu-navibtn:checked ~ * #menu {opacity: 1;transition: .3s;width: 100%;height: 100vh;min-height: 100vh;
/*margin-right: 0px;*/display: block;}/* 表示 */
#menu-navibtn:checked ~ * #menu > li {max-height: inherit;overflow-y: visible;}
}

/* ドロップダウンメニュー 子メニュー */
#menu li ul {position: absolute;}
#menu > li > ul li {display: none;padding: 0px 10px 10px;background-color: #fff;border-left: 5px solid #ddd;border-right: 1px solid #ddd;border-bottom: none;}
#menu > li > ul li a {font-size: .8rem;}
#menu > li > ul li a::after {font-family: FontAwesome;content: '\f105';margin-left: 8px;}
#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 {margin: 8px 0 0 -25px;width: auto;}/* ドロップダウンメニューの位置 */

/* ドロップダウンメニュー 子メニュー パソコン用 */
@media screen and (min-width: 751px){
/*#menu > li > ul li:hover {background: #eee;}*/
#menu > li:hover > ul > li {display: block;}
}

/* ドロップダウンメニュー 子メニュー スマホ用 */
@media screen and (max-width: 750px){
/* ハンバーガーメニューがクリックされた時 */
#menu-navibtn:checked ~ * #menu {display: block;}
#menu-navibtn:checked ~ * #menu > li {max-height: inherit;overflow-y: visible;}

#menu {margin: 7px auto 50px;padding-bottom: 20px;width: 100%;background-color: rgba(255,255,255,.9);}
#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: none;}
#menu ul li:last-child {border-bottom: none;}
#menu > li > ul li {border-left: 1px solid #fff;border-right: 1px solid #fff;/*display: block;スマホ時 子メニュー表示*/
width: 100%;margin: 0 auto;padding: 0;}
#menu > li > ul li a {display: inline-block;width: 100%;padding: .7rem 0;}
#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;}
}

/* ハンバーガー */
#navi #navibtn {display: none;}
@media print, screen and (max-width: 750px){
#navi #navibtn {display: block;position: absolute;top: 10px;right: 15px;}
#navibtn span {display: block;width: 50px;height: 40px;background-color: transparent;}
#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: 40px;height: 3px;background-color: #00b79b;}
/* 上の棒 */
#navibtn span span::before {top: 10px;}
#menu-navibtn:checked ~ #navi label#navibtn span span::before {top: 19px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transition: .2s;}
/* 下の棒 */
#navibtn span::after {bottom: 11px;}
#menu-navibtn:checked ~ #navi label#navibtn > span::after {bottom: 18px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);transition: .2s;}
/* 中の棒 */
#navibtn span span::after {top: 18px;}
#menu-navibtn:checked ~ #navi label#navibtn span span::after {display: none;}
}

/*囲み*/
main {width: 100%;/*max-width: 1660px;*/margin-top: 181px;padding: 0;display: inline-block;text-align: left;}
section {width: 100%;}
section.sc-mv {background-color: #00b79b;
background-image: url(../img/mv/sc-mv-bg-l.png),url(../img/mv/sc-mv-bg-r.png);background-repeat: repeat-y,repeat-y;
background-position: left 0px top 20px,right 0px top 20px;padding: 50px 0 0;vertical-align: top;background-size: 15%;}
section.sc-mv.sc-mv-top {position: relative;min-width: 860px;
background-image: url(../img/mv/sc-mv-bg-l-top.png),url(../img/mv/sc-mv-bg-r-top.png);background-repeat: repeat-y,repeat-y;
background-position: left 0px top 0px,right 0px top 0px;padding: 65px 0 110px;vertical-align: top;background-size: 20%;}
section.sc-mv.sc-mv-top .sc-mv-top-icon {position: absolute;top: 35px;left: 12%;}
section.sc-mv.sc-mv-top .sc-mv-top-woman {position: absolute;bottom: 0;left: 12%;}
section.sc-mv.sc-mv-top .sc-mv-top-man {position: absolute;bottom: 0;right: 12%;}
/*section.sc-mv.sc-mv-top .sc-mv-top-i {position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}*/
section.sc-2nd {padding: 50px 0;background-color: #dbf4ee;}
.cont {width: 98%;max-width: 1300px;margin: 0 auto;padding: 0;}
.cont.cont-mv {width: 60%;}
/*max-width: 1100px;background-image: url(../img/mv/mv-bg.png);background-repeat: no-repeat;background-position: right 15% top 10px;vertical-align: top;background-size: 470px;padding-bottom: 90px;*/
@media print, screen and (max-width: 980px){
section.sc-mv.sc-mv-top .sc-mv-top-icon {left: 4%;}
section.sc-mv.sc-mv-top .sc-mv-top-woman {left: 4%;}
section.sc-mv.sc-mv-top .sc-mv-top-man {right: 4%;}
}
@media print, screen and (max-width: 1200px){
.cont {max-width: 100%;}
}
@media print, screen and (max-width: 750px){
main {margin-top: 148px;}
section.sc-mv {background-size: 20%;padding: 0px 0;}
section.sc-mv.sc-mv-top {position: relative;min-width: auto;
padding: 25px 0 110px;vertical-align: top;background-size: 10%;}
section.sc-mv.sc-mv-top .sc-mv-top-icon {position: absolute;top: 25px;left: 2%;width: 19%;}
section.sc-mv.sc-mv-top .sc-mv-top-woman {position: absolute;bottom: 0;left: 2%;width: 30%;}
section.sc-mv.sc-mv-top .sc-mv-top-man {position: absolute;bottom: 0;right: 2%;width: 30%;}
/*section.sc-mv.sc-mv-top .sc-mv-top-i {width: 96%;}*/
section.sc-mv.sc-mv-voice {padding: 20px 0 0;}
section.sc-2nd {padding: 20px 0;}
.cont {width: 100%;}
.cont.cont-mv {width: 80%;/*background-image: none;padding-bottom: 25px;background-position: center bottom 20px;vertical-align: bottom;background-size: 75%;padding-bottom: 300px;*/}
.cont-img {margin: 0 10% 15px;width: 80%;}
}

/*フレックスボックス*/
.flexbox {display: flex;flex-flow: row wrap;flex-wrap: wrap;
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;}
.flexbox.flexbox-ct {align-items: center;}
.flexbox.flexbox-ed {align-items: end;}
.box1a {-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.box2a {-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
@media print, screen and (max-width: 750px){
.box1a {-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.box2a {-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
}
.fw00 {width:100%;}
.fw10 {width: 10%;}
.fw20 {width: 20%;}
.fw30 {width: 30%;}
.fw32 {width: 32%;}
.fw33 {width: 33.333%;}
.fw40 {width: 40%;}
.fw45 {width: 45%;}
.fw50 {width: 50%;}
.fw55 {width: 55%;}
.fw60 {width: 60%;}
.fw70 {width: 70%;}
.fw80 {width: 80%;}
.fw90 {width: 87%;}
@media print, screen and (max-width: 750px){
.fw00, .fw10, .fw20, .fw30, .fw33, .fw40, .fw45, .fw50, .fw55, .fw60, .fw70, .fw80, .fw90 {width: 100%;}
.fw10-w {width: 10%;}
.fw20-w {width: 20%;}
.fw30-w {width: 30%;}
.fw40-w {width: 40%;}
.fw45-w {width: 45%;}
.fw50-w {width: 50%;}
.fw55-w {width: 55%;}
.fw60-w {width: 60%;}
.fw70-w {width: 70%;}
.fw80-w {width: 80%;}
.fw90-w {width: 87%;}
}

/*見出し*/
.t1 {position: relative;width: 86%;margin: 0 auto 20px;padding: 0;font-size: 60px;line-height: 1.1;letter-spacing: .2rem;font-weight: 900;color: #fff;text-align: center;text-indent: -20px;}
.t1 i {font-style: normal;font-size: 34px;letter-spacing: .01rem;}
/*.t1 i {font-style: normal;background: url(../img/mv/cart.svg);background-repeat: no-repeat;background-size: 55px;background-position: right 0px bottom 2px;padding-right: 60px;}*/
/*.t1-img {width: 55px;margin: 0 0 12px 5px;}*/
.t1 strong {font-size: 68px;}
/*.t1 span {font-size: 21px;color: #fceb00;}*/
/*.t1::after {}*/
.t2 {width: 85.5%;margin: 0 auto 30px;padding: 0;font-size: 19px;line-height: 1.4;letter-spacing: .1rem;font-weight: 400;color: #fff;text-align: center;}
.t3 {width: 100%;margin: 0 auto 10px;padding: 0;font-size: 27px;line-height: 1.2;letter-spacing: .1rem;font-weight: 800;color: #fceb00;text-align: center;}
.t3 > strong {position: relative;font-size: 36px;}
.t3 > strong::after {position: absolute;top: -8px;left: 20px;font-size: 8px;line-height: 1;letter-spacing: 28px;font-weight: 100;color: #fceb00;content: "●●●●";}
.t3 span {font-size: 29px;font-weight: 300;}
@media print, screen and (max-width: 750px){
.t1 {width: 96%;margin: 0 auto 10px;font-size: 2rem;letter-spacing: .05rem;text-indent: -0.2rem;}
.t1 i {font-size: 1rem;}
/*.t1 i {background-size: 40px;background-position: right 0px bottom 0px;padding-right: 45px;}*/
/*.t1-img {width: 40px;margin: 0 0 5px 5px;}*/
.t1 strong {font-size: 2.2rem;}
.t2 {width: 96%;margin: 10px auto;font-size: .8rem;letter-spacing: .05rem;}
.t2 strong {font-size: 1.8rem;}
.t2 span {font-size: 1.1rem;}
.t3 {width: 100%;font-size: 13px;letter-spacing: .02rem;}
.t3 > strong {font-size: 19px;}
.t3 span {font-size: 15px;}
.t3 > strong::after {top: -5px;left: 10px;font-size: 6px;letter-spacing: 15px;}
}

/*販促担当のあなた！*/
.solution-wrap {background-color: #fff;padding: 40px 30px 0;width: 88%;border-radius: 8px;margin: 0 auto;}
.solution-tbl {width: 100%;text-align: center;margin: 0 auto;}
.solution-tbl tr td {width: 33.333%;}
.solution-txt {color: #333;background-color: #dcf4ee;border-radius: 8px;margin: 0 auto;padding: 23px 10px 26px;
text-align: center;font-size: 16px;line-height: 1.5;letter-spacing: .05rem;}
.solution-txt strong {font-weight: 800;font-size: 21px;padding: 0 2px;}
.solution-img1 {margin: 15px 5% -30px;width: 90%;display: block;}
@media print, screen and (max-width: 750px){
.solution-wrap {background-color: #fff;padding: 30px 20px 30px;width: 90%;}
.solution-tbl tr td {width: 100%;display: block;}
.solution-tbl tr td.solution-tbl-td-sp {display: none;}
.solution-img1 {margin: 0 15%;width: 70%;}
.solution-txt {padding: 10px 10px 13px;line-height: 1.3;margin-bottom: 8px;font-size: .9rem;}
.solution-txt strong {font-size: 1.4rem;}
}

.lst-solution-lst {display: flex;flex-flow: row wrap;width: 88%;margin: 0 auto;padding-top: 60px;}
.lst-solution-lst.calc3 > li {width: calc(33.333% - 10px);margin: 0 auto 20px;}
.lst-solution-lst > li {text-align: center;background: url(../img/solution/solution-lst-bg.svg);
background-repeat: no-repeat;background-position: center top;background-size: 60px;padding-top: 130px;}
.lst-solution-lst > li span {background-color: #fff;border-radius: 8px;padding-bottom: 30px;display: block;}
.lst-solution-lst > li span > h3 {font-size: 25px;font-weight: 800;margin: 0 auto 20px;}
.lst-solution-lst > li span > h3 strong {background: linear-gradient(transparent 40%, #fdfd00 90%);padding: 0 15px 5px;}
.lst-solution-lst > li span > h4 {font-size: 14px;line-height: 1.7;font-weight: 400;margin: 0 auto;}
.lst-solution-lst > li span > img {margin: -60px auto 30px;width: 86%;}
@media print, screen and (max-width: 750px){
.lst-solution-lst {padding-top: 40px;}
.lst-solution-lst.calc3 > li {width: calc(100% - 10px);}
.lst-solution-lst > li {background-size: 50px;padding-top: 110px;}
.lst-solution-lst > li span {padding-bottom: 25px;}
.lst-solution-lst > li span > h3 {font-size: 1.9rem;}
.lst-solution-lst > li span > img {margin: -60px auto 20px;width: 75%;}
}

@media print, screen and (max-width: 1200px){
.solution-wrap, .lst-solution-lst {max-width: 860px;}
}	

.tt2 {position: relative;width: 320px;font-size: 23px;line-height: 1.2;letter-spacing: .2rem;font-weight: 800;color: #f40;margin: 0 auto 10px;text-align: center;}
.tt2 span::before,.tt2 span::after {content: '';position: absolute;top: 50%;display: inline-block;width: 40px;height: 2px;background-color: #fd6d00;z-index: 1;}
.tt2 span::before {-webkit-transform: rotate(-70deg);transform: rotate(70deg);}
.tt2 span::after {-webkit-transform: rotate(70deg);transform: rotate(-70deg);}
.tt2 span::before {left: 0;}
.tt2 span::after {right: 15px;}
.tt3 {width: 96%;margin: 0 auto 40px;font-size: 31px;line-height: 1.3;letter-spacing: .2rem;font-weight: 800;color: #222;text-align: center;}
.tt3 strong {background: linear-gradient(transparent 40%, #fdfd00 90%);padding: 0 15px 5px;font-weight: 800;}
@media print, screen and (max-width: 750px){
.tt2 {width: 18rem;font-size: 1.2rem;;line-height: 1.35;letter-spacing: .1rem;}
.tt2 span::before,.tt2 span::after {width: 30px;}
.tt2 span::before {left: 5%;}
.tt2 span::after {right: 8%;}
.tt3 {width: 98%;margin: 0 auto 25px;font-size: 1.5rem;}
.tt3 strong {padding: 0 5px 5px;}
}

/*共通タイトル*/
.ttl2 {font-size: 1.9rem;margin: 0 auto 50px;letter-spacing: 0.1rem;text-align: center;color: #333;}
.ttl3 {font-size: 1rem;margin: 0 auto 15px;text-align: center;letter-spacing: 0.1rem;color: #04b599;}
.ttl2.ttl2-c1 {color: #fff;}
.ttl3.ttl3-c1 {color: #fff007;}
@media print, screen and (max-width: 750px){
.ttl2 {margin: 0 auto 10px;line-height: 1.1;}
}

/*POP DELI とは？*/
.sc-mv.sc-mv-about {padding: 50px 0;}
.cont-about {max-width: 1000px;}
.about-t {position: relative;width: 96%;margin: 0 auto 60px;padding: 2.1rem 2.8rem;font-size: 21px;line-height: 1.6;letter-spacing: .1rem;font-weight: 800;
color: #222;background-color: #f6ea38;border: solid 2px #dbbb1f;border-radius: 10px;}
.about-t::before {content: url(../img/about/about-1.svg);position: absolute;top: -20px;right: 30px;width: 170px;display: block;}
.about-lst {position: relative;width: 90%;margin: 0 auto 30px;padding: 40px 50px 30px;background-color: #fff;border-radius: 10px;
font-size: 1.05rem;letter-spacing: .05rem;font-weight: 400;}
.about-lst > strong {font-size: 1.9rem;letter-spacing: .3rem;display: block;color: #04b599;text-indent: -10px;margin: 0 auto 15px;}
.about-lst > strong span {background: linear-gradient(transparent 40%, #fdfd00 90%);padding: 0 10px;}
.about-lst::before {position: absolute;content: '01';top: -15px;left: -15px;color: #fff;background-color: #f66;
padding: 1rem 0;font-size: 1.5rem;line-height: 1;width: 3.5rem;border-radius: 50%;text-align: center;
font-family: "Oswald", sans-serif;font-optical-sizing: auto;font-weight: 700;}
.about-lst.about-lst1::before {content: '01';}
.about-lst.about-lst2::before {content: '02';}
.about-lst.about-lst3::before {content: '03';}
.about-img {margin: 0 auto 60px;width: 98%;display: block;}
@media print, screen and (max-width: 750px){
.about-t {width: 88%;padding: 15px 35% 15px 7%;font-size: .95rem;letter-spacing: .02rem;}
.about-t::before {top: 12px;right: 10px;width: 38%;}
.about-lst {width: 84%;padding: 27px 40px 25px;font-size: .95rem;line-height: 1.6;}
.about-lst > strong {font-size: 1.8rem;line-height: 1.3;letter-spacing: .1rem;text-align: center;}
.about-img {margin: 0 auto 10px;width: 60%;}
}
/*コンテンツ*/
.about-t.contents-t {text-align: center;max-width: 660px;margin: 0 auto 30px;padding: 1.2rem 1.5rem;}
.about-t.contents-t::before {content: none;}

.content-box {width: 88%;margin: 0 auto 40px;padding: 50px 40px 30px;background-color: #fff;border-radius: 10px;font-size: 1.05rem;letter-spacing: .05rem;}
.content-box-t {width: 98%;margin: 0 auto 25px;padding: 0 0 15px;font-size: 1rem;line-height: 1.7;font-weight: 400;text-align: center;border-bottom: dotted 5px #04b599;position: relative;}
.content-box-t strong {font-size: 1.8rem;letter-spacing: .1rem;display: block;}
.content-box-t strong span {background: linear-gradient(transparent 40%, #fdfd00 90%);padding: 0 10px;}
.content-box-t.content-box-t2 {text-align: left;border-bottom: none;width: 88%;margin: 0 auto;padding: 0 0 10px;}
.content-box-t.content-box-t2.t2w {width: 93%;}
.content-box-t.content-box-t-new::before {content: url(../img/content/content-1.svg);top: -100px;right: -80px;width: 150px;position: absolute;}
.content-box-tt {width: 93%;margin: 0 auto 35px;font-size: 1.05rem;line-height: 1.7;font-weight: 400;}
.content-box-tt.content-box-tt2 {width: 87%;margin: 0 auto 20px;}
.content-box-tt.content-box-tt2.tt2w {width: 92%;}
.content-box-ttt {width: 12rem;margin: 0 auto 13px;padding: .8rem 1rem;color: #fff;background-color: #04b599;
border-radius: 2.6rem;font-size: 1rem;line-height: 1;letter-spacing: .02rem;text-align: center;line-height: 1.7;}
.content-box-p {width: 84%;margin: 0 auto 25px;font-size: .9rem;text-align: right;}
.content-box-p > span {color: #f00;}
.content-box-p.content-box-pp {width: 92%;}
.content-box-img {width: 86%;margin: 0 auto 10px;border: solid 1px #ddd;box-shadow: 7px 7px 0px rgba(0,0,0,.2);display: block;}
.content-box-img.youtube-img:hover {opacity: 0.7;position: relative;top: 7px;left: 7px;box-shadow: 1px 1px 5px rgba(0,0,0,.1);transition: .7s;}
@media print, screen and (max-width: 750px){
.about-t.contents-t {font-size: 1.1rem;}

.content-box {margin: 0 auto 25px;padding: 35px 10px 15px;}
.content-box-t {width: 94%;margin: 0 auto 15px;}
.content-box-t strong {font-size: 1.6rem;}
.content-box-t.content-box-t-new::before {top: -55px;right: -35px;width: 70px;}
.content-box-tt {margin: 0 auto 25px;font-size: .95rem;}
.content-box-p {margin: 0 auto 20px;font-size: .8rem;line-height: 1.5;}
}

/*お客様の声*/
.voice-cmt-wrap {position: relative;background-image: url(../img/voice/voice-bg.svg);background-repeat: no-repeat;background-position: center bottom;vertical-align: bottom;background-size: 370px;padding-bottom: 730px;}
.voice-cmt {position: absolute;}
.voice-cmt span {display: inline-block;margin: 0 auto 10px;padding: 18px 27px;font-size: 1rem;font-weight: 400;
color: #444;background-color: #fff;border: solid 2px #fff007;border-radius: 10px;}
.voice-cmt span > strong {font-size: 1.2rem;font-weight: 800;}
.voice-cmt.vc1 {top: 0px;left: 16.5%;
background-image: url(../img/voice/voice-vc-a.svg);background-repeat: no-repeat;background-position: left top;vertical-align: top;
background-size: 40px;padding-top: 32px;padding-left: 36px;}
.voice-cmt.vc2 {top: 10px;left: 51.5%;}
.voice-cmt.vc3 {top: 180px;left: 9.5%;}
.voice-cmt.vc4 {top: 210px;left: 39%;}
.voice-cmt.vc5 {top: 130px;left: 69%;}
.voice-cmt.vc6 {top: 360px;left: 21.5%;}
.voice-cmt.vc7 {top: 352px;left: 53%;
background-image: url(../img/voice/voice-vc-b.svg);background-repeat: no-repeat;background-position: right top;vertical-align: top;
background-size: 40px;padding-top: 32px;padding-right: 36px;}
.voice-cmt.vc1::after {content: url(../img/voice/voice-vc1.svg);bottom: -20px;left: 70%;width: 30px;position: absolute;}
.voice-cmt.vc2::after {content: url(../img/voice/voice-vc2.svg);bottom: -20px;left: 30%;width: 30px;position: absolute;}
.voice-cmt.vc3::after {content: url(../img/voice/voice-vc1.svg);bottom: -20px;left: 30%;width: 30px;position: absolute;}
.voice-cmt.vc4::after {content: url(../img/voice/voice-vc2.svg);bottom: -20px;left: 50%;width: 30px;position: absolute;}
.voice-cmt.vc5::after {content: url(../img/voice/voice-vc2.svg);bottom: -20px;left: 70%;width: 30px;position: absolute;}
.voice-cmt.vc6::after {content: url(../img/voice/voice-vc1.svg);bottom: -20px;left: 40%;width: 30px;position: absolute;}
.voice-cmt.vc7::after {content: url(../img/voice/voice-vc2.svg);bottom: -20px;left: 50%;width: 30px;position: absolute;}
@media print, screen and (max-width: 750px){
.voice-cmt-wrap {background-size: 60%;padding-bottom: 880px;}
.voice-cmt span {display: block;padding: 13px 22px;font-size: .9rem;text-align: center;line-height: 1.3;letter-spacing: 0.05rem;}
.voice-cmt.vc1 {top: 0px;left: 3%;}
.voice-cmt.vc2 {top: 135px;left: 17%;}
.voice-cmt.vc3 {top: 219px;left: 7%;}
.voice-cmt.vc4 {top: 322px;left: 22%;}
.voice-cmt.vc5 {top: 426px;left: 15%;}
.voice-cmt.vc6 {top: 529px;left: 7%;}
.voice-cmt.vc7 {top: 581px;left: 10%;}
.voice-cmt.vc1::after {content: url(../img/voice/voice-vc3.svg);top: 60px;left: 98%;}
.voice-cmt.vc2::after {content: url(../img/voice/voice-vc4.svg);top: 20px;left: -8%;}
.voice-cmt.vc3::after {content: url(../img/voice/voice-vc3.svg);top: 30px;left: 98%;}
.voice-cmt.vc4::after {content: url(../img/voice/voice-vc4.svg);top: 30px;left: -9%;}
.voice-cmt.vc5::after {content: url(../img/voice/voice-vc3.svg);top: 30px;left: 98%;}
.voice-cmt.vc6::after {content: url(../img/voice/voice-vc3.svg);top: 20px;left: 98%;}
.voice-cmt.vc7::after {content: url(../img/voice/voice-vc2.svg);bottom: -20px;left: 45%;}
}

/*ご利用金額*/
.price-tbl {width: 840px;margin: 0 auto 10px;}
.price-tbl tr th, .price-tbl tr td {padding: 20px 5px;border: solid 5px #dbf4ee;font-size: 1.05rem;text-align: center;}
.price-tbl tr th {background-color: #04b599;color: #fff;font-weight: 800;width: 120px;}
.price-tbl tr td {background-color: #fff;width: 240px;}
.price-tbl tr td strong {font-family: "Oswald", sans-serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;color: #f20;font-size: 1.9rem;line-height: 1.2;letter-spacing: 0.05rem;}
.price-tbl tr td sup {vertical-align: bottom;font-size: .9rem;}
.price-tbl tr td.price-tbl-t {background-color: #fff007;font-weight: 800;}
.price-cap {width: 90%;margin: 0 5% 5px;font-size: .8rem;display: block;}
.price-c {width: 840px;margin: 0 auto 5px;font-size: 1.05rem;line-height: 1.2;color: #f20;font-weight: 800;padding-left: 110px;}
.price-p {width: 90%;max-width: 830px;margin: 0 auto 3px;font-size: .7rem;line-height: 1.6;}
.price-l {width: 89%;max-width: 825px;margin: 0 auto 30px;padding-left: 1rem;}
.price-l li {margin: 0 auto 5px;font-size: .7rem;line-height: 1.4;list-style-type: disc;}
@media print, screen and (max-width: 750px){
.price-tbl {margin: 0 5% 10px;}
.price-c {font-size: 1rem;padding-left: 133px;}
.price-p {width: 90%;}
}

/*よくある質問*/
.sc-qa {padding: 50px 0 0;}
.cp_qa-wrap {width: 96%;max-width: 880px;margin: 10px auto 70px;font-weight: 400;}
.cp_qa {width: 100%;margin: 0 auto;}
.cp_qa .cp_actab {position: relative;overflow: hidden;width: 100%;margin-bottom: 20px;border: solid 2px #04b599;border-radius: 15px;background-color: #fff;}
.cp_qa .cp_actab input {position: absolute;opacity: 0;}
/* 質問 */
.cp_qa .cp_actab label {font-size: 1.2rem;line-height: 1.4;letter-spacing: 0.05rem;position: relative;display: block;margin: 0;padding: 1rem 3rem 1.2rem 3rem;text-indent: -1.5rem;cursor: pointer;/*border-bottom: 1px solid #ddd;*/background-color: #04b599;color: #fff;}
.cp_qa .cp_actab label:before {content: 'Q.';padding-right: 0.3rem;font-size: 1.4rem;font-weight: 800;color: #fff007;}
.cp_qa .cp_actab label:hover, .cp_qa .cp_actab label:active {color: #fff007;background-color: #04bfa1;}
/* 答え */
.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: 1.1rem;letter-spacing: 0.05rem;padding: 1rem 1rem 1.4rem 3.3rem;text-indent: -1.8rem;display: block;/*border-bottom: 2px solid #ddd;*/background-color: #fefefc;}
.cp_qa .cp_actab .cp_actab-content .an:before {content: 'A.';color: #f40;font-size: 1.5rem;font-weight: 800;padding-right: 0.3rem;}
/* 質問を開いた時 */
.cp_qa .cp_actab input:checked ~ label {color: #fff;background-color: #04b599;}
.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: -12.5px;-webkit-transition: all .9s ease;transition: all .9s ease;text-align: center;}
.cp_qa .cp_actab input[type=checkbox] + label::after {font-family: FontAwesome;content: '\f078';font-size: 1rem;}
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {-webkit-transform: rotateX(180deg);transform: rotateX(180deg);}
/*.question-img {margin: 20px auto;width: 100%;max-width: 500px;}*/
@media print, screen and (max-width: 750px) {
.cp_qa-wrap {width: 92%;margin: 10px auto 0px;padding: 20px 10px 5px;border-radius: 10px;}
.cp_qa .cp_actab {margin-bottom: 10px;}
.cp_qa .cp_actab label {font-size: 1rem;padding: .4rem 3rem .9rem 3rem;text-indent: -2rem;}
.cp_qa .cp_actab .cp_actab-content .an {font-size: .9rem;line-height: 1.4;padding: 0.3rem 1rem 1.1rem 3rem;text-indent: -2rem;}
/*text-align: justify;text-justify: inter-ideograph;*/
.cp_qa .cp_actab label::after {width: 1rem;}
/*.question-img {margin: 20px auto 5px;}*/
}

/*お問い合わせ*/
.sc-contact {padding: 50px 0;}
.sc-form {width: 98%;max-width: 1080px;margin: 0 auto;}
#embbed-form {width: 70%;}
p.sc-form-p {width: 96%;margin: 30px auto;font-size: 1rem;line-height: 1.7;letter-spacing: 0.05rem;text-align: center;}
/*フォームページ遷移ボタン*/
a.btn-form {width: 90%;max-width: 640px;margin: 0 auto;padding: 40px 20px;font-size: 24px;line-height: 1;letter-spacing: .05rem;font-weight: 800;border-radius: 104px;
text-decoration: none;display: block;text-align: center;color: #222;background-color: #fff007;border: solid 5px #fff;box-shadow: 3px 3px 7px rgba(128,128,128,.3);}
a.btn-form.btn-form2 {color: #fff;background-color: #04b599;}
a.btn-form:hover {opacity: 0.7;box-shadow: none;transition: 0.5s;}
@media print, screen and (max-width: 750px){
#embbed-form {width: 95%;}
a.btn-form {padding: 23px 20px 25px;font-size: 21px;border-radius: 69px;line-height: 1.3;}
}

/*利用規約*/
.kiyaku-wrap {width: 90%;margin: 0 auto;padding: 50px 5%;background-color: #fff;}
.kiyaku-wrap > h2 {width: 100%;margin: 0 auto;padding: 0;font-size: 1.6rem;letter-spacing: 0.1rem;color: #222;text-align: center;}
.kiyaku-wrap > dl {width: 100%;margin: 0 auto 20px;padding: 25px 10px 30px 3%;color: #333;}/*border: solid 1px #ccc;overflow: auto !important;height: 300px !important;*/
.kiyaku-wrap > dl dt {width: 100%;margin: 0 auto 10px ;padding: 0;font-size: .95rem;line-height: 1.3;font-weight: bold;}
.kiyaku-wrap > dl dd {width: 90%;margin: 0 auto 20px;padding: 0;font-size: .85rem;line-height: 1.5;font-weight: normal;}
.kiyaku-wrap > dl dd > ol {width: 100%;margin: 0 auto 20px;padding: 0;}
.kiyaku-wrap > dl dd > ol li {width: 100%;margin: 0 auto 5px;padding: 0;font-size: .8rem;line-height: 1.4;}
.kiyaku-wrap > dl dd > ol li > strong {color: #f20;font-weight: normal;}
.kiyaku-wrap > dl dd > ol li > ul {width: 98%;margin: 7px auto;}
.kiyaku-wrap > dl dd > ol li > ul li {width: 100%;margin: 0 auto 5px;padding: 0 0 0 1rem;text-indent: -1rem;}
.kiyaku-wrap > dl > h3 {width: 93%;margin: 0 auto 5px;padding: 0;font-size: .8rem;line-height: 1.4;font-weight: normal;}
.kiyaku-wrap > dl dd > ul {width: 100%;margin: 0 auto 10px;}
.kiyaku-wrap > dl dd > ul li {width: 100%;margin: 0 auto 5px;padding: 0 0 0 1rem;text-indent: -1rem;font-size: .8rem;line-height: 1.4;font-weight: normal;}
.kiyaku-wrap > dl dd > ul li ul {width: 95%;margin: 0 auto 10px;}
.kiyaku-wrap > dl dd > ul li ul li {width: 100%;margin: 0 auto 5px;padding: 0;font-size: .8rem;line-height: 1.4;font-weight: normal;}
	
.kiyaku-wrap > dl h4 {text-align: right;width: 96%;margin: 30px auto 0;padding: 0;color: #333;font-weight: normal;}
.kiyaku-wrap > dl h5 {width: 96%;margin: 0 auto 20px;padding: 0;font-size: .8rem;line-height: 1.4;color: #2353b0;font-weight: normal;}

/*ボタン*/
a.btn1 {position: absolute;bottom: 60px;left: 0;right: 0;width: 90%;max-width: 330px;margin: 0 auto;padding: 20px 30px;font-size: 18px;line-height: 1;letter-spacing: .05rem;font-weight: 600;border-radius: 60px;
text-decoration: none;display: block;text-align: center;color: #222;background-color: #fff007;
/*background: #f50;background: -moz-linear-gradient(-70deg, #f90, #f20); background: -webkit-linear-gradient(-70deg, #f90, #f20); background: linear-gradient(160deg, #f90, #f20);*/
box-shadow: 3px 3px 7px rgba(128,128,128,.3);}
a.btn1:hover {opacity: 0.7;box-shadow: none;transition: 0.5s;}
/*a.btn1::after {font-family: FontAwesome;content: '\f0da';margin-left: 7px;padding-bottom: 3px;font-size: 33px;font-weight: 300;vertical-align: middle;}*/
@media print, screen and (max-width: 750px){
a.btn1 {width: 53%;font-size: .8rem;letter-spacing: .02rem;padding: 1rem 0;border-radius: 2.9rem;}
/*a.btn1::before {font-size: 1.4rem;}*/
}

/*フッター*/
footer {width: 100%;margin: 90px auto 0;padding: 30px 0 25px;text-align: center;background-color: #04b599;}
footer h4 {margin: 0 auto 20px;font-size: 14px;line-height: 1.2;letter-spacing: .05rem;font-weight: 300;}
footer h4 span {margin: 0 0.5rem;}
.ft_navi {width: 100%;margin: 0 auto 10px;padding: 0;text-align: center;}
.ft_navi li {font-size: 15px;line-height: 1.1;letter-spacing: .05rem;padding: 0 1rem;display: inline;}
.ft_navi li a {text-decoration: none;color: #fff;/*border-left: solid 1px #ccc;*/}
.ft_navi li span::before {font-family: FontAwesome;content: '\f0da';margin-right: 7px;color: #fff;}
/*.ft_navi li:first-child a {border-left: none;}*/
.ft_navi li a:hover {text-decoration: underline;}
footer address {font-style: normal;font-size: 12px;letter-spacing: .06rem;margin: 0 auto;color: #fff;}
@media print, screen and (max-width: 750px){
footer {margin: 0 auto;padding: 25px 0;}
footer h4 {font-size: .85rem;line-height: 1.5;}
footer h4 span {margin: 0;}
.ft_navi {margin: 0 auto 10px;}
.ft_navi li {font-size: .85rem;padding: 0 .5rem;}
.ft_navi li a {padding: 0 .3rem;}
.ft_navi li span::before {margin-right: 2px;}
footer address {font-size: .7rem;}
}

.footer-btm {width: 100%;max-width: 1200px;margin: 0 auto;padding: 30px 0 35px;text-align: center;}
.footer-logo {margin-top: 5px;margin-left: 10%;}
.footer-btm-lst {float: right;margin-right: 10%;}
.footer-btm-lst li {display: inline-block;}
@media print, screen and (max-width: 750px){
.footer-btm {padding: 20px 0 45px;}
.footer-logo {margin: 0 auto 20px;}
.footer-btm-lst {display: none;float: none;margin: 0 auto;}
.footer-btm-lst li {display: block;width: 100%;}
}

/*ページトップ*/
#page-top {position: fixed;bottom: 10px;right: 0px;z-index: 999;}
#page-top a {color: #fff;background-color: #f66;border: solid 3px #fff;border-right: none;border-radius: 10px 0px 0px 10px;display: block;
text-decoration: none;font-size: 9px;letter-spacing: 0.02rem;padding: 5px 0px 3px;width: 55px;opacity: 1;text-align: center;}
#page-top a:hover {opacity: 0.8;}
#page-top a::before {font-family: FontAwesome;content: "\f106";font-weight: 300;font-size: 50px;display: block;margin-bottom: -5px;}

/*フローティングバナー*/
.floating-banner {position: fixed;z-index: 999;bottom: 260px;right: 0px;width: 55px;height: auto;}
.floating-banner.ft-bnr1 {bottom: 400px;}
.floating-banner.ft-bnr2 {bottom: 210px;}
.ft-bnr-wrap {/*position: relative;*/}
.ft-bnr-bg {width: 100%;height: auto;background-color: #fff007;border: solid 3px #fff;border-right: none;
border-radius: 10px 0px 0px 10px;box-shadow: -2px 2px 5px rgba(128,128,128,.1);position: absolute;top: 0;right: 0;}
.ft-bnr-bg.ft-bnr-bg-cl1 {background-color: #fff007;}
.ft-bnr-bg.ft-bnr-bg-cl1::before {content: url(../img/cmn/rightnow.svg);position: absolute;top: -40px;right: 8px;width: 60px;display: block;}
.ft-bnr-bg.ft-bnr-bg-cl2 {background-color: #04b599;}
.ft-bnr-bg > a {writing-mode: vertical-rl;font-size: 16px;line-height: 1.1;letter-spacing: 0.2rem;font-weight: 800;color: #222;
text-decoration: none;display: block;padding: 23px 18px 17px;}
.ft-bnr-bg.ft-bnr-bg-cl2 > a {color: #fff;}

@media print, screen and (max-width: 750px){
.floating-banner {bottom: 5px;left: 0px;width: auto;height: auto;}
.floating-banner.ft-bnr1, .floating-banner.ft-bnr2 {bottom: 41px;}
.floating-banner.ft-bnr1 {left: 8%;width: 39%;}
.floating-banner.ft-bnr2 {left: 49%;width: 30%;}
.ft-bnr-bg {width: auto;height: auto;border: solid 3px #fff;border-radius: 10px;box-shadow: 2px -2px 5px rgba(128,128,128,.1);left: 0;}
.ft-bnr-bg.ft-bnr-bg-cl1::before {top: -17px;left: -20px;width: 40px;}
.ft-bnr-bg > a {writing-mode: horizontal-tb;font-size: 13px;line-height: 1;letter-spacing: 0.1rem;padding: 14px 1% 16px;}
}