@charset "utf-8";

@media all and (min-width:1025px) {
.main_pc_only{display: block!important;}
.main_sp_only{display: none!important;}}
@media all and (max-width: 1024px) {
.main_pc_only{display: none!important;}
.main_sp_only{display: block!important;}}

@media all and (min-width: 768px) and (max-width: 1024px) {
.main_tb_only{display: block!important;}}

@media all and (max-width: 768px){
.main_tb_only{display: none!important;}}

@media all and (min-width:769px) {
.br_pc_only{display: block!important;}
.br_sp_only{display: none!important;}}
@media all and (max-width: 768px) {
.br_pc_only{display: none!important;}
.br_sp_only{display: block!important;}}


#main {position: relative; background-image: url("../brand/images/header_bg.png");background-size:cover;margin-top: -223px;padding-bottom: 16%; border-bottom: solid 15px #8acd81;}
/*@media all and (min-width: 769px) and (max-width: 1025px){
#main {margin-top: 0;}
}*/
#main .header_bg{position:absolute;width: 100%;top: 0px; left: 0px;}
@media all and (max-width: 1024px) {
#main {position: relative; background-image: url("../brand/images/header_bg_sp.png");background-size:cover;margin-top: 0;padding-bottom: 23%;border-bottom: solid 8px #8acd81;}
}

#contents{width: 1200px; margin-left: auto; margin-right: auto;}
#contents a{color: #3cab35; text-decoration: none;}
#contents a:hover{color: #3cab35; text-decoration: underline;}
.pan{margin-top: 30px; margin-bottom: 30px;letter-spacing: 0.05em; font-weight: 900;color: #666;}
h2{font-size: 30px; color: #3cab35; padding-bottom: 7px; margin-bottom: 15px; font-weight: 900; border-bottom: 3px #9dd594 solid;letter-spacing: 0.1em;}
#contents p{line-height: 200%;font-size: 1.1em;margin-bottom: 0.8em;font-weight: bold;letter-spacing: 0.1em;color: #555}
#contents span{font-weight: bold;color: #FF7043;border-bottom: 2px solid #8acd81;}
#contents img{margin-top: 10px;margin-bottom: 10px; width: 100%;}


@media all and (min-width: 1025px) and (max-width: 1200px) {
#contents{width: 1000px;}
}
@media all and (min-width: 769px) and (max-width: 1024px) {
#contents{width: 760px;}
}
@media only screen and (max-width:768px) {
#contents{width: 95%;}
#contents p{line-height: 170%;font-size: 1em;margin-bottom: 1.2em;}
}

@media all and (max-width: 1024px) {
.head_contents {height: 55px;}
]


.pagenavi{font-size: 1.5em; text-align: center;margin-bottom: 2em;}
/*.pagenavi a{background-color: #3cab35;}*/
.pagenavi span{padding: 2px 10px;margin: 0 4px; background-color:#3cab35;color: #fff;font-weight: bold;}
.current{background-color:#fff!important;color: #3cab35!important;border: 2px solid #3cab35;}
.pagenavi i{margin: 0 0.5em;}
.non{color:#fffff4;}

.mini{font-size: 80%;font-weight: 900;}
.yl{color: #fff450;font-weight: 900;}