@charset "UTF-8";
#sp-container {}
#sp-container h1 {padding: 20px 0 0;text-align: center;width: 90%;margin: 0 auto;}
#sp-container h2 {text-align: center;}
#sp-container h3 {text-align: center;margin-bottom: 10px;margin-top: 20px;}
#sp-container img {width: 100%;}
#sp-container .mb8 {margin-bottom: 8px;}
#sp-container .mb10 {margin-bottom: 10px;}
#sp-container .mb40 {margin-bottom: 40px;}
#sp-container .w-48p {width: 48%;}
#sp-container .mg-r4p {margin-right: 4%;}
#sp-container .mg-b4p {margin-bottom: 4%;}
#sp-container .f-left {float: left;}
#sp-container .f-right {float: right;}
#sp-container .f-none {float: none;text-align: center;}
#sp-container .contents {background: url("./img/bk.gif");padding-top: 20px;}
#sp-container .contents img {border-radius: 5px;}
#sp-container .open-bg, #sp-container .open-bg02, #sp-container .open-bg03, #sp-container .open-bg04 {width: 100%;height: 100%;position: fixed;top: 0;right: 0;opacity: .5;background-color: #fff;}
#sp-container .push, #sp-container .push02, #sp-container .push03, #sp-container .push04 {cursor: pointer;}
#sp-container #sec01, #sp-container #sec02, #sp-container #sec03, #sp-container #sec04, #sp-container #sec05, #sp-container #sec06 {padding: 12% 3% 0;font-size: 14px;}
#sp-container #sec04, #sp-container #sec05 {padding-bottom: 6%;}
#sp-container #sec06 {padding-top: 15px;}
#sp-container #sec01 {background: url("./img/tlipline-img01.png") no-repeat;background-size: 100%;}
#sp-container #sec02 {background: url("./img/tlipline-img02.png") no-repeat;background-size: 100%;}
#sp-container #sec03 {background: url("./img/tlipline-img03.png") no-repeat;background-size: 100%;}
#sp-container #sec04 {background: url("./img/tlipline-img04.png") no-repeat;background-size: 100%;}
#sp-container #sec01:after, #sp-container #sec02:after, #sp-container #sec03:after, #sp-container #sec04:after, #sp-container #sec05:after, #sp-container #sec06:after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}
#sp-container #sec01 h2, #sp-container #sec02 h2, #sp-container #sec03 h2, #sp-container #sec04 h2 {width: 100%;margin: 0 auto 10px;}
#sp-container #sec01 > img, #sp-container #sec02 > img, #sp-container #sec03 > img, #sp-container #sec04 > img {margin-bottom: 4%;}
#sp-container .txt-box {width: 63%;border-radius: 5px;background: #fff6da;padding: 10px;position: relative;color: #765800;font-size: .9em;line-height: 1.8em;}
#sp-container img.fukidasi {position: absolute;top: 20px;left: -15px;}
#sp-container .gaido-box {text-align: center;width: 28%;color: #83591d;line-height: 1.3;}
#sp-container .gaido-box p {padding-top: 10px;font-size: .9em;}
#sp-container .gaido-box span {font-weight: bold;}
#sp-container section {overflow: hidden;clear: both;}
#sp-container .sns-btn p, #sp-container .btn02 p {text-align: center;}
#sp-container .sns-btn {position: relative;margin-bottom: 10%;}
#sp-container .btn02 {margin-bottom: 5%;}
#sp-container .open-sty {background-color: #fef8e5;overflow: hidden;border: 1px #c5ac8a solid;border-radius: 5px;width: 60%;padding: 0 10%;margin: 0 auto;text-align: center;position: absolute;z-index: 999;}
#sp-container .open-sty p {font-weight: bold;color: #c5ac8a;margin-top: 10px;font-size: 16px;}
#sp-container .open-sty li {float: left;margin: 7% 0 3%;}
#sp-container .open-sty li.sc-tw {float: left;}
#sp-container .open-sty li.sc-fb {float: right;}
#sp-container p.numBox {position: absolute;top: 61%;right: 7%;z-index: 777;font-size: 13px;font-weight: bold;}
#sp-container .sns-btn > img:hover {opacity: .7;filter: alpha(opacity=70);}
#sp-container .btn02 p, #sp-container .sns-btn p.img {padding: 1%;width: 50%;margin: 0 auto;}
#sp-container .sns-btn, #sp-container .btn02 {width: 100%;}
#sp-container .contents a:hover img, #sp-container .contents a:hover, #sp-container .btn-main a:hover img {opacity: 1;}
#sp-container .main-wrapper a {color: #333;text-decoration: none;font-size: 14px;}
#sp-container .main-wrapper a:visited {color: #333;}
#sp-container #main-area > .main-inner {background: url("./img/main-bg.jpg") no-repeat;background-size: 100%;width: 100%;position: relative;clear: both;}
#sp-container #main-area p {width: 75%;margin: 0 auto;padding-bottom: 27px;}
#sp-container #sec05 {padding-top: 10px;}
#sp-container #sec05 li {float: left;width: 48%;text-align: center;}
#sp-container #sec05 li.f-right {float: right;}
#sp-container #sec05 li:last-child {padding-left: 0;}
#sp-container #sec05 li p {margin-top: 18%;}
#sp-container #sec06 {margin-bottom: 0;}
#sp-container #sec06 li {margin-top: 2%;}
#sp-container .cb {clear: both;}
.top-title {line-height: 1.5em;color: #765800;margin: 0 auto;padding-bottom: 22px;width: 90%;font-size: .8em;}
.plan_list {text-align: center;margin-top: 40px;}
.plan_list a {text-decoration: none;}
img.plan_list_title {max-width: 90%;margin-bottom: 10px;}
.plan_list .theme_card {width: 98%;background-color: #fff6da;border-radius: 5px;padding: 2% 0 8% 0;margin: 0 auto;margin-bottom: 30px;}
.plan_list h4 {font-size: 1.8em;padding-bottom: 5px;margin: 0 auto;margin: 14px 0 16px 0;font-weight: bold;}
.plan_list_item img {max-width: 90%;}
.plan_list_introduction {text-align: left;font-size: .9em;color: #765800;margin-top: 6px;line-height: 1.8em;padding: 10px;width: 90%;margin: 0 auto;}
.plan_list .theme_button {padding: 28px 0;border-radius: 4px;width: 90%;margin: 0 auto;color: #fff;font-size: 1.2em;position: relative;}
p.right_arrow {position: absolute;top: 38%;right: 3px;}
#sec01 .theme_card {border-top: solid 6px #f70;}
#sec01 h4 {color: #f70;letter-spacing: 2px;border-bottom: dashed 1px #f70;}
#sec01 .theme_button {background-color: #f70;border: solid 1px #d87600;}
#sec02 .theme_card {border-top: solid 6px #3ab01e;}
#sec02 h4 {color: #3ab01e;border-bottom: dashed 1px #3ab01e;}
#sec02 .theme_button {background-color: #3ab01e;border: solid 1px #288c10;}
#sec02 .theme_button p {font-size: .95em;}
#sec03 .theme_card {border-top: solid 6px #ec4d8f;}
#sec03 h4 {color: #ec4d8f;letter-spacing: 2px;border-bottom: dashed 1px #ec4d8f;}
#sec03 .theme_button {background-color: #ec4d8f;border: solid 1px #bd2363;}