@charset "utf-8";
/*********************************************************************
 *
 *  </css/base.css>
 *
*********************************************************************/
/* HTML5 */
/* --------------------------------------------------------------------------- */
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}
/* cf */
/* --------------------------------------------------------------------------- */
.cf:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.cf {
    display: inline-block;
}
/* Hides from IE Mac */
* html .cf {
    height: 1%;
}
.cf {
    display: block;
}
/* img */
/* --------------------------------------------------------------------------- */
img {
    display: inline-block;
}
/* a */
/* --------------------------------------------------------------------------- */
a {
    color: #5480e9;
}
a:hover {
    color: #5480e9;
    text-decoration: none;
}
/* font */
/* --------------------------------------------------------------------------- */
.fcRed {
    color: #e03563 !important;
}
.fcBlue {
    color: #5887f5 !important;
}
/* wrap */
/* --------------------------------------------------------------------------- */
#wrap {
    max-height: 999999px; /* android chrome フォントサイズバグ回避 */
}
@media print, screen and (min-width: 768px) {
    /* html body */
    /* --------------------------------------------------------------------------- */
    html {
        width: 100%;
        height: 100%;
        -webkit-text-size-adjust: 100%; /* iPhone */
        overflow-y: scroll;
    }
    body {
        width: 100%;
        min-width: 1000px;
        min-height: 100%;
        margin: 0;
        padding: 0;
        background-color: #fff;
        color: #262d30;
        font-size: 14px;
        line-height: 1.65em;
        font-family: "Lucida Grande", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
    }

    /* header */
    /* --------------------------------------------------------------------------- */
    header {
        background-color: #262d30;
    }
    header h2 {
        float: left;
        width: 400px;
    }
    header h2 a {
        color: #fff;
        font-weight: bold;
        line-height: 33px;
        text-decoration: none;
    }
    header h2 a:hover {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
    }
    header .tel {
        float: right;
        display: block;
        width: 329px;
        height: 33px;
        background: url(../img/header_tel.png) right center no-repeat;
        text-indent: -9999px;
    }
    /* footer */
    /* --------------------------------------------------------------------------- */
    footer {
        padding: 70px 0;
    }
    footer .logo {
        float: left;
        display: block;
        width: 258px;
        height: 55px;
        background: url(../img/logo_abra.gif) center center no-repeat;
        text-indent: -9999px;
    }
    footer .info {
        float: right;
        text-align: right;
        line-height: 1em;
    }
    footer ul {
        margin: 0 0 8px;
    }
    footer li {
        float: right;
    }
    footer .address {
        margin: 0 0 5px;
    }
    /* section */
    /* --------------------------------------------------------------------------- */
    section {
        padding: 40px 0;
    }
    .inner {
        width: 980px;
        margin: 0 auto;
    }

    /* h3 */
    /* --------------------------------------------------------------------------- */
    h3 {
        height: 40px;
        margin: 0 0 20px;
        background-repeat: no-repeat;
        background-position: center top;
        text-indent: -9999px;
    }
    #scene h3 {
        height: 90px;
        background-image: url(../img/h3_scene.png);
    }
    #qa h3 {
        background-image: url(../img/h3_qa.png);
    }
    #price h3 {
        background-image: url(../img/h3_price.png);
    }
    #flow h3 {
        background-image: url(../img/h3_flow.png);
    }
    #contactus h3 {
        background-image: url(../img/h3_contactus.png);
    }
    #form h3 {
        background-image: url(../img/h3_form.png);
    }
    /* main */
    /* --------------------------------------------------------------------------- */
    #main {
        padding: 0;
        background: url(../img/bg_main.png) center center no-repeat;
        background-size: cover;
    }

    #main .tel {
        text-align: right;
        line-height: 19px;
    }

    #main h1 {
        height: 146px;
        margin: 0 0 40px;
        background: url(../img/h1.png) no-repeat;
        text-indent: -9999px;
    }

    #main .txt {
        height: 260px;
        background: url(../img/main_txt_b.png) no-repeat;
        text-indent: -9999px;
    }
    #main .info {
        text-align: right;
        line-height: 36px;
    }
    #main .link {
        padding: 0 0 19px;
    }
    #main .link a {
        display: block;
        height: 75px;
        background: url(../img/btn_gotocontact.png) center center no-repeat;
        background-color: #e03563;
        border-right: 5px solid #b32a4f;
        border-bottom: 5px solid #b32a4f;
        text-indent: -9999px;
    }
    #main .link a:hover {
        background-color: #eb4370;
    }
    /* scene */
    /* --------------------------------------------------------------------------- */
    #scene {
        background: url(../img/bg_scene.jpg) center center no-repeat;
        background-size: cover;
    }
    #scene ul {
        margin: 0 0 50px;
    }
    #scene li {
        float: left;
        width: 313px;
        margin: 0 20px 20px 0;
    }
    #scene li:nth-child(3) {
        margin: 0 0 20px 0;
    }
    #scene li:nth-child(4) {
        width: 353px;
        margin: 0 20px 0 127px;
    }
    #scene li:nth-child(5) {
        width: 353px;
        margin: 0 0 0 0;
    }

    #scene h4 {
        height: 180px;
        margin: 0 0 10px;
        background-repeat: no-repeat;
        background-position: center top;
        text-indent: -9999px;
    }

    #scene li:nth-child(1) h4 {
        background-image: url(../img/h4_scene_1.png);
    }
    #scene li:nth-child(2) h4 {
        background-image: url(../img/h4_scene_2.png);
    }
    #scene li:nth-child(3) h4 {
        background-image: url(../img/h4_scene_3.png);
    }
    #scene li:nth-child(4) h4 {
        background-image: url(../img/h4_scene_4.png);
    }
    #scene li:nth-child(5) h4 {
        background-image: url(../img/h4_scene_5.png);
    }
    #scene .txt {
        color: #fff;
    }
    #scene .note {
        /*padding:10px;
	background-color:#5887f5;
	border:5px solid #FFF;*/
        text-align: center;
        color: #fff;
    }
    /* qa */
    /* --------------------------------------------------------------------------- */
    #qa table {
        width: 100%;
        border: 5px solid #5887f5;
    }
    #qa th {
        width: 385px;
        padding: 0 0 0 50px;
        font-size: 129%;
        color: #5887f5;
        line-height: 50px;
        background: url(../img/ico_qa_q.png) left top no-repeat;
        border-bottom: 1px solid #5887f5;
        vertical-align: top;
    }
    #qa td {
        padding: 13px 10px 13px 50px;
        color: #e03563;
        border-bottom: 1px solid #5887f5;
        background: url(../img/ico_qa_a.png) left top no-repeat;
        vertical-align: top;
    }
    /* pickup */
    /* --------------------------------------------------------------------------- */
    #pickup {
        padding: 0;
        height: 390px;
        background: url(../img/bg_pickup.jpg) center top repeat-x;
    }
    #pickup h4 {
        height: 390px;
        background: url(../img/h4_pickup.png) center top no-repeat;
        text-indent: -9999px;
    }

    /* reserve */
    /* --------------------------------------------------------------------------- */
    #reserve {
        padding: 30px 0;
        background: url(../img/bg_stripe_black.gif) center top repeat;
    }
    #reserve a {
        display: block;
        height: 75px;
        background: url(../img/btn_gotocontact.png) center center no-repeat;
        background-color: #e03563;
        border-right: 5px solid #b32a4f;
        border-bottom: 5px solid #b32a4f;
        text-indent: -9999px;
    }
    #reserve a:hover {
        background-color: #eb4370;
    }
    /* price */
    /* --------------------------------------------------------------------------- */
    #price article {
        margin: 0 0 20px;
        background: url(../img/bg_stripe_blue.gif) left top repeat-y;
    }
    #price .ttl {
        float: left;
        width: 308px;
        padding: 15px;
    }
    #price .ttl h4 {
        margin: 0 0 15px;
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        line-height: 1.6;
        background-repeat: no-repeat;
        background-position: left top;
        /*text-indent: -9999px;*/
    }
    /*#price .pack .ttl h4 {
	height: 53px;
	background-image: url(../img/h4_price_1.png);
}
#price .delivery .ttl h4 {
	background-image: url(../img/h4_price_2.png);
}
#price .option .ttl h4 {
	background-image: url(../img/h4_price_3.png);
}
#price .cancel .ttl h4 {
	background-image: url(../img/h4_price_4.png);
}*/
    #price .ttl p {
        margin: 0 0 8px;
        color: #fff;
        font-size: 86%;
        line-height: 1.2em;
        text-indent: -1em;
        padding-left: 1em;
    }
    #price table {
        float: right;
        width: 637px;
        border: 5px solid #5887f5;
        font-size: 115%;
    }
    #price th {
        padding: 13px 10px;
        color: #5887f5;
        font-weight: bold;
        vertical-align: top;
        white-space: nowrap;
    }
    #price td {
        padding: 13px 10px;
        color: #e03563;
        vertical-align: top;
        white-space: nowrap;
    }
    #price td .note {
        margin-top: 10px;
        font-size: 13px;
    }
    #price .pack th {
        width: 170px;
        border-top: 1px solid #5887f5;
    }
    #price .pack td {
        border-top: 1px solid #5887f5;
    }
    #price .delivery th {
        width: 170px;
        border-right: 1px solid #5887f5;
        border-top: 1px solid #5887f5;
    }
    #price .delivery td {
        border-top: 1px solid #5887f5;
    }
    #price .option th {
        width: 170px;
        border-right: 1px solid #5887f5;
        border-top: 1px solid #5887f5;
    }
    #price .option td {
        border-top: 1px solid #5887f5;
    }
    #price .cancel th {
        width: 170px;
        border-right: 1px solid #5887f5;
        text-align: center;
    }
    #price .cancel td {
        border-right: 1px solid #5887f5;
        text-align: center;
    }
    #price .pack td.pic1 {
        height: 212px;
        border-top: none;
        background: url(../img/price_pic_4.jpg) top center no-repeat;
    }
    #price .pack td.pic2 {
        height: 212px;
        border-top: none;
        background: url(../img/price_pic_5.jpg) top center no-repeat;
    }
    #price .pack td.pic3 {
        height: 212px;
        border-top: none;
        background: url(../img/price_pic_6.jpg) top center no-repeat;
    }
    #price .pay th {
        width: 170px;
        border-top: 1px solid #5887f5;
    }
    #price .pay td {
        border-top: 1px solid #5887f5;
    }
    #price .pay td img {
        padding-top: 10px;
        width: 100%;
        height: auto;
    }
    /* flow */
    /* --------------------------------------------------------------------------- */
    #flow {
        background: url(../img/bg_stripe_red.gif) center top repeat;
    }
    #flow li {
        float: left;
        width: 180px;
        margin: 0 20px 0 0;
    }
    #flow li:last-child {
        margin: 0;
    }
    #flow h4 {
        height: 220px;
        margin: 0 0 5px;
        background-repeat: no-repeat;
        background-position: center top;
        text-indent: -9999px;
    }
    #flow li:nth-child(1) h4 {
        background-image: url(../img/h4_flow_1.png);
    }
    #flow li:nth-child(2) h4 {
        background-image: url(../img/h4_flow_2.png);
    }
    #flow li:nth-child(3) h4 {
        background-image: url(../img/h4_flow_3.png);
    }
    #flow li:nth-child(4) h4 {
        background-image: url(../img/h4_flow_4.png);
    }
    #flow li:nth-child(5) h4 {
        background-image: url(../img/h4_flow_5.png);
    }
    #flow p {
        color: #fff;
        font-size: 86%;
        text-align: center;
    }
    /* contactus */
    /* --------------------------------------------------------------------------- */
    #contactus {
        background-color: #262d30;
        color: #fff;
        text-align: center;
    }
    #contactus .tel {
        float: left;
        width: 400px;
        padding: 0 0 10px;
        border-right: 5px solid #3c4245;
    }
    #contactus .mail {
        float: right;
        width: 500px;
        padding: 0 30px 0 0;
        margin: 0 0 20px;
    }
    #contactus h4 {
        height: 26px;
        margin: 0 0 20px;
        text-indent: -9999px;
    }
    #contactus .tel h4 {
        background: url(../img/h4_contactus_tel.png) center top no-repeat;
    }
    #contactus .mail h4 {
        background: url(../img/h4_contactus_mail.png) center top no-repeat;
    }
    #contactus .tel .telno {
        display: block;
        height: 32px;
        margin: 0 0 20px;
        background: url(../img/contactus_tel.png) center top no-repeat;
        text-indent: -9999px;
    }
    #contactus .mail a {
        display: block;
        height: 75px;
        background: url(../img/btn_mailform.png) center center no-repeat;
        background-color: #e03563;
        border-right: 5px solid #b32a4f;
        border-bottom: 5px solid #b32a4f;
        text-indent: -9999px;
    }
    #contactus .mail a:hover {
        background-color: #eb4370;
    }
    #contactus .line {
        margin: 20px auto 0;
        display: table !important;
        padding: 10px;
        background-color: #00b900;
        border-right: 5px solid #059805;
        border-bottom: 5px solid #059805;
    }
    #contactus .line:hover {
        background-color: #1cc71c;
    }
    #contactus .line img {
        display: block;
    }
    /* menuFixed */
    /* --------------------------------------------------------------------------- */
    .menuFixed {
        display: none;
    }
    /* form */
    /* --------------------------------------------------------------------------- */
    #form .inner {
        width: 700px;
    }
    #form h4 {
        font-size: 129%;
        color: #5887f5;
        font-weight: bold;
        margin: 0 0 5px;
        text-align: center;
    }
    #form .note {
        text-align: center;
        margin: 0 0 30px;
    }
    #form .errorBox {
        text-align: center;
        color: #e03563;
        margin: 0 0 30px;
    }
    #form .errorBox p {
        font-size: 129%;
        font-weight: bold;
    }
    #form .errorBox li {
        font-size: 86%;
    }
    #form .error {
        font-size: 86%;
        color: #e03563;
    }
    #form table {
        float: right;
        width: 100%;
        border: 5px solid #5887f5;
        margin: 0 0 20px;
    }
    #form th {
        padding: 13px 10px;
        color: #5887f5;
        font-weight: bold;
        vertical-align: top;
        white-space: nowrap;
        width: 170px;
        border-right: 1px solid #5887f5;
        border-bottom: 1px solid #5887f5;
    }
    #form td {
        padding: 13px 10px;
        vertical-align: top;
        border-bottom: 1px solid #5887f5;
    }
    #form th em,
    #form th p {
        margin: 0 0 0 5px;
        color: #e03563;
        font-size: 86%;
        font-weight: normal;
    }
    #form td em {
        margin: 0 5px;
    }
    #form label {
        margin: 0 5px 0 0;
    }
    #form .btnArea {
        margin-bottom: 30px;
        text-align: center;
    }
    #form .btn {
        display: inline-block;
        padding: 10px 30px 10px 40px;
        margin: 0 0 10px;
        background-color: #e03563;
        border-top: none;
        border-left: none;
        border-right: 5px solid #b32a4f;
        border-bottom: 5px solid #b32a4f;
        -webkit-appearance: none;
        border-radius: 0;
        font-size: 200%;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
    }
    #form .btn_back {
        padding: 10px 20px 10px 30px;
        font-size: 115%;
    }
    #form .btn:hover {
        background-color: #eb4370;
    }
    #form input[type="text"] {
        padding: 2px;
        background-color: #fff;
        border: 1px solid #000;
        -webkit-appearance: none;
        border-radius: 0;
    }
    #form .narrow {
        width: 60px;
    }
    #form .middle {
        width: 300px;
    }
    #form .wide {
        width: 450px;
    }
    #form textarea {
        width: 450px;
        padding: 2px;
        background-color: #fff;
        border: 1px solid #000;
        -webkit-appearance: none;
        border-radius: 0;
    }
    /* pc/sp */
    /* --------------------------------------------------------------------------- */
    .forPc {
        display: block !important;
    }
    .forSp {
        display: none !important;
    }
}
/* min-width: 768px */
@media screen and (max-width: 767px) {
    html {
        width: 100%;
        height: 100%;
        -webkit-text-size-adjust: 100%; /* iPhone */
        overflow-y: scroll;
        font-size: 62.5%;
    }
    body {
        min-width: 320px;
        width: 100%;
        min-height: 100%;
        margin: 0;
        padding: 0;
        background-color: #fff;
        color: #262d30;
        font-size: 1.1rem;
        line-height: 1.55;
        font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    }
    /* header */
    /* --------------------------------------------------------------------------- */
    header {
        padding: 10px 0;
        background-color: #262d30;
    }
    header h2 {
        text-align: center;
        /*	margin-bottom:10px;*/
    }
    header h2 a {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
    }
    header .tel {
        display: none;
        text-align: center;
        color: #fff;
        text-decoration: none;
    }
    header .tel span {
        color: #e03563;
        font-size: 1.6rem;
        font-weight: bold;
    }

    /* footer */
    /* --------------------------------------------------------------------------- */
    footer {
        padding: 30px 0;
    }
    footer .logo {
        display: block;
        margin-bottom: 10px;
        height: 27px;
        background: url(../img/logo_abra.gif) center center no-repeat;
        background-size: auto 27px;
        text-indent: -9999px;
    }
    footer .info {
        text-align: center;
    }
    footer ul {
        margin: 0 0 8px;
    }
    footer li {
    }
    footer .address {
        margin: 0 0 10px;
    }
    footer .copy {
        font-size: 1rem;
    }
    /* section */
    /* --------------------------------------------------------------------------- */
    section {
        padding: 20px 0;
    }
    .inner {
        width: 92%;
        margin: 0 auto;
    }

    /* h3 */
    /* --------------------------------------------------------------------------- */
    h3 {
        text-align: center;
        margin: 0 0 20px;
    }
    #scene h3 {
        font-size: 1.8rem;
        font-weight: bold;
        color: #fff;
    }
    #qa h3 {
        font-size: 1.8rem;
        font-weight: bold;
        color: #5887f5;
    }
    #price h3 {
        font-size: 1.8rem;
        font-weight: bold;
        color: #5887f5;
    }
    #flow h3 {
        font-size: 1.8rem;
        font-weight: bold;
        color: #fff;
    }
    #contactus h3 {
        font-size: 1.8rem;
        font-weight: bold;
        color: #e03563;
    }
    #form h3 {
        font-size: 1.8rem;
        font-weight: bold;
        color: #5887f5;
    }
    /* main */
    /* --------------------------------------------------------------------------- */
    #main {
        padding: 0;
        background: url(../img/bg_main.png) center center no-repeat;
        background-size: cover;
    }
    #main .tel {
        display: none;
        padding-top: 5px;
        margin-bottom: 10px;
        text-align: center;
    }
    #main h1 {
        padding-top: 10px;
        margin-bottom: 20px;
    }

    #main .txt {
        margin-bottom: 10px;
    }
    #main .info {
        margin-bottom: 10px;
        text-align: center;
    }
    #main .link {
        padding: 0 0 19px;
    }
    #main .link a {
        display: block;
        height: 40px;
        background: url(../img/btn_gotocontact.png) center center no-repeat;
        background-size: auto 15px;
        background-color: #e03563;
        border-right: 2px solid #b32a4f;
        border-bottom: 2px solid #b32a4f;
        text-indent: -9999px;
    }
    /* scene */
    /* --------------------------------------------------------------------------- */
    #scene {
        background: url(../img/bg_scene.jpg) center center no-repeat;
        background-size: cover;
    }
    #scene ul {
        margin-bottom: 20px;
    }
    #scene li {
        margin-bottom: 20px;
    }

    #scene h4 {
        height: 90px;
        margin: 0 0 10px;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto 90px;
        text-indent: -9999px;
    }

    #scene li:nth-child(1) h4 {
        background-image: url(../img/h4_scene_1.png);
    }
    #scene li:nth-child(2) h4 {
        background-image: url(../img/h4_scene_2.png);
    }
    #scene li:nth-child(3) h4 {
        background-image: url(../img/h4_scene_3.png);
    }
    #scene li:nth-child(4) h4 {
        background-image: url(../img/h4_scene_4.png);
    }
    #scene li:nth-child(5) h4 {
        background-image: url(../img/h4_scene_5.png);
    }
    #scene .txt {
        color: #fff;
    }
    #scene .note {
        /*padding:10px;
	background-color:#5887f5;
	border:5px solid #FFF;*/
        text-align: center;
        color: #fff;
    }
    /* qa */
    /* --------------------------------------------------------------------------- */
    #qa table {
        width: 100%;
        border-top: 2px solid #5887f5;
        border-bottom: 1px solid #5887f5;
        border-left: 2px solid #5887f5;
        border-right: 2px solid #5887f5;
    }
    #qa th {
        display: block;
        padding: 5px 5px 5px 25px;
        color: #5887f5;
        background: url(../img/ico_qa_q.png) left 1px no-repeat;
        background-size: auto 25px;
        vertical-align: top;
    }
    #qa td {
        display: block;
        padding: 5px 5px 5px 25px;
        color: #e03563;
        border-bottom: 1px solid #5887f5;
        background: url(../img/ico_qa_a.png) left 1px no-repeat;
        background-size: auto 25px;
        vertical-align: top;
    }

    /* pickup */
    /* --------------------------------------------------------------------------- */
    #pickup {
        padding: 0;
        height: 150px;
        background: url(../img/bg_pickup.jpg) center top repeat-x;
        background-size: auto 150px;
    }
    #pickup h4 {
        height: 150px;
        background: url(../img/h4_pickup.png) center top no-repeat;
        background-size: auto 150px;
        text-indent: -9999px;
    }
    /* reserve */
    /* --------------------------------------------------------------------------- */
    #reserve {
        background: url(../img/bg_stripe_black.gif) center top repeat;
        background-size: auto 34px;
    }
    #reserve a {
        display: block;
        height: 40px;
        background: url(../img/btn_gotocontact.png) center center no-repeat;
        background-size: auto 15px;
        background-color: #e03563;
        border-right: 2px solid #b32a4f;
        border-bottom: 2px solid #b32a4f;
        text-indent: -9999px;
    }
    /* price */
    /* --------------------------------------------------------------------------- */
    #price article {
        margin: 0 0 10px;
    }
    #price .ttl {
        padding: 10px;
        background: url(../img/bg_stripe_blue.gif) left top repeat;
        background-size: auto 34px;
    }
    #price .ttl h4 {
        margin-bottom: 10px;
        font-size: 1.6rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
    }

    #price .ttl p {
        color: #fff;
        font-size: 1rem;
        text-indent: -1em;
        padding-left: 1em;
    }
    #price table {
        width: 100%;
        border: 2px solid #5887f5;
    }
    #price th {
        padding: 5px;
        color: #5887f5;
        font-weight: bold;
        vertical-align: top;
        white-space: nowrap;
    }
    #price td {
        padding: 5px;
        color: #e03563;
        vertical-align: top;
    }
    #price td .note {
        margin-top: 10px;
        font-size: 1.1rem;
    }
    #price .pack th {
        border-top: 1px solid #5887f5;
    }
    #price .pack td {
        border-top: 1px solid #5887f5;
    }
    #price .delivery th {
        border-right: 1px solid #5887f5;
        border-top: 1px solid #5887f5;
    }
    #price .delivery td {
        border-top: 1px solid #5887f5;
    }
    #price .option th {
        border-right: 1px solid #5887f5;
        border-top: 1px solid #5887f5;
    }
    #price .option td {
        border-top: 1px solid #5887f5;
    }
    #price .cancel th {
        border-right: 1px solid #5887f5;
        text-align: center;
    }
    #price .cancel td {
        border-right: 1px solid #5887f5;
        text-align: center;
    }
    #price .pack td.pic1 {
        height: 116px;
        border-top: none;
        background: url(../img/price_pic_4.jpg) center 10px no-repeat;
        background-size: auto 106px;
    }
    #price .pack td.pic2 {
        height: 116px;
        border-top: none;
        background: url(../img/price_pic_5.jpg) center 10px no-repeat;
        background-size: auto 106px;
    }
    #price .pack td.pic3 {
        height: 116px;
        border-top: none;
        background: url(../img/price_pic_6.jpg) center 10px no-repeat;
        background-size: auto 106px;
    }
    #price .pay th {
        border-top: 1px solid #5887f5;
    }
    #price .pay td {
        border-top: 1px solid #5887f5;
    }
    #price .pay td img {
        padding-top: 10px;
        width: 100%;
        height: auto;
    }
    /* flow */
    /* --------------------------------------------------------------------------- */
    #flow {
        background: url(../img/bg_stripe_red.gif) center top repeat;
        background-size: auto 34px;
    }
    #flow li {
        margin-bottom: 10px;
    }
    #flow li:last-child {
        margin: 0;
    }
    #flow h4 {
        height: 150px;
        margin: 0 0 5px;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto 150px;
        text-indent: -9999px;
    }
    #flow li:nth-child(1) h4 {
        background-image: url(../img/h4_flow_1_sp.png);
    }
    #flow li:nth-child(2) h4 {
        background-image: url(../img/h4_flow_2_sp.png);
    }
    #flow li:nth-child(3) h4 {
        background-image: url(../img/h4_flow_3_sp.png);
    }
    #flow li:nth-child(4) h4 {
        background-image: url(../img/h4_flow_4_sp.png);
    }
    #flow li:nth-child(5) h4 {
        background-image: url(../img/h4_flow_5_sp.png);
    }
    #flow p {
        color: #fff;
        text-align: center;
    }
    /* contactus */
    /* --------------------------------------------------------------------------- */
    #contactus {
        background-color: #262d30;
        color: #fff;
        text-align: center;
    }
    #contactus .tel {
        margin-bottom: 30px;
    }
    #contactus .mail {
        margin: 0 0 20px;
    }
    #contactus h4 {
        font-size: 1.4rem;
        font-weight: bold;
        color: #fff;
        margin: 0 0 5px;
    }
    #contactus .tel .telno {
        display: block;
        padding: 20px 0;
        margin-bottom: 10px;
        color: #fff;
        font-size: 1.2rem;
        font-weight: bold;
        text-decoration: none;
        background-color: #e03563;
        border-right: 2px solid #b32a4f;
        border-bottom: 2px solid #b32a4f;
    }
    #contactus .tel span {
        display: block;
        font-size: 2.4rem;
    }
    #contactus .mail a {
        display: block;
        height: 80px;
        background: url(../img/btn_mailform.png) center center no-repeat;
        background-size: auto 15px;
        background-color: #e03563;
        border-right: 2px solid #b32a4f;
        border-bottom: 2px solid #b32a4f;
        text-indent: -9999px;
    }

    /* menuFixed */
    /* --------------------------------------------------------------------------- */
    .menuFixed {
        display: flex;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        border-top: 1px solid #fff;
    }
    .menuFixed li {
        width: 50%;
    }
    .menuFixed li a {
        display: block;
        padding: 5px;
    }
    .menuFixed li a.btnTel {
        background-color: #007eb9;
    }
    .menuFixed li a.btnLine {
        background-color: #00b900;
    }
    .menuFixed li a img {
        margin: 0 auto;
        display: block;
        width: 100%;
        max-width: 300px;
        height: auto;
    }

    /* form */
    /* --------------------------------------------------------------------------- */
    #form .inner {
    }
    #form h4 {
        font-size: 129%;
        color: #5887f5;
        font-weight: bold;
        margin: 0 0 5px;
        text-align: center;
    }
    #form .note {
        text-align: center;
        margin: 0 0 30px;
    }
    #form .errorBox {
        text-align: center;
        color: #e03563;
        margin: 0 0 30px;
    }
    #form .errorBox p {
        font-size: 1.4rem;
        font-weight: bold;
    }
    #form .errorBox li {
        font-size: 86%;
    }
    #form .error {
        color: #e03563;
    }
    #form table {
        width: 100%;
        border: 2px solid #5887f5;
        margin: 0 0 20px;
    }
    #form th {
        display: block;
        padding: 10px 10px 0;
        color: #5887f5;
        font-weight: bold;
        vertical-align: top;
        white-space: nowrap;
    }
    #form td {
        display: block;
        padding: 10px 10px;
        vertical-align: top;
        border-bottom: 1px solid #5887f5;
    }
    #form th em,
    #form th p {
        margin: 0 0 0 5px;
        color: #e03563;
        font-weight: normal;
    }
    #form td em {
        margin: 0 5px;
    }
    #form label {
        margin: 0 5px 0 0;
    }
    #form .btnArea {
        margin-bottom: 20px;
        text-align: center;
    }
    #form .btn {
        display: inline-block;
        padding: 10px 30px 10px 40px;
        margin: 0 0 10px;
        background-color: #e03563;
        border-top: none;
        border-left: none;
        border-right: 2px solid #b32a4f;
        border-bottom: 2px solid #b32a4f;
        -webkit-appearance: none;
        border-radius: 0;
        font-size: 2rem;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
    }
    #form .btn_back {
        padding: 10px 15px 10px 25px;
        font-size: 1.4rem;
    }
    #form input[type="text"] {
        padding: 2px;
        background-color: #fff;
        border: 1px solid #000;
        -webkit-appearance: none;
        border-radius: 0;
    }
    #form .narrow {
        width: 30px;
    }
    #form .middle {
        width: 90%;
    }
    #form .wide {
        width: 90%;
    }
    #form textarea {
        width: 90%;
        padding: 2px;
        background-color: #fff;
        border: 1px solid #000;
        -webkit-appearance: none;
        border-radius: 0;
    }

    /* pc/sp */
    /* --------------------------------------------------------------------------- */
    .forPc {
        display: none !important;
    }
    .forSp {
        display: block !important;
    }
}
/* min-width: 768px */