@charset "UTF-8";

#mainimg {
	background:url(../img/top/mainimg.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}
#mainimg > div {
	width:calc(100% - 60px);
	max-width:1200px;
	margin:0 auto;
	text-align: center;
	font-size:3.6rem;
	letter-spacing:0.2em;
	line-height:1em;
	color:#990000;
	text-shadow:0 0 1px #ffffff,0 0 2px #ffffff,0 0 3px #ffffff,0 0 1px #ffffff,0 0 2px #ffffff,0 0 3px #ffffff;
	box-sizing: border-box;
	padding:1em 0;
}
#mainimg > div#logo {
	width: 80px;
	position: absolute;
	left:20px;
	top:50%;
	transform: translateY(-50%);
}
#mainimg > div a {
	color:#990000;
	font-family: 'Cinzel', serif;
}
#mainimg > div a:hover {
	opacity: 1;
	color:#990000;
}

/****/
#navi {
	background:#efefef;
	
}
#navi p {
	width:calc(100% - 60px);
	max-width:1100px;
	margin:0 auto;
	font-size: 1.2rem;
	line-height: 1.3em;
    font-family: 'Cinzel', serif;
	padding:0.5em 0;
}
#navi p .svg-inline--fa {
	margin:0 0.5em;
}
#navi p a {
    font-family: 'Cinzel', serif;
}
#navi p span {
    font-family: 'Cinzel', serif;
	color:#990000;
}


#contents {
	width:calc(100% - 60px);
	max-width:1200px;
	margin:0 auto;
	padding:90px 0;
}
.contents .cbox {
	padding:0 15px;
}

#contents h1 {
	font-size:3.6rem;
    font-family: 'Cinzel', serif;
	font-weight:100;
	line-height:1em;
	letter-spacing:0.2em;
	color:#990000;
	text-align:center;
	margin:0 0 2em;
}


#main h2 {
	font-size:2.1rem;
	font-weight:400;
	line-height:1em;
	margin-bottom:1.5em;
}
#main h2 span {
	font-size:inherit;
	line-height:1em;
	display:inline-block;
	border-bottom:5px solid #000000
}
#main h3 {
}

#main #contents > p.body {
	font-size: 2.8rem;
	font-weight:600;
	line-height:1.5em;
	margin-bottom:1.5em;
}

#main #contents .contents p.body {
	font-size: 2.1rem;
	font-weight:500;
	line-height:1.5em;
	margin-bottom:0.5em;
}
#main #contents > p.body > span {
	font-size:3.8rem;
	margin-right:0.5em;
	line-height:inherit;
}

#main #contents .contents {
	max-width:840px;
	margin:0 auto 60px;
}
#main #contents .contents:last-child {
	margin-bottom: 0;
}
#main #contents .contents .contbox {
	padding-left: 100px;
}

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

#mainimg > div {
	font-size:3.0rem;
}

}

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

#mainimg > div {
	width:calc(100% - 40px);
	font-size:2.4rem;
}
#mainimg > div#logo {
	width: 60px;
}
#navi p {
	width:calc(100% - 40px);
}


#contents {
	width:calc(100% - 40px);
	padding:60px 0;
}
#contents h1 {
	font-size:3.0rem;
	margin-bottom:1.5em;
}


#main h2 {
	font-size:1.8rem;
}

#main #contents > p.body {
	font-size: 2.1rem;
}

#main #contents .contents p.body {
	font-size: 1.8rem;
}
#main #contents > p.body > span {
	font-size:3.0rem;
}

#main #contents .contents {
	margin:0 auto 30px;
}
#main #contents .contents .contbox {
	padding-left: 50px;
}


}

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


#mainimg > div {
	width:calc(100% - 30px);
	font-size:1.4rem;
	text-align:left;
	box-sizing: border-box;
	padding-left: 50px;
}
#mainimg > div#logo {
	width: 40px;
	left:10px;
	padding: 0;
}
#navi p {
	width:calc(100% - 30px);
	font-size: 1.1rem;
}

#contents {
	width:calc(100% - 30px);
	padding:30px 0;
}
.contents .cbox {
	padding:0 5px;
}
#contents h1 {
	font-size:2.4rem;
	margin-bottom:1em;
}




#main h2 {
	font-size:1.6rem;
	margin-bottom:1em;
}

#main #contents > p.body {
	font-size: 1.6rem;
	line-height:1.3em;
	margin-bottom:1em;
}

#main #contents .contents p.body {
	font-size: 1.6rem;
}
#main #contents > p.body > span {
	font-size:2.4rem;
	display:block;
	margin-bottom:0.2em;
}
#main #contents .contents .contbox {
	padding-left: 0;
}
	
}

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



}