/* contents css */

body {
    text-align:center;
    font-family:'Noto Sans JP',sans-serif;
    line-height:1.8;
    font-size:62.5%;
    color:#000000;
}


/* text link color */
#contents a    {color:#000000; text-decoration:underline;transition:all .3s ease-in;}
#contents a:visited {color:#000000; text-decoration:underline;}
#contents a:hover   {color:#000000; text-decoration:none;}
#contents a:active  {color:#000000; text-decoration:none;}

/* mincyo */
.min {
    font-family:'Noto Serif JP',serif;
}
.ora {
    font-family:'Oranienbaum',serif;
}


/* contents base */
#contents {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:100px 0 150px;
    font-size:1.0em;
}

/* title */
#title {
    position:relative;
    width:100%;
    max-width:1400px;
    background-repeat:no-repeat;
    background-position:center top;
    margin:0 auto;
    text-align:center;
}
#title h1 {
    display:inline-block;
    position:absolute;
    left:0;
    right:0;
    bottom:35%;
    height:1.8em;
    margin:auto;
    line-height:1.4;
    font-size:2.0em;
    font-weight:bold;
}
#title h1 span {
    border-bottom:5px solid #b60005;
}

/* lead */
#contents .lead {
    width:80%;
    max-width:840px;
    margin:0 auto 80px;
}


/* head */
#contents h2 {
    margin:0 auto 2em;
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
    color:#000000;
}
#contents h2 span {
    display:block;
    margin-bottom:0.2em;
    font-family:'Oranienbaum',serif;
    line-height:1.4;
    font-size:2.8em;
    font-weight:normal;
    color:#b60005;
}
#contents h3 {
    margin-bottom:1em;
    line-height:2.0;
    font-size:1.3em;
    font-weight:bold;
}
#contents h4 {
}
#contents h4.line {
}
#contents p {
    margin-bottom:1.5em;
    text-align:left;
}

/* head line */
.line_a {
    display:inline-block;
    position:relative;
}
.line_a:before {
    display:inline-block;
    position:absolute;
    left:50%;
    bottom:0;
    width:37px;
    height:1px;
    background:#000000;
    transform:translate(-50%);
    content:"";
}
.line_b {
    display:inline-block;
    position:relative;
}
.line_b:before {
    display:inline-block;
    position:absolute;
    left:0;
    bottom:0;
    width:37px;
    height:1px;
    background:#000000;
    content:"";
}
.line_c {
    display:inline-block;
    position:relative;
}
.line_c:before {
    display:inline-block;
    position:absolute;
    left:0;
    bottom:0;
    width:37px;
    height:1px;
    background:#fff;
    content:"";
}

/* note */
#contents .note {
}



/* other font/list */

#contents strong {
    font-weight:bold;
}

#contents .center {
    margin:0 auto;
    text-align:center;
}

#contents .right {
    text-align:right;
}

#contents .eol {
    margin-bottom:3em !important;
}

#contents .bottom {
    margin-bottom:90px !important;
}

#contents .nm {
    margin-bottom:0 !important;
}

#contents .notice {
    color:#bc101c;
}




/* - 1400px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1400px) {








}
/* - 1400px end */




/* - 1200px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1200px) {


/* contents base */
#contents {
    padding:80px 0 100px;
}

/* title */
#title h1 {
    font-size:1.8em;
}








}
/* - 1200px end */




/* - 860px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 860px) {

/* title */
#title h1 {
    bottom:30%;
}

}
/* - 860px end */




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

/* title */
#title h1 {
    font-size:1.6em;
}








}
/* - 768px end */




/* - 750px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 750px) {



#title h1 {
    top:0;
    bottom:0;
}

#contents .lead {
    width:90%;
}




}
/* - 750px end */




/* - 480px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 480px) {


/* head */
#contents h2 span {
    font-size:2.0em;
}







}
/* - 480px end */