@charset "utf-8";

/*body{
background-image: url("../images/index/main_bg.jpg");
background-repeat: no-repeat;
background-size: cover;
}*/

main{
/*padding-top: 500px;*/
display: block;
}

footer{
margin-top: 0px;
}
#main_img{
	position: relative;
    z-index: 1;
	width: 100%;
  height: 790px;
	background-image: url("../images/index/main_bg.jpg");
background-repeat: no-repeat;
  object-fit: contain;
	background-position: center;
}


#rakuhen {
margin-top: -280px;
    display: table;
    position: relative;
    z-index: 2;

}

@media screen and (max-width:1620px){
#rakuhen {
    margin-top: -260px;
}
#main_img{
  height: 760px;
  object-fit: contain;
}
}

@media screen and (max-width:1366px){
#rakuhen {
    margin-top: -245px;
}

#main_img{
  height: 720px;
  object-fit: contain;
}
}

/* const */

#const {
margin:125px 0 20px 0;
clear: both;
background-color: rgba(240, 236, 236, 0.9);
display: table;
width: 100%;
}

@media screen and (max-width:1620px){
#const {
    margin: 95px 0 20px 0;
}
}

@media screen and (max-width:1366px){
#const {
    margin: 95px 0 20px 0;
}
}

@media screen and (max-width:414px){
#const {
    margin: 0px 0 20px 0;
}
}

#const h2{
font-size: 1.5em;
line-height: 20px;
margin: 20px 0 0 0;
color: #231711;
font-weight: bold;
float: left;
}

#const a.link{
margin: 20px auto 0 auto;
text-decoration: none;
display: block;
float: right;
}


#const_box {
clear: both;
padding: 20px 0px 20px 0px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
}

.const_content,
.const_content_right,
.const_content02,
.const_content_right02{
    width:24%;
	font-size: 0.8em;
	line-height: 1.3em;
	text-align: center;
	background: #FFF;
	overflow: hidden;
}

.const_content img,
.const_content_right img,
.const_content02 img,
.const_content_right02 img{
height:150px;
width: auto;
margin: 0 auto;
display: block;
}

#const .detail_text .marB5 {
    padding: 0 0 10px 0;
}

#const .detail_text{
text-align: left;
background: #231711;
padding: 15px;
color: #FFF;
}

#const .detail_text a {
    color: #FFF;
    font-weight: bold;
    text-decoration: underline;
}


#news{
width: 48%;
float: right;
background: #FFF;
}

#voice {
width: 48%;
float: left;
background: #FFF;
}


#const a.link{
display: block;
text-align: center;
font-weight: bold;
}

#news h2,
#voice h2{
font-size: 1.1em;
line-height: 1em;
padding: 10px;
margin: 0;
color: #FFF;
font-weight: bold;
background: #231711;
text-align: center;
}


#news ul,
#voice ul {
margin:0;
padding: 15px 20px;
}

#news li,
#voice li {
margin-top: 10px;
font-size: 0.8em;
line-height: 1.3em;
}

#news li:first-child,
#voice li:first-child{
margin-top: 0;
}

#news li a,
#voice li a {
font-weight: bold;
}

#news .link,
#voice .link{
font-size: 0.8em;
line-height: 1em;
text-decoration: none;
border-top: 1px dotted #231711;
padding: 15px;
display: block;
text-align: center;
font-weight: bold;
}


@media screen and (max-width:414px){
#news .link,
#voice .link{
background: #ffecdc;
	}
#news ul,
#voice ul {
background: #ffecdc;
}
}







#wrap02{
clear: both;
}

#wrap02 ul{

margin: 0;
padding: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;

margin-bottom: 20px;
}

#wrap02 ul li{
border-collapse: collapse;
width: 32%;
background-color: rgba(240, 236, 236, 0.8);
box-sizing: content-box;
}

#wrap02 ul li:last-child{
border-width: 0;
}
#wrap02 ul li i{
color: #231711;
font-size: 4em;
}

#wrap02 ul li h3{
margin: 0;
font-size: 1.2em;
line-height: 1em;
font-weight: bold;
margin: 15px 0;
color: #000;
}

#wrap02 ul li strong{
font-size: 1.2em;
display: block;
font-weight: normal;
}

#wrap02 ul li strong i{
font-size: 0.9em;

}


#wrap02 ul li p{
margin: 20px 0px 20px 0;
width: 100%;
font-size: 0.8em;
line-height: 1.5em;
text-align: left;
color: #000;
}

#wrap02 ul li a{
display: block;
text-align: center;
padding: 23px;
line-height: 1em;
text-decoration: none;
}





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

main{

padding-top: 20px;

}


#main_img_sp {
    width: 100%;
    min-width: auto;
    margin: 70px auto 0px auto;
}
	
	#rakuhen {
    margin-top: 0px;
}

#const {
float: none;
width: 100%;
}

.const_content,
.const_content_right,
.const_content02,
.const_content_right02{
width: 47%;
text-align: center;
overflow: hidden;
font-size: 1em;
margin-bottom: 20px;
}

.const_content img,
.const_content_right img,
.const_content02 img,
.const_content_right02 img{
width:auto;

}

.detail_text{
text-align: left;
height: 100%;
font-size: small;
}

#const h2 a{
display: none;
}

#news, #voice{
width: 100%;
float: none;
margin: 20px 0;
display: table;
}

#wrap02 ul{
display: block;
}

#wrap02 ul li{
display: table;
margin-bottom: 20px;
width: 100%;
}

#wrap02 ul li img{
height: 35%;
width: 35%;
margin: 20px 0 20px 15px;
}

#wrap02 ul li img{
height: 35%;
width: 35%;
margin: 20px 0 20px 15px;
}

#wrap02 ul li p{
font-size: 1em;
margin: 20px 0 20px 0;
}

#const h2 {
    font-size: 1.1em;
}
#const .detail_text a {
    font-size: small;
}

}

.lefr_bnr {
    width: 49%;
    float: left;
    margin-bottom: 20px;
	margin-top: 40px;
}

.right_bnr {
    width: 49%;
    float: right;
    margin-bottom: 20px;
	margin-top: 40px;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

@media screen and (max-width: 767px){
.lefr_bnr {
    width: 100%;
    margin-top: 10px;
}
.right_bnr {
    width: 100%;
    margin-top: 10px;
}
}

#reform_ttl{
	display: block;
    color: #FFF;
    background: #9d7a40;
    text-align: center;
    font-weight: 500;
    padding: 20px;
	font-size: 1.3em;
    line-height: 20px;
	border-radius: 5px;
	margin-top:40px;
	margin-bottom:20px;
}

#reform_box{
	width:100%;
}

.reform_bnr{
	width: 31.5%;
    text-align: center;
	float:left;
}

.reform_bnr h3 {
    font-size: 1.2em;
    line-height: 1em;
    font-weight: 500;
    margin-bottom: 25px;
}

.reform_bnr img{
	width: 100%;
}

.mr25{
	margin-right: 25px;
}

@media screen and (max-width:468px){
#reform_ttl{
	margin-bottom:10px;
}

.mr25{
	margin-right: 0px;
}	
	
.reform_bnr{
	width: 47%;
    padding: 5px;
}

.reform_bnr h3 {
    font-size: 1em;
    line-height: 1em;
    font-weight: 500;
    margin: 5px 0;
}
}