@charset "utf-8";
/* CSS Document */

h1, h2, h3 {
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
font-style: normal;
color: #9d734d;
}

.page {
    margin-bottom: 60px;
}

.page a:link {
	color: #333;
}

.page a:visited {
	color: #333;
}

.page a:hover {
	color: #333;
} 

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

}

header .siteName a,
header .siteName a:link,
header .siteName .page a:visited,
header .siteName .page a:hover{
	color: #e9746f;
}

.mainview h1{
    font-size: 3.2rem;
    text-align: center;
    line-height: 170px;
}

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

.mainview h1{
    font-size: 3.2rem;
    text-align: center;
    line-height: 170px;
}}

/* ---------------------------------
  _ コンテンツ
------------------------------------*/
main .container{
    width: 890px;
    height: auto;
    margin-bottom: 90px;
}

main p.guidance{
    text-align: center;
    margin-bottom: 70px;
}

article{
    border-top: dotted 2px #cccccc;
    padding: 25px 0 35px;
}

article:first-of-type{
    border-top: dotted 0px #cccccc;
    padding: 20px 0;
}

article:last-of-type{
    border-bottom: dotted 2px #cccccc;
    margin-bottom: 20px;
}

h2{
    width: auto;
    line-height: 35px;
    font-size: 2.7rem;
    margin-bottom: 20px;
    color: #6553a2;
}

h2 span{
    width: 40px;
    height: 35px;
    float: left;
    background-image: url("../images/faq/question.png");
    background-repeat: no-repeat;
    background-position: left top;
}

article p {
	margin-left: 40px;
}

article p span{
    color: #f6524b;
}

@media screen and (max-width: 640px){
    main .container {
    width: auto;
}
    
main p.guidance {
    text-align: left;
}
    
h2 {
    font-size: 3.6rem;
	line-height: 1.3;
}
    
h2 span{
    height: 50px;
	background-position: left center;
}
}


footer h3 {
    color: #fff;
}