/*==========================
	overwrite
============================*/

.bread .inner {
    width: 98%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

article.seminar {
    width: 100%;
    margin: auto;
}


/*==========================
	#seminar overwrite
============================*/

article {
    width: 100%;
    margin: auto;
    background: #6d7740;
}

article a {
    transition: .2s linear;
}

article a:hover {
    opacity: 0.6;
}


/*=================
	//  font
===================*/
/* 
.noto-serif-jp {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
} */


.fs-italic {
    font-style: italic;
}



.noto-serif-jp-400 {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}


.noto-serif-jp-600 {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}





/*=================
	//  colors
===================*/

.text-blue {
    color: #6D89CA;
}

.border-blue-1 {
    border: #6D89CA thin solid;
}


.text-brown {
    color: #4C122B;
}

.text-pink {
    color: #FF5285;
}

.text-orange {
    color: #FFBD62;
}


.text-green {
    color: #A0CB5E;
}



/*=================

===================*/


ul.disc li {
    margin-bottom: 10px;
    margin-left: 10px;
    position: relative;
}


li.disc-blue::before {
    content: '\25CF';
    color: #6D89CA;
    position: absolute;
    top: 0;
    left: -15px;
}


/*=================
	//  common
===================*/

a.linkbtn-s {
    padding: 2px 15px 1px;
    color: #fff;
    text-align: center;
    /* font-weight: bold; */
    background: #9D4753;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3em;
}


a.arrow i {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #bb7f87;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
}




/*==========================
	.wrap / #all-bg
============================*/

#all-bg {
    background: #6D89CA;
}

.wrap {
    padding-top: 60px;
}


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

    .wrap {
        padding-top: 100px;
    }

}


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


/* #contents {
    padding-top: 15px;
} */

#contents .heading {
    font-size: 24px;
    font-weight: normal;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #555;
    text-align: center;
    overflow: hidden;

    padding-top: 10px;
    padding-bottom: 15px;

    /* border: #f00 thin solid; */
    /* border-bottom: #6D89CA thin solid; */
    /* border-bottom: #FF5285 thin solid; */
    color: #fff;
    /* background-color: #a0cb5e; */
    background-color: #7ba739;
}


#contents .heading span {
    width: auto;
    /* width: 50%; */
    position: relative;
    display: inline-block;
    /* border: #f00 thin solid; */
}



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


    #contents .heading {
        font-size: 32px;
    }



}


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

#title {
    width: 90%;
    background: none;
    position: relative;
    /* border: #f00 thin solid; */
}

#title .head span {
    color: #fff;
    background: #6D89CA;
}

#title .title-box {
    width: 85%;
    /* width: 75%; */
    font-style: normal;
    text-align: right;
    /* border: #f00 thin solid; */
}

#title .deco-text {
    width: 12%;
    width: 14.5%;
    /* border: #f00 thin solid; */
}

#title .cover {
    width: 52%;
    margin: auto;
}

#title .text-box {
    margin-bottom: 30px;
}


#title h1 {
    line-height: 1.1;
    font-weight: normal;
    margin-bottom: 15px;
}

#title .head {
    font-size: 4.5vw;
}


#title h1 .first {
    font-size: 16vw;
}

#title h1 .second {
    font-size: 10vw;
}

#title .subtitle {
    font-size: 6vw;
}


#title .place {
    font-size: 4vw;
}


#title .number {
    font-size: 7vw;
}


/* ///////////////////////// */

.deco-1.pc {
    display: none;
}

.deco-1.mob {
    display: block;
}


#title h1 .break {
    display: block;
}



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

    /* #title .title-box {
        width: 86%;
    }

    #title .deco-text {
        width: 12%;
    }

    #title .cover {
        width: 52%;
        margin: auto auto 30px;
    } */


}


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



    #title .title-box {
        width: 83%;
        /* width: 76%; */
        font-style: normal;
        text-align: right;
    }

    #title .deco-text {
        width: 14%;
        /* width: 20%; */
    }





    #title .text-box {
        margin-bottom: 60px;
    }



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

    /* ///////////// */

    #title .head {
        font-size: 2.5vw;
    }


    #title h1 .first {
        font-size: 16vw;
    }

    #title h1 .second {
        font-size: 8vw;
    }

    #title .subtitle {
        font-size: 5vw;
    }


    #title .place {
        font-size: 3.5vw;
    }


    #title .number {
        font-size: 7vw;
    }



}


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



    #title .head {
        font-size: 18px;
    }

    #title .title-flex {
        /* flex-md-row-reverse justify-md-between */
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    #title .title-box {
        width: 83%;
    }

    #title .deco-text {
        width: 14%;
    }

    #title .text-box {
        width: 72%;
        margin: 0 0 15px;
        /* border: #f00 thin solid; */
    }

    #title .cover {
        width: 27%;
        margin: 0;
        /* border: #f00 thin solid; */
    }



    #title h1 .break {
        display: inline;
    }



    .deco-1.pc {
        display: block;
    }

    .deco-1.mob {
        display: none;
    }


    /* ///////////// */


    /* #title h1 .first {
        font-size: 100px;
        font-size: 4.5vw;
    }

    #title h1 .second {
        font-size: 46px;
        font-size: 3vw;
    }

    #title .subtitle {
        font-size: 30px;
        font-size: 2.5vw;
    }


    #title .place {
        font-size: 26px;
        font-size: 1.5vw;
    }


    #title .number {
        font-size: 48px;
        font-size: 2.5vw;
    } */


    #title h1 .first {
        font-size: 80px;
    }

    #title h1 .second {
        font-size: 60px;
    }


    #title .subtitle {
        font-size: 38px;
    }


    #title .place {
        font-size: 24px;
    }


    #title .number {
        font-size: 50px;
    }

    #title h1 .break {
        display: inline;
    }



}



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

    #title h1 .first {
        font-size: 84px;
    }

    #title h1 .second {
        font-size: 60px;
    }


    #title .subtitle {
        font-size: 38px;
    }


    #title .place {
        font-size: 24px;
    }


    #title .number {
        font-size: 50px;
    }
}




/*=================================
	#lead
===================================*/



/*=================================
	// layout #outline
===================================*/
.lv_02 {
    margin: auto auto 0;
}

#outline {
    max-width: 1200px;
    margin: auto;
}

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

.date_detail h4 span {
    max-width: 200px;
    margin: auto auto;
    padding: 2px 15px 2px;
    color: #fff;
    background: #af9c5c;
    font-size: 1.8rem;
    font-weight: normal;
    text-align: center;
    display: block;
}


/*===============================
         #otona 
=================================*/

#otona {
    border: 1px dotted #555;
    display: block;
    margin-left: auto;
    margin-right: 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 #apply-closing
================================*/

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


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

#profile h4 {
    background: #e6dccc;
}

#profile h4 strong {
    align-items: stretch;
}

#profile h4 small {
    width: 80px;
    margin-right: 15px;
    color: #fff;
    background: #af9c5c;
    display: flex;
    justify-content: center;
    align-items: center;
}

#profile h4 .name {
    width: calc(100% - 95px);
}


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

address {
    font-style: normal;
}

.inqbtn {
    width: 90%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.inqbtn a {
    color: #fff;
    text-align: center;
    padding: 1em 1em;
    display: block;
    background: #9D4753;
    position: relative;
    overflow: hidden;
    border-radius: 3em;
}



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

@media print, screen and (max-width: 640px) {
    #access iframe {
        height: 360px;
    }
}

/*=====================
	// #advance_notice
=======================*/

.advance_notice {
    width: 100%;
    height: 50vh;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
    background: #fff;
    text-align: center;
    /**/
    display: flex;
    justify-content: center;
    align-items: center;
    /*
    border: #f00 thin solid;
    */
}


.advance_notice_logo {
    max-width: 200px;
    display: block;
    /* border: #f00 thin solid; */
    margin: auto;
}