@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {



/*--------hed_img------------*/

#hedImg {
background: url(../images/about/hed_img.jpg) center center no-repeat;
background-size: cover;
}

/*-----index------------*/

.reason_box {
width: 100%;
margin: 0 auto 200px;
position: relative;
}

.reason_box::after {
content: "";
position: absolute;
right: 0;
top: 15%;
width: 70%;
height: 60%;
background:#f7f5f2;;
z-index: -1;
display: block;
}

.reason_box2 {
width: 100%;
margin: 0 auto 250px;
position: relative;
}

.reason_box2::after {
content: "";
position: absolute;
left: 20%;
top: -10%;
width: 40%;
height: 120%;
background:#f7f5f2;;
z-index: -1;
display: block;
}

.reason_imgL {
width: 60%;
margin: auto auto auto 0;
margin-left: -100px;
}

.reason_imgR {
width: 60%;
margin: auto 0 auto auto;
margin-right: -100px;
}

.reason_imgL img ,.reason_imgR img {
width: 100%;
height: auto;
}

.reason_boxR {
width: 50%;
position: absolute;
right: 2%;
bottom: -20%;
z-index: 10;
}

.reason_boxL {
width: 50%;
position: absolute;
left:2%;
top: 20%;
z-index: 10;
}


.reason_txtbox {
background: #fff;
box-shadow: 20px 20px 60px rgba(0,0,0,0.1);
padding: 40px 50px;
}

.reason_txtbox_tit {
font-size: 18px;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
font-weight: bold;
margin-bottom: 15px;
}

.reason_txtbox_txt {

}


}




/*----------------------------------------------------*/




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



/*--------------------*/

#hedImg {
background: url(../images/about/hed_img.jpg) center center no-repeat;
background-size: cover;
}


/*-----index-------------*/

.reason_box {
width: 100%;
margin: 0 auto 100px;
position: relative;
}

.reason_box::after {
content: "";
position: absolute;
right: 0;
top: 15%;
width: 70%;
height: 60%;
background:##f7f5f2;
z-index: -1;
display: block;
}

.reason_box2 {
width: 100%;
margin: 0 auto 100px;
position: relative;
}

.reason_box2::after {
content: "";
position: absolute;
right: 0;
top: 15%;
width: 70%;
height: 60%;
background:#f7f5f2;;
z-index: -1;
display: block;
}

.reason_imgL {
width: 100%;
margin: 0 auto;
}

.reason_imgR {
width: 100%;
margin: 0 auto;
}

.reason_imgL img ,.reason_imgR img {
width: 100%;
height: auto;
}

.reason_boxR {
width: 100%;
z-index: 10;
margin-top: -50px;
position: relative;
z-index: 10;
}

.reason_boxL {
width: 100%;
z-index: 10;
margin-top: -50px;
position: relative;
z-index: 10;
}


.reason_txtbox {
background: #fff;
box-shadow: 20px 20px 60px rgba(0,0,0,0.1);
padding: 4%;
}

.reason_txtbox_tit {
font-size: 16px;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
font-weight: bold;
margin-bottom: 15px;
}

.reason_txtbox_txt {

}


}