/*==========================
	overwrite
============================*/
.bread__inner.inner {
    max-width: 1280px;
}


@media print,
screen and (max-width: 768px) {
    .seminar {
        width: 100%;
        margin: auto;
    }
}


/*=================
	// add selector
===================*/


/* width */

.w-98per {
    width: 98%;
}

.w-95per {
    width: 95%;
}

.w-90per {
    width: 90%;
}








/*==========================
	main
============================*/
main {
    padding-top: 62px;
}

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

    main {
        padding-top: 100px;
    }

}


/*==========================
	// id #contents
============================*/

#contents {
    padding-top: 30px;
}

#contents h3 {
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-family: 'Noto Serif JP', serif;
    font-size: 3.0rem;
    text-align: center;
    color: #a19056;
    border-bottom: #a19056 thin solid;
}



#contents p {
    margin-bottom: .5em;
}


@media print,
screen and (max-width: 768px) {

    #contents {
        padding-top: 15px;
    }

    #contents h3 {
        width: 90%;
        margin: auto;
        font-size: 2.4rem;
        margin-bottom: .5em;
    }
}


/*==========================
	// class common classes
============================*/

a.link {
    color: #ca4b5d;
    font-weight: normal;
}

a.link:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

a.line {
    text-decoration: underline;
}

a.opacity:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}


ul.indent {
    margin-bottom: 2em !important;
}

.indent li::before {
    content: '●';
    margin-right: 5px;

}

.indent.green li::before {
    color: #35796d;
}

.indent.green2 li::before {
    color: #aad9d0;
}


#contents ul.linkbtn a {
    width: 50%;
    padding: .5em;
    color: #fff;
    background: #b10000;
    border-radius: .5em;
    display: block;
    text-align: center;
    box-shadow: 0 0.3em 0.3em 0 #aaa;
}

#contents ul.linkbtn a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

a.linkbtn-s {
    font-size: 1.4rem !important;
    color: #fff;
    font-weight: normal;
    background: #98000f;
    padding: .15em 1em;
}

.green a.linkbtn-s {
    background: #a19056;
}


a.linkbtn-s:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

ul.number li {
    list-style: decimal;
}

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

#contents ul.linkbtn {
    margin-left: 1.5em;
}


@media print,
screen and (max-width: 899px) {

    /* //////////////////// 768 ///////////////////// */
    #contents ul.linkbtn {
        width: 80%;
        margin: auto auto 2em;
    }

    #contents ul.linkbtn a {
        width: auto;
        margin: auto;
    }
}




/*==========================
	// id #title
============================*/

.title_bg_top {
    max-width: 1212px;
    margin: auto;
}

.title_bg_bottom {
    padding-bottom: 60px;
}

.title_bg_top {
    padding-bottom: 30px;
    background: url(../img/bg_title_1_pc.svg) top center no-repeat;
}

.title_bg_bottom {
    background: url(../img/bg_title_2_pc.svg) bottom center no-repeat;
}

#title {
    width: 88%;
    max-width: 1080px;
    margin: auto;
}

#title .txtbox {
    width: 65%;
}

#title #h1_pc {
    display: block;
}

#title #h1_mob {
    display: none;
}

#title figure.pc {
    width: 33%;
}

#title figure.pc img {
    width: 100%;
    max-width: 334px;
}

#title figure .inside {
    margin-top: 50px;
    background: #AF9C5C;
    padding: 8px;
}

#title figure.mob {
    display: none;
}

#title .txtbox h1 {
    margin-top: 100px;
    margin-bottom: 5px;
}

#title .txtbox .lead {
    margin-bottom: 30px;
}

#title .txtbox .lead p {
    font-size: 1.6rem;
}

#title_theme {
    width: calc(90% - 60px);
    margin: 0 0 15px 0;
    padding: 10px 30px 5px;
    display: inline-block;
    font-family: 'Noto Serif JP', serif;
    background: #f3f0e7;
    border-radius: 5px;
    display: block;
}

#title_theme dl {
    line-height: 1.4;
    color: #af9c5c;
}

#title_theme dt {
    font-size: 1.6rem;
    font-family: 'Noto Serif JP', serif;
    font-style: italic;
}

#title_theme dd {
    font-size: 2.4rem;
    font-weight: bold;
}

nav.local_nav ul {
    width: 95%;
    flex-wrap: wrap;
}

nav.local_nav ul li {
    /* width: 32%; */
    width: 48%;
    margin-bottom: 10px;
    font-size: 1.6rem;
}

nav.local_nav ul li a {
    padding: 10px 0;
    color: #fff;
    /* background: #98000f; */
    background: #958241;
    display: block;
    text-align: center;
    position: relative;
}


.green nav.local_nav ul li a {
    /* background: #033a14; */
    background: rgb(66, 119, 53);
}



nav.local_nav ul li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 15px solid #debf8e;
    border-left: 15px solid transparent;
}





@media screen and (max-width: 1280px) {

    .title_bg_top {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    #title_theme {
        width: calc(100% - 60px);
    }

}


@media screen and (max-width: 1024px) {
    #title figure {
        text-align: right;
    }

    nav.local_nav ul {
        width: 100%;
    }

    nav.local_nav ul li {
        font-size: 1.5rem;
    }



}



@media print,
screen and (max-width: 900px) {

    #title figure .inside {
        margin-top: 0;
    }


    .title_bg_bottom {
        padding-bottom: 60px;
    }

    .green .title_bg_top {
        background: url(../img/bg_title_1.svg) top right no-repeat;
        background-size: 50%;
    }

    .green .title_bg_bottom {
        background: url(../img/bg_title_2.svg) bottom left no-repeat;
        background-size: 50%;
    }


    .purple .title_bg_top {
        background: url(../img/purple/bg_title_1.svg) top right no-repeat;
        background-size: 50%;
    }

    .purple .title_bg_bottom {
        background: url(../img/purple/bg_title_2.svg) bottom left no-repeat;
        background-size: 50%;
    }

    #title .txtbox h1 {
        margin-top: 0;
        padding-top: 60px;
        margin-bottom: 20px;
    }

    #title.flexbox {
        display: block;
    }

    #title .txtbox {
        width: 100%;
        max-width: 100%;
    }

    #title figure.pc {
        display: none;
    }

    #title figure.mob {
        width: 50%;
        margin: auto auto 30px;
        display: block;
    }

    nav.local_nav ul {
        width: 95%;
        margin: auto;
    }

    #title_theme {
        width: auto;
        margin-bottom: 20px;
        display: block;
        text-align: center;
        padding: 10px 5px 5px;
    }

    #title_theme .bg_1 {
        background: url(../img/bg_title_thembox_left.svg) left top no-repeat;
        background-size: 20%;
        display: block;
    }

    #title_theme .bg_2 {
        height: auto;
        min-height: auto;
        padding: 10px 2.5% 10px;
        background: url(../img/bg_title_thembox_right.svg) right bottom no-repeat;
        background-size: 20%;
        display: block;
    }

    #title_theme dt {
        font-size: 1.4rem;
    }

    #title_theme dd {
        font-size: 2.2rem;
    }

}


@media print,
screen and (max-width: 768px) {

    .title_bg_bottom {
        padding-bottom: 30px;
    }

    #title {
        width: 95%;
        margin: auto;
    }

    #title .txtbox h1 {
        padding-top: 30px;
        margin-bottom: 0;
    }

    #title .lead {
        width: 90%;
        margin: auto auto 0;
    }

    #title #h1_pc {
        display: none;
    }

    #title #h1_mob {
        display: block;
        margin: auto;
    }

    #title figure.mob {
        width: 60%;
    }

    nav.local_nav ul {
        width: 80%;
        margin: auto;
        display: block;
    }

    nav.local_nav ul li {
        width: 100%;
        margin-bottom: 10px;
    }

    #title_theme dd {
        font-size: 1.8rem;
    }

}





/*=================================
	// id #outline // class date-detal
===================================*/
.lv_02 {
    margin: auto auto 0;
}

.green .lv_02 {
    background: #6bb775;
}

.purple .lv_02 {
    background: #863daf;
}

.green .lv_03 {
    margin: auto auto 0;
    padding: 3em 0;
    background: #033a14 url(../img/bg_lv03_3.png) repeat 0 0;
}

.lv_03 {
    margin: auto auto 0;
    padding: 3em 0;
    background: #7c000c url(../img/bg_lv03.png) repeat 0 0;
}

@media print,
screen and (max-width: 768px) {
    .lv_02 {
        margin: auto auto 0;
        padding: 0;
        /*        background-size: 15%;*/
    }
}


.lv_03 {
    padding: 30px 0;
}

#outline {
    width: 98%;
    max-width: 1080px;
    margin: auto;
}


.outlinebox {
    background: #fff;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 45px 30px;
}



/*=================================
	// id #theme
===================================*/

#theme {
    padding: 20px 0 10px;
    text-align: center;
}

#theme p.sub {
    width: 70%;
    /**/
    border: #863daf thin dotted;
    padding: 5px 10px;
}


@media print,
screen and (max-width: 768px) {

    #theme {
        padding: 0 0 10px;
        text-align: center;
    }

    #theme p.sub {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

}

/*=================================
	// id #howto
===================================*/

#howto {
    width: 85%;
    margin: auto;
    /* padding: 15px 0; */
    padding: 0 0 15px;
    background: #f0ede5;
    text-align: center;
}

#howto h4 {
    font-size: 1.8rem;
    text-align: center;
    color: #fff;
    background: #98000f;
    padding: 15px 0;
    margin-bottom: 30px;
}



.green #howto h4 {
    background: #512c17;
}



#howto figure {
    width: 90%;
    max-width: 600px;
    margin: auto auto 30px;
}

#howto p {
    font-size: 1.6rem;
}


#howto_pc {
    display: block;
}

#howto_mob {
    display: none;
}



@media print,
screen and (max-width: 768px) {
    #howto {
        padding: 10px 5%;
    }

    #howto h4.heading {
        font-size: 1.8rem;
    }

    #howto p {
        font-size: 1.5rem;
    }

    #howto_pc {
        display: none;
    }

    #howto_mob {
        display: block;
    }

    #howto figure {
        width: 100%;
        margin-bottom: 15px;
    }
}



/*=================================
	// id #date_detail
===================================*/

#date_detail {
    padding-top: 45px;
}

.detail_lead {
    width: 80%;
    margin: auto;
}

.detail_lead li {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1em;
}


.detail_lead li::before {
    content: '';
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 20px;
    /*画像の幅*/
    height: 29px;
    /*画像の高さ*/
    background-image: url(../img/note.svg) repeat 0 0;
    background-image: url(../img/note.svg);
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px
        /*    border: #f00 thin solid;*/
}


#date_detail .date_detail {
    width: 85%;
    margin: auto;
}

.date_detail_inside {
    /* display: -webkit-flex; */
    /* display: -moz-flex; */
    /* display: -ms-flex; */
    /* display: -o-flex; */
    /* display: flex; */
    /* justify-content: space-between; */
}



.date_detail h4 {
    font-weight: bold;
    display: inline-block;
}

.date_detail h4 span {
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0.2em 1em 0.2em;
    color: #b29059;
    /* border:#b29059 thin solid; */
    background: #f1e7d7;
    font-size: 1.6rem;
    text-align: center;
    display: block;
}

.date_detail_item {
    margin-bottom: 2em;
}


.date_detail_item .note {
    font-weight: normal;
    font-size: 1.3rem;
}

.date_detail_item .detail-txt {
    font-weight: bold;
}

.date_detail_item .detail-txt {
    font-weight: bold;
}

.date_detail_item .detail-txt li {
    margin-left: 1.5rem;
}

.date_detail_item .detail-txt li.indent::before {
    content: '\25CF';
    color: #815337;
    margin-right: 5px;
}

.detail-txt li.lv_01 {
    font-size: 1.6rem;
    font-weight: bold;
    /*    margin-bottom: 1em;*/
}

.detail-txt li.lv_01::before {
    content: '\25CF';
    color: #ab5ea9;
    margin-right: 5px;
}

.detail-txt .sub {
    margin-left: 2em;
}

.detail-txt .sub li {
    font-size: 1.5rem;
    font-weight: bold;
}

.detail-txt .sub li::before {
    font-size: 1.1rem;
    content: '\25CF';
    /*まる*/
    color: #ff5a7e;
    margin-right: 5px;
}



@media print,
screen and (max-width: 640px) {
    .detail-txt li.lv_01 {
        font-size: 1.4rem;
    }
}





@media print,
screen and (max-width:1024px) {
    #outline {
        width: 95%;
        margin: auto;
    }

    .outlinebox {
        padding: 1.5em 0;
    }

    #date_detail {
        padding-bottom: 1em;
    }

    #date_detail .inside {
        display: block;
    }

    #date_detail .figure_outer {
        width: 60%;
        max-width: auto;
        margin: auto auto 3em;
         !important;
    }

    #detail ul {
        margin-left: .5em;
    }

    .date_detail {
        margin-bottom: 3em;
    }


    .date_detail h4 span {
        margin-bottom: .5em;
    }

    .date_detail_item {
        margin-bottom: 2em;
    }

    #detail .detail-txt p {
        font-size: 1.8rem;
    }

    .detail-txt p,
    .detail-txt ul {
        font-size: 1.6rem;
    }

    .detail-txt ul li {
        margin-left: 0 !important;
    }
}


@media print,
screen and (max-width:900px) {
    .detail_lead {
        width: 90%;
    }

    .detail_lead li {
        font-size: 1.5rem;
        margin-bottom: 1em;
    }


    #date_detail .date_detail {
        width: 85%;
        margin: auto;
    }


    .date_detail_inside {
        display: block;
    }

    #date_detail .inside {
        margin-bottom: 2em;
    }

    .date_detail_inside .txtbox {
        width: 100%;
    }

    .date_detail_inside figure {
        width: 60%;
        margin: auto;
    }
}

@media print,
screen and (max-width:640px) {
    .date_detail_inside figure {
        width: 80%;
        margin: auto;
    }
}





/*===============================
        // id #date 
=================================*/


#advance_notice {
    padding: 15px;
    border-top: #b29059 thin solid;
    border-bottom: #b29059 thin solid;

}

#advance_notice p {
    text-align: center;
}


@media print,
screen and (max-width:640px) {
    #advance_notice p {
        font-size: 1.4rem;
        ;
    }
}

/*===============================
        // id #date 
=================================*/

#date p {
    font-size: 1.8rem;
}

#date .date {
    font-size: 2.4rem;
}

#date .textbook {

    font-size: 1.4rem;
    font-weight: normal;
    display: block;
}

#date li {
    margin-bottom: 0;
}



#date .detail-txt ul {
    font-size: 1.8rem;
}


#date .detail-txt ul li small {
    font-size: 1.3rem;
}

#date .detail-txt ul .online_end {
    font-size: 1.2rem;
    font-weight: normal;
}

@media print,
screen and (max-width: 768px) {
    #date p {
        font-size: 2.0rem;
    }

    #date .detail-txt ul .online_end {
        display: block;
    }

}






/*===============================
        // id #place 
=================================*/

#place p {
    font-size: 1.6rem;
}



/*===============================
        // id #fee 
=================================*/
#fee p {
    font-size: 1.6rem;
}

#fee dt {
    font-weight: bold;
}


#fee ul {
    font-size: 1.6rem;
    /*    font-weight: normal;*/
    margin-bottom: 1em;
}

#fee ul span.member {
    display: inline-block;
}

#fee ul span.fee {
    width: 4em;
    display: inline-block;
    text-align: right;
}

#fee .audience ul li {
    font-size: 1.5rem;
    margin-bottom: 10px;
}

#fee .audience ul li::before {
    content: '\25CF';
    color: #b29059;
    margin-right: 5px;
    font-size: 1.2rem;
    vertical-align: text-top;
}

/*
#fee ul li:last-child::before{
	content:none;
	margin-right:0;
}
*/


#fee .audience {
    margin-bottom: 15px;
    padding: 15px 15px 0;
    border: #aaa thin dotted;
}

.upcoming {
    width: calc(95% - 60px);
    margin: 60px auto 15px;
    padding: 10px 30px 5px;
    display: inline-block;
    color: #7a5b37;
    background: #f3f0e7;
    border-radius: 5px;
    display: block;
}

.monitor {
    font-size: 1.4rem;
}

.monitor dt {
    margin-top: 15px;
}

.monitor dt span {
    font-size: 1.6rem;
    color: rgb(240, 63, 63);
}



.green .monitor dt span {
    font-size: 1.6rem;
    color: #d85f6f;
}


#fee .program {
    /* width: calc(95% - 60px); */

    font-weight: normal;
    margin: 60px auto 15px;
    padding: 15px 30px 5px;
    display: inline-block;
    display: block;
    border: #aaa thin solid;
}


#fee .program h5 {
    font-size: 1.6rem;
    margin-bottom: .5em;
    padding-bottom: .25em;
    color: #b29059;
    border-bottom: #b29059 thin solid;
}

#fee .program p {
    font-size: 1.4rem;
}

#fee .program ul {
    font-size: 1.4rem;
}

#fee .program li {
    margin-left: 2em;
    list-style: disc;
    list-style-position: outside;
}

@media screen and (max-width: 768px) {


    #fee dt {
        font-size: 1.8rem !important;
    }

    #fee .price {
        margin-left: 1.5em;
        margin-bottom: .2em;
        display: block;
    }

    .upcoming {
        /* width: calc(100% - 30px); */
        width: 100%;
        margin: 60px auto 15px;
        padding: 10px 15px 5px;
        display: inline-block;
        color: #7a5b37;
        background: #f3f0e7;
        border-radius: 5px;
        display: block;
    }

    #fee .monitor dt {
        font-size: 1.4rem !important;
    }

    #fee .monitor dt span {
        font-size: 1.5rem !important;
    }

    #fee .program ul {
        margin-left: 2em;
    }


}



/*===============================
        // id #person
=================================*/


#person {}


#person ul {
    font-size: 1.6rem;
}







/*==============================
        // id #apply-closing
================================*/

#apply-closing .detail-txt span {
    display: block;
}



/*==========================
	// id #profile
============================*/

#profile {
    margin: auto auto 15px;
}

#profile h4 {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.4rem;
    margin-bottom: 1em;
    padding: 0 10px;
    background: #f1e7d7;
}

#profile h4 strong {
    font-size: 2.0rem;
}

#profile .inside {
    width: 90%;
    margin: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /**/
    justify-content: space-between;
}


#profile .read_more li {
    width: 80%;
    margin: auto;
    padding: .25em;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    background: #6897b9;
    border-radius: 2em;
    /*    box-shadow: 0 0.3em 0.3em 0 #aaa;*/
}


#profile .inside .txtbox {
    width: 78%;
}


#profile .inside figure {
    width: 18%;
    max-width: 164px;
}

#profile figcaption {
    font-size: 1.1rem;
}

#profile ul.link a {
    color: #666;
    text-decoration: underline;
}


#profile ul.link a .arrow {
    width: 6px;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
}

.prof_link li {
    margin-bottom: 1em;
}




@media print,
screen and (max-width: 900px) {

    /* ///////// mobile ///////////// */
    #profile {
        margin-bottom: 3em !important;
    }

    #profile h3 {
        text-align: center;
    }

    #profile .inside {
        width: 80%;
        margin: auto;
        display: block;
    }

    #profile .inside .txtbox {
        width: 100%;
    }

    #profile .inside figure {
        width: 50%;
        margin: auto auto 1em;
    }

    #profile .inside figure img {
        margin: auto;
    }

    #profile p {
        margin-bottom: 2em;
    }

    #profile dd {
        margin-left: 0 !important;
        padding-left: 0;
    }
}


@media print,
screen and (max-width: 768px) {
    .prof_link {
        margin-bottom: 2em;
    }

    #profile ul.link {
        margin: auto auto 2em;
    }

    #profile ul.link a {}

    #profile .read_more {
        margin-bottom: 1em;
    }

}



/*=====================================
        // id #participant
======================================*/


#participant .inside {
    padding: 15px 2.5% 0;
}


#participant .past_theme h4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

#participant .past_theme h4 .period {
    font-family: 'Noto Serif JP', serif;
}

#participant .past_theme h4 .theme {
    font-size: 2.2rem;
    display: block;
}

#participant .row.flexbox {
    width: 90%;
    margin: auto;
    flex-wrap: wrap;
}


#participant .row .box {
    width: 49%;
    margin-bottom: 15px;
    text-align: left;
    background: #f0ede5;
}

#participant .row .box p {
    padding: 15px;
}

@media print,
screen and (max-width: 768px) {


    #participant .row.flexbox {
        display: block;
    }

    #participant .row .box {
        width: auto;
    }


}







/*====================================================
        // id #program
=====================================================*/


#program dl {
    width: 90%;
    margin: auto;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: center;
}



@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, #program dl {
        font-size: 1.6rem;
        font-family: "ヒラギノ角ゴ Pro W3",
            "Hiragino Kaku Gothic Pro",
            "メイリオ",
            Meiryo,
            Osaka,
            "ＭＳ Ｐゴシック",
            "MS PGothic",
            "sans-serif";
    }

    /* IE11 */
}


@media print,
screen and (max-width: 768px) {
    #program dl {
        font-size: 1.5rem;
    }
}




/*====================================================
        // id #inq 
=====================================================*/

address {
    font-style: normal;
}

#inq {
    text-align: center;
}

#inq p.head {
    font-size: 1.8rem;
}


#inq p.head .sub {
    font-size: 1.5rem;
    display: block;
}

#inq p.head .sub .viewpc {
    display: inline;
}

#inq p.head .sub .viewmob {
    display: none;
}

#inq .inq_telbox {
    font-size: 1.8rem;
    display: block;
}

#inq .inq_telbox dt {
    font-weight: bold;
}

#inq .inq_telbox dd {
    font-weight: bold;
}


.inqbtn {
    margin-top: 1em;
}

.inqbtn a {
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 30px 0;
    display: block;
    /* background: #98000f; */
    background: #a19056;
    position: relative;
    overflow: hidden;
}

.inqbtn a::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    /* border-bottom: 22px solid #debf8e; */
    border-bottom: 30px solid #7c694c;
    border-left: 30px solid transparent;
}


#inq .fax::before {
    content: '\FF0F';
    /*スラッシュ全角*/
    color: #000;
    margin-right: .25em;
    padding-left: .25em;
}

#inq .tel_link a {
    color: #000;
}

.inqbtn a {
    width: 60%;
    margin: auto;
    /* font-size: 1.8rem; */
    font-size: 2.0rem;
}


.inqbtn .end {
    text-align: center;
    background: #eee;
    color: #666;
    width: 80%;
    margin: auto;
    padding: 1em 0;
    font-size: 1.6rem;
}


#inq .notice {
    width: 70%;
    margin: auto auto 30px;
    text-align: left;
}

#inq .notice ul {
    padding: 15px 30px;
    border: #c6c6c6 thin dotted;
    border-left: none;
    border-right: none;
}

#inq .notice li {
    margin-bottom: 1em;
}

#inq .notice li::before {
    content: '\203B';
    /*※印*/
    color: #f00;
    font-weight: bold;
    margin-right: 5px;
}



@media screen and (max-width: 1023px) {
    #inq {
        margin-bottom: 3em;
    }



    #inq address {
        padding: 0 .5em;
    }

    #inq .inside1.flexbox {
        align-items: flex-start;
    }

    .inqbtn a {
        width: 80% !important;
        margin: auto auto auto auto;
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 1.4;
    }

    .inqbtn {
        margin-top: 0.5em;
    }

    #inq .inq_telbox {
        padding: 0;
    }
}




@media screen and (max-width: 900px) {
    #inq p.head .break1 {
        display: block;
    }
}



@media print,
screen and (max-width: 768px) {

    #inq .notice {
        width: 90%;
    }

    .inqbtn a {
        width: 90% !important;
    }

    #inq .inq_telbox {
        font-size: 2.0rem;
    }

    #inq p.head {
        font-size: 1.5rem !important;
    }

}



@media print,
screen and (max-width: 640px) {



    #inq p.head {
        font-size: 1.7rem;
    }

    #inq p.head .sub {
        font-size: 1.4rem;
    }



    #inq .notice {
        width: 95%;
    }

    #inq .notice ul {
        padding: 2.5%;
        font-size: 1.4rem;
    }


}





/*==========================================
	// id #access
============================================*/

#access {
    margin-bottom: 2em;
}

#access .inside {
    width: 95%;
    margin: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /**/
    justify-content: space-around;
}

#access .txtbox {
    width: 60%;
}

#access .mapbox {
    width: 30%;
}

#access .mapbox iframe {
    width: 100%;
    height: 250px;
}


#access h4 {
    color: #365f91;
    border-bottom: #365f91 3px solid;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: .1em;
    margin-bottom: 1em;
}

#access dt {
    font-size: 1.6rem;
    font-weight: bold;
}

#access dd {
    margin-bottom: 2em;
}

#access .tel_link a {
    color: #000;
}

#googlemap {
    width: 478px;
    height: 350px;
    margin-bottom: 10px;
}



@media print,
screen and (max-width: 1024px) {
    #access {
        margin-bottom: 2em;
    }

    #access .inside {
        width: 90%;
        margin: auto;
        display: block;
    }

    #access .txtbox {
        width: 90%;
    }

    #access .mapbox {
        width: 90%;
        margin: auto;
    }

    #access .mapbox iframe {
        width: 100%;
    }
}



/*==========================
	#about-mtc //NOTE mtc
============================*/

#about-mtc {
    margin-bottom: 5em;
}

#about-mtc h4 {
    width: 100%;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    /*    background: #ca4b5d;*/
    background: #a70000;
    margin-bottom: 1em;
    padding: .25em 1em;
    border-radius: 2em;
}


@media screen and (min-width: 769px) {
    .mtc-inside {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between;
    }

    #about-mtc .txtbox {
        width: 66%;
        margin: 0 2% 0 0;

    }

    #about-mtc figure {
        width: 30%;
        margin: 0;
    }

    #about-mtc figure img {
        width: 100%;
        max-width: 262px;
    }


}

@media print,
screen and (max-width: 768px) {
    #about-mtc figure {
        width: 50%;
        margin: auto;
    }

}





/*====================================================
#sns_sharebox
=====================================================*/

#sns_sharebox_outer {
    background: #fff;
}

#sns_sharebox {
    width: 90%;
    margin: auto;
    font-size: 13px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content：space-between;
}

#sns_sharebox li {
    width: 32.2%;
    margin: 0 0.5%;
    padding: 0.5em 0;
    text-align: center;
    display: inline;
}

#sns_sharebox a {
    color: #fff;
    padding: 0 1em 0 1em;
    border-radius: 0.2em;
    display: block;
}

#sns_sharebox a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    text-decoration: none;
}

#sns_sharebox #fb_share {
    background: #3b5998;
}

#sns_sharebox #tweet {
    background: #55acee;
}

#sns_sharebox #line {
    background: #1dcd00;
}

@media screen and (min-width: 1024px) {
    #sns_sharebox_outer {
        max-width: 1080px;
        margin: auto auto 2em;
        padding: 1em 0;
    }

    /* pc end */
}

@media print,
screen and (max-width: 1023px) {
    #sns_sharebox_outer {
        width: 95%;
        margin: auto auto 2em;
        padding: 1em 0;
    }
}




@media print,
screen and (max-width: 768px) {
    #sns_sharebox_outer {
        width: 100%;
        margin: auto auto 2em;
        padding: 1em 0;
    }

}