@charset "UTF-8";
/* Reseting
=========================================================== */


/* common settings reset */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}

ul {
    list-style-type: none;
}

ul li {
    list-style-type: none;
}

img {
    vertical-align: bottom;
}

a:link img {
    text-decoration: none;
    border: none 0px;
}

a:visited img {
    text-decoration: none;
    border: none 0px;
}

.none_adjust {
    -webkit-text-size-adjust: 100%;
}

a:link img {
    text-decoration: none;
    border: none 0px;
}

a:visited img {
    text-decoration: none;
    border: none 0px;
}


/* ===========================================================
start mobile css settings
=========================================================== */

body {
    min-width: 320px;
    font-size: 14px;
    line-height: 170%;
    color: #000000;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    -webkit-text-size-adjust: 100%;
}

.fc01 {
    color: #d93c61;
}

a {
    color: #c250b0;
    text-decoration: none;
}

a:hover {
    color: #c250b0;
    text-decoration: underline;
}


/* ===========================================================
Layout
=========================================================== */

#wrapper {
    min-width: 320px;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    text-align: center;
    position: relative;
    zoom: 1;
}


/* sectionBox01 */

.sectionBox01 {
    text-align: left;
}

.sectionBox01 img {
    width: 100%;
    height: auto;
}


/* ===========================================================
contentWrap
=========================================================== */

#sub #contentWrap #contentLeft {
    padding: 0 25px 40px;
}


/* ===========================================================
header
=========================================================== */


/*header*/

#header {
    border-top: 5px solid #000;
    min-width: 320px;
    width: 100%;
    position: fixed;
    z-index: 99999;
}

#header img {
    width: 100%;
    height: auto;
}

#headerIn {
    margin: 0 auto;
}

#headerLeft {
    width: 100%;
    background: #fff;
}

#headerLogo {
    text-align: center;
}

#headerRight {
    background: #fff;
    
}

#headerRight ul {
    margin: 0 auto;
    position: relative;
}

#headerRight ul:after {
    content: "";
    display: block;
    clear: both;
}

#headerRight ul li {
    float: left;
    max-height: 46px;
    overflow: hidden;
}

#headerBtnTel {
    /*width: 29.067%;*/
	width: 43.75%;
}

#headerBtnAccess {
    /*width: 29.067%;*/
	width: 0%;
}

#headerBtnContact {
    /*width: 29.375%;*/
	width: 43.75%;
}

#headerBtnTel a[href^="tel:"]{
    margin: 0;
}


/* btn menu */

#headerRight ul li#headerBtnMenu {
    position: absolute;
    top: 0;
    right: 0;
    width: 12.5%;
    max-height: 46px;
    background-color: #8789c7;
}

#headerBtnMenu .current {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/btn_menu_sp_on.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

#headerBtnMenu .current img {
    visibility: hidden;
}


/* ===========================================================
gNavi
=========================================================== */


/*gNavi*/

#gNaviWrap {
    display: none;
    min-width: 320px;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 115px;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    margin: 0 auto;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.5);
}

#gNavi {
    padding: 20px 10px;
    overflow-y: auto;
    background: #8789c7;
}

.gNaviIn01 {
    background-color: #fff;
    padding: 15px;
}

.gNaviIn01 ul {
    overflow: hidden;
    border-top: 1px solid #d9d9d9;
}

.gNaviIn01 li {
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
}

.gNaviIn01 li a {
    overflow: hidden;
}

.gNaviIn01 li a img {
    width: 100%;
    height: auto;
}

.gNaviIn02 {
    background-color: #fff;
    padding: 0px 15px 15px 15px;
    margin-bottom: 180px;
}

.gNaviIn02 ul {
    overflow: hidden;
}

.gNaviIn02 ul li {
    width: 50%;
    float: left;
    position: relative;
}

.gNaviIn02 ul li:before {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    background: url(../img/ico_gnavi01_sp.webp) left center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
}

.gNaviIn02 ul li a {
    color: #000;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
}


/* ===========================================================
sideBnrArea
=========================================================== */

#sideBnrArea li {
    margin-bottom: 15px;
}


/* ===========================================================
footer
=========================================================== */

#footer {
    text-align: left;
    margin: 0 auto;
    overflow: hidden;
}


/* footerLeft
--------------------------------- */

#footerLeft {
    padding: 0;
}


/* footerRight
--------------------------------- */

#footerRight {
    padding: 0 25px 25px;
}


/* footerLogo
--------------------------------- */

#footerLogo {
    margin: 0 auto;
}


/* footerContact
--------------------------------- */

#footerContact {
    margin: 5px 0 20px;
}

#footerContact ul {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#footerContact ul li {
    float: left;
}

#footerBtnTel {
    margin-bottom: 4%;
}

#footerBtnAccess {
    width: 41%;
    margin-right: 4%;
}

#footerBtnContact {
    width: 55%;
}

#footerSchedule {
    margin-bottom: 10px;
}


/*
about
--------------------------------- */

#aboutBox {
    padding: 0 25px 0;
}

.aboutTxt {
    font-size: 90%;
    text-align: left;
}


/* google map
--------------------------------- */

#mapCanvas {
    width: 100%;
    height: 185px;
}


/* copyright
--------------------------------- */

#copyright {
    margin: 0 auto;
    font-size: 10px;
    line-height: 140%;
    color: #fff;
    background-color: #000;
}

#copyright span {
    display: block;
}

#copyrightIn {
    padding: 5px 10px;
}


/* ===========================================================
pageTop
=========================================================== */

#scrollUp {
    bottom: 40px;
    right: 15px;
    height: 43px;
    /* Height of image */
    width: 43px;
    /* Width of image */
    background: url(../img/page_top_sp.webp) no-repeat;
    background-size: 100%;
}


/* ===========================================================
subHeader
=========================================================== */

#subHeader {
    margin: 105px 0 15px;
}

#subHeader img {
    width: 100%;
    height: auto;
}


/* ===========================================================
breadcrumb
=========================================================== */

#breadcrumb {
    margin: 0px 25px 20px;
}

#breadcrumb ul {
    overflow: hidden;
}

#breadcrumb ul li {
    float: left;
    color: #000;
}

#breadcrumb a {
    color: #c250b0;
    text-decoration: underline;
}

#breadcrumb a:hover {
    color: #c250b0;
    text-decoration: none;
}

#breadcrumb li:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 12px;
    margin: 0px 8px 0px 10px;
    position: relative;
    background: url(../img/ico_breadcrumb_sp.webp) left center no-repeat;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

#breadcrumb li:last-child:after {
    content: none;
}


/* ===========================================================
sideBnr
=========================================================== */

#sideBnrTop {
    overflow: hidden;
}

#sideBnrTop li {
    margin: 0;
}

#bnr02,
#bnr03 {
    width: 50%;
    float: left;
}

#bnr03 {
    float: none;
    width: 100%;
}

#sideBnrBottom {
    overflow: hidden;
    padding: 25px 25px 0px 25px;
}


/* ===========================================================
 sub page style
=========================================================== */


/* h
--------------------------------- */

.h3_ti01 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 15px;
    background: #fbf2fa;
    padding: 10px 25px;
    position: relative;
}

.h3_ti01:before {
    position: absolute;
    top: 20%;
    left: 11px;
    content: "";
    display: block;
    width: 3px;
    height: 60%;
    background: #cc87c1;
}

.h3_ti02 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 15px;
    padding: 0 0 0 15px;
    position: relative;
}

.h3_ti02:before {
    position: absolute;
    top: 7px;
    left: 0px;
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    background: #cc87c1;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform-origin: 50% 50%;
}

.h3_ti03 {
    margin-top: -30px;
}

.h4_ti01 {
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 10px;
}

.h4_ti01 span {
    display: block;
}

.h4_ti02 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 140%;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eacce6;
}


/* box
--------------------------------- */

.div_box01 {
    margin-bottom: 30px;
}

.div_boxMin01 {
    padding: 15px;
    background: #ede7fa;
    margin-bottom: 15px;
}

.div_boxMin01:after {
    content: "";
    display: block;
    clear: both;
}

.div_boxMin02 {
    padding: 15px;
    background: #fbf2fa;
    margin-bottom: 15px;
}

.div_boxMin02:after {
    content: "";
    display: block;
    clear: both;
}

.div_boxWrap01>div:last-child {
    margin-bottom: 0px;
}

/* flow
--------------------------------- */

.flowItem {
    background-repeat: repeat-y;
    background-position: -10px top;
    overflow: hidden;
    position: relative;
    padding: 0 0 30px 85px;
}

.flowItem:before {
    content: "";
    display: block;
    width: 75px;
    height: 75px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}


/* flowItem01 */

.flowItem01#flowNum01:before {
    background-image: url(../img/flow_num01_01.webp);
}

.flowItem01#flowNum02:before {
    background-image: url(../img/flow_num01_02.webp);
}

.flowItem01#flowNum03:before {
    background-image: url(../img/flow_num01_03.webp);
}

.flowItem01#flowNum04:before {
    background-image: url(../img/flow_num01_04.webp);
}

.flowItem01#flowNum05:before {
    background-image: url(../img/flow_num01_05.webp);
}

.flowItem01#flowNum06:before {
    background-image: url(../img/flow_num01_06.webp);
}

.flowItem01#flowNum07:before {
    background-image: url(../img/flow_num01_07.webp);
}

.flowItem01#flowNum08:before {
    background-image: url(../img/flow_num01_08.webp);
}

.flowItem01#flowNum09:before {
    background-image: url(../img/flow_num01_09.webp);
}


/* flowItem02 */

.flowItem02#flowNum01:before {
    background-image: url(../img/flow_num02_01.webp);
}

.flowItem02#flowNum02:before {
    background-image: url(../img/flow_num02_02.webp);
}

.flowItem02#flowNum03:before {
    background-image: url(../img/flow_num02_03.webp);
}

.flowItem02#flowNum04:before {
    background-image: url(../img/flow_num02_04.webp);
}

.flowItem02#flowNum05:before {
    background-image: url(../img/flow_num02_05.webp);
}

.flowItem02#flowNum06:before {
    background-image: url(../img/flow_num02_06.webp);
}

.flowItem02#flowNum07:before {
    background-image: url(../img/flow_num02_07.webp);
}

.flowItem02#flowNum08:before {
    background-image: url(../img/flow_num02_08.webp);
}

.flowItem02#flowNum09:before {
    background-image: url(../img/flow_num02_09.webp);
}


/* flowItem03 */

.flowItem03#flowNum01:before {
    background-image: url(../img/flow_num03_01.webp);
}

.flowItem03#flowNum02:before {
    background-image: url(../img/flow_num03_02.webp);
}

.flowItem03#flowNum03:before {
    background-image: url(../img/flow_num03_03.webp);
}

.flowItem03#flowNum04:before {
    background-image: url(../img/flow_num03_04.webp);
}

.flowItem03#flowNum05:before {
    background-image: url(../img/flow_num03_05.webp);
}

.flowItem03#flowNum06:before {
    background-image: url(../img/flow_num03_06.webp);
}

.flowItem03#flowNum07:before {
    background-image: url(../img/flow_num03_07.webp);
}

.flowItem03#flowNum08:before {
    background-image: url(../img/flow_num03_08.webp);
}

.flowItem03#flowNum09:before {
    background-image: url(../img/flow_num03_09.webp);
}

.flowItem:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
}

.flowItem:last-child:after {
    display: none;
}

.flowItem01:after {
    background-image: url(../img/bg_flow_arrow01_sp.webp);
}

.flowItem02:after {
    background-image: url(../img/bg_flow_arrow02_sp.webp);
}

.flowItem03:after {
    background-image: url(../img/bg_flow_arrow03_sp.webp);
}

/* table
--------------------------------- */
.table_sub01 {
    width: 100%;
    border-collapse: collapse;
}

.table_sub01 tr {
    padding: 0;
    margin: 0;
}

.table_sub01 th {
    padding: 10px 7px 10px 7px;
    vertical-align: top;
    border-top: solid 1px #dedede;
    border-bottom: solid 1px #dedede;
    text-align: left;
    background: #fbf2fa;
}

.table_sub01 td {
    padding: 10px 7px 10px 7px;
    vertical-align: top;
    border-top: solid 1px #dedede;
    border-bottom: solid 1px #dedede;
    text-align: left;
}

/* list
--------------------------------- */
.ul_checkList01 {
    padding: 20px;
    background: #fff;
}

.ul_checkList01 li {
    font-size: 18px;
    font-weight: bold;
    color: #da3b61;
    margin-bottom: 15px;
    padding: 1px 0 15px 35px;
    position: relative;
    border-bottom: 1px solid #fbf2fa;
}

.ul_checkList01 li:last-child {
    border-bottom: none;
    padding: 1px 0 0 35px;
    margin-bottom: 0px;
}

.ul_checkList01 li:before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/ico_check01.webp) center center no-repeat;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

.ul_checkList02 {
    padding: 20px;
    background: #fff;
}

.ul_checkList02 li {
    font-size: 18px;
    font-weight: bold;
    color: #601986;
    margin-bottom: 15px;
    padding: 1px 0 15px 35px;
    position: relative;
    border-bottom: 1px solid #fbf2fa;
}

.ul_checkList02 li:last-child {
    border-bottom: none;
    padding: 1px 0 0 35px;
    margin-bottom: 0px;
}

.ul_checkList02 li:before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/ico_check02.webp) center center no-repeat;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

/* ===========================================================
start PC css settings
=========================================================== */

@media screen and (min-width: 480px) {

    /* ===========================================================
        layout
    =========================================================== */

    body {
        min-width: 1100px;
    }

    #contentWrap {
        width: 1100px;
        margin: 0 auto;
        overflow: hidden;
        text-align: left;
    }

    #sub #contentWrap {
        margin: 0 auto 80px;
    }

    #contentRight {
        width: 280px;
        float: right;
    }

    #contentLeft {
        width: 750px;
        padding: 0 !important;
        float: left;
    }

    .sectionBox01 {
        padding: 0px;
        text-align: left;
		z-index: 100;

    }

    .sectionBox01 img {
        width: auto;
        height: auto;
    }

    /* ===========================================================
        header
    =========================================================== */

    #header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        height: auto;
        overflow: hidden;
        background-color: rgba(255, 255, 255, .9);
        z-index: 9999;
    }

    #headerIn {
        width: 1100px;
        margin: 0 auto;
    }

    #headerLeft {
        width: 480px;
        float: left;
        overflow: hidden;
        text-align: left;
        background: none;
    }

    #headerLogo {
        text-align: left;
    }

    #keyText {
        font-size: 12px;
        line-height: 150%;
        padding: 11px 0 12px;
        text-align: right;
    }

    #headerRight {
        float: right;
        width: 620px;
        overflow: hidden;
        padding-top: 45px;
    }

    #headerRight ul {
        overflow: hidden;
        margin: 0;
        float: right;
    }

    #headerRight ul li {
        width: auto;
        float: left;
        margin: 0px;
    }

    #headerBtnAccess {
        margin: 3px 13px 0 0 !important;
    }

    #headerBtnContact {
        margin: 3px 0 0 0 !important;
    }

    /* ===========================================================
        gNavi
    =========================================================== */

    #gNaviWrap {
        display: block !important;
        width: 100%;
        top: 121px !important;
        text-align: left;
        height: 70px;
        background: rgba(255, 255, 255, .9);
    }

    #gNavi {
        width: 1100px;
        margin: 0 auto;
        padding: 0;
        height: auto;
        overflow-y: visible;
        position: relative;
        background: none;
    }

    .gNaviIn01 {
        background: none;
        margin: 0px;
        padding: 0px;
    }

    #gNavi ul {
        overflow: hidden;
        border-top: none;
    }

    #gNavi li {
        width: auto;
        border-bottom: none;
        position: absolute;
        height: 70px;
        top: 0;
    }

    #gNavi li a {
        display: block;
        height: 70px;
        text-indent: -9999px;
        line-height: 70px;
        overflow: hidden;
        font-size: 16px;
        font-weight: bold;
        color: #4a4a4a;
        text-decoration: none;
        background-image: url(../img/gnavi.webp);
        background-repeat: no-repeat;
        background-position: left top;
        padding: 0px;
    }

    #gNavi #gNavi01 {
        left: 0px;
    }

    #gNavi #gNavi02 {
        left: 97px;
    }

    #gNavi #gNavi03 {
        left: 278px;
    }

    #gNavi #gNavi04 {
        left: 448px;
    }

    #gNavi #gNavi05 {
        left: 584px;
    }

    #gNavi #gNavi06 {
        left: 742px;
    }

    #gNavi #gNavi07 {
        left: 922px;
    }

    #gNavi #gNavi01 a {
        width: 97px;
    }

    #gNavi #gNavi02 a {
        width: 181px;
        background-position: -97px top;
    }

    #gNavi #gNavi03 a {
        width: 170px;
        background-position: -278px top;
    }

    #gNavi #gNavi04 a {
        width: 137px;
        background-position: -448px top;
    }

    #gNavi #gNavi05 a {
        width: 157px;
        background-position: -584px top;
    }

    #gNavi #gNavi06 a {
        width: 180px;
        background-position: -742px top;
    }

    #gNavi #gNavi07 a {
        width: 178px;
        background-position: -922px top;
    }

    /* hover,active
    --------------------------------- */

    #gNavi #gNavi01 a:hover,
    #gNavi #gNavi01 a.current {
        background-position: left bottom;
    }

    #gNavi #gNavi02 a:hover,
    #gNavi #gNavi02 a.current {
        background-position: -97px bottom;
    }

    #gNavi #gNavi03 a:hover,
    #gNavi #gNavi03 a.current {
        background-position: -278px bottom;
    }

    #gNavi #gNavi04 a:hover,
    #gNavi #gNavi04 a.current {
        background-position: -448px bottom;
    }

    #gNavi #gNavi05 a:hover,
    #gNavi #gNavi05 a.current {
        background-position: -584px bottom;
    }

    #gNavi #gNavi06 a:hover,
    #gNavi #gNavi06 a.current {
        background-position: -742px bottom;
    }

    #gNavi #gNavi07 a:hover,
    #gNavi #gNavi07 a.current {
        background-position: -922px bottom;
    }

    /* ===========================================================
        footer
    =========================================================== */
    #footer {
        text-align: left;
        width: 1100px;
        margin: 0 auto;
        overflow: hidden;
    }

    #footerIn {
        overflow: hidden;
    }

    /* footerLeft
    --------------------------------- */
    #footerLeft {
        width: 600px;
        float: left;
        padding: 0;
    }

    /* footerRight
    --------------------------------- */
    #footerRight {
        width: 500px;
        float: right;
        padding: 0;
    }

    /* footerLogo
    --------------------------------- */

    #footerLogo {
        text-align: left;
    }

    /* footerContact
    --------------------------------- */
    #footerContact {
        margin: 0px;
    }

    #footerContact ul li {
        float: left;
    }

    #footerBtnTel {
        margin-bottom: 0;
    }

    #footerBtnAccess {
        width: auto;
        margin-right: 14px;
    }

    #footerBtnContact {
        width: auto;
    }

    #footerSchedule {
        margin-bottom: 10px;
    }

    /* about
    --------------------------------- */
    #about {
        overflow: hidden;
    }

    #aboutBox {
        width: auto;
        padding: 0;
    }

    .span_block {
        display: block;
    }

    /* google map
    --------------------------------- */
    #mapCanvas {
        width: 100%;
        height: 370px;
    }

    /* footerLinkBox
    --------------------------------- */
    #footerLinkBox {
        overflow: hidden;
        padding: 20px 0 70px;
        margin: 36px auto 0;
        width: 1100px;
        border-top: 1px solid #dedede;
    }

    #footerLinkBox a {
        color: #000000;
        text-decoration: none;
        font-size: 14px;
    }

    #footerLinkBox a:hover {
        text-decoration: underline;
    }

    #footerLinksHome {
        line-height: 120%;
        background: url(../img/ico_footer_arrow01.webp) no-repeat left 4px;
        padding: 0 0 8px 12px;
    }

    #footerLinkBox li {
        line-height: 120%;
        background: url(../img/ico_footer_arrow01.webp) no-repeat left 4px;
        padding: 0 0 8px 12px;
    }

    .footerLinks01 {
        overflow: hidden;
        float: left;
        margin-right: 37px;
    }

    .footerLinks01 li {
        text-align: left;
    }

    /* copyright
    --------------------------------- */
    #copyright {
        font-size: 11px;
    }

    #copyright span {
        display: inline;
        padding-right: 5px;
    }

    #copyrightIn {
        padding: 10px;
    }

    /* pageTop
    --------------------------------- */
    #scrollUp {
        bottom: 100px;
        right: 30px;
        height: 58px;
        /* Height of image */
        width: 58px;
        /* Width of image */
        background: url(../img/page_top_pc.webp) no-repeat;
        background-size: 100%;
    }

    /* ===========================================================
        sub page style
    =========================================================== */
    #subHeader {
        margin: 190px 0 0 !important;
        height: 160px;
        background-color: rgba(231, 166, 221, .15);
        background-position: center top;
        background-repeat: no-repeat;
        position: relative;
    }

    #subHeader:before {
        content: "";
        display: block;
        width: 900px;
        height: 160px;
        background: url(../img/bg_sub_header01_pc.webp) left top no-repeat;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -900px;
        z-index: 1000;
    }

    #subHeader:after {
        content: "";
        display: block;
        width: 900px;
        height: 204px;
        background: url(../img/bg_sub_header02_pc.webp) left top no-repeat;
        position: absolute;
        top: 0;
        right: 50%;
        margin-right: -900px;
        z-index: 1000;
    }

    #subHeader img {
        width: auto;
        height: auto;
        z-index: 500;
    }

    /* ===========================================================
    sideBnrArea
    =========================================================== */
    #sideBnrArea li {
        margin-bottom: 30px;
    }

    #sub #sideBnrArea li {
        margin-bottom: 20px;
    }

    #sideBnrTop {
        overflow: hidden;
    }

    #sideBnrTop li {
        margin: 0 0 10px 0;
    }

    #bnr02,
    #bnr03 {
        width: auto;
        float: none;
    }

    #bnr03 {
        float: none;
    }

    #sideBnrBottom {
        overflow: hidden;
        padding: 0px;
    }

    /* ===========================================================
        breadcrumb
    =========================================================== */
    #breadcrumb {
        margin: 20px auto 70px;
    }

    /* ===========================================================
        sub page style
    =========================================================== */

    /* h
    --------------------------------- */
    .h3_ti01 {
        font-size: 22px;
        margin-bottom: 30px;
        padding: 10px 25px 10px 40px;
    }

    .h3_ti01:before {
        top: 22%;
        left: 11px;
        width: 6px;
        height: 60%;
    }

    .h3_ti02 {
        font-size: 20px;
        margin-bottom: 50px;
        padding: 0 0 0 17px;
    }

    .h3_ti02:before {
        top: 10px;
        left: 2px;
    }

    .h3_ti03 {
        margin-top: -55px;
    }

    .h4_ti01 {
        font-size: 18px;
        padding-bottom: 13px;
        margin-bottom: 15px;
        border-bottom: 1px solid #fff;
    }

    .h4_ti01 span {
        display: inline;
    }

    .h4_ti02 {
        padding-bottom: 13px;
        margin-bottom: 15px;
    }

    /* box
    --------------------------------- */
    .div_box01 {
        margin-bottom: 45px;
    }

    .div_box01 p {
        overflow: hidden;
    }

    .div_box01 img {
        width: auto;
    }

    .div_boxMin01 {
        padding: 30px;
    }

    /* img */
    .div_boxMin01 .flImgL,
    .div_boxMin01 .flImgR {
        margin: 0 !important;
        background: #ede7fa;
    }

    .div_boxMin02 .flImgL,
    .div_boxMin02 .flImgR {
        margin: 0 !important;
        background: #fbf2fa;
    }

    .div_boxMin01 .flImgR,
    .div_boxMin02 .flImgR {
        padding: 5px 0 10px 35px;
    }

    .div_boxMin01 .imgNum.flImgL,
    .div_boxMin02 .imgNum.flImgL {
        padding: 5px 35px 10px 0 !important;
    }

    .div_boxMin01 .flImgL,
    .div_boxMin02 .flImgL {
        padding: 5px 65px 10px 0;
    }

    .div_boxMin02 {
        padding: 30px;
    }

    .flowItem {
        min-height: 110px;
        padding-bottom: 60px;
        padding-left: 150px;
    }

    .flowItem:before {
        width: 107px;
        height: 107px;
    }

    .flowItem:after {
        height: 60px;
    }

    .flowItem01:after {
        background-image: url(../img/bg_flow_arrow01_pc.webp);
    }

    .flowItem02:after {
        background-image: url(../img/bg_flow_arrow02_pc.webp);
    }

    .flowItem03:after {
        background-image: url(../img/bg_flow_arrow03_pc.webp);
    }

    /* table
    --------------------------------- */
    .table_sub01 tr {
        padding: 0;
        margin: 0;
    }

    .table_sub01 th {
        padding: 13px 25px 13px 25px;
        vertical-align: top;
    }

    .table_sub01 td {
        padding: 13px 25px 13px 25px;
        vertical-align: top;
    }
	
	
	
	.sp_header_txt {
		display:none;
		}
	.none_img {
		display:block;
		}
}
.sp_header_txt {
	text-align:left !important;
	font-size:0.8em;
		}
.none_img {
	display:none !important;
	}