@charset "UTF-8";

.flexOverAll .section{
  padding-bottom: 160px;
}

.flexOverAll .btnLeft {
    width: 30%;
}

.flexOverAll .contentWrap {
	position: relative;
    width: 70%;
}

.flexOverAll.fix .contentWrap:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 1000px;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 17%, rgba(255,255,255,0.5) 56%, rgba(255,255,255,0.2) 100%);
	z-index: 0;
}

.flexOverAll.fix .contentWrap {
    padding-left: 30%;
}

#s-greeting{
  background: url(../../img/common/cm_bg.png) no-repeat;
  background-size: contain;
  background-position: left 5% bottom 5%;
}

.flexOverAll .btnLeft ul li .head30 {
    color: #000;
}

#s-greeting .detail .c-txt01,
#s-greeting .detail .text24{
	position: relative;
	z-index: 1;
}


#s-greeting .text24{
  margin-top: 100px;
  text-align: right;
}

@media screen and (max-width: 1270px) {
.flexOverAll .btnLeft ul li .head30 {
    font-size: 2.4rem;
}
}

@media screen and (max-width: 1020px) {
.flexOverAll .btnLeft ul li .head30 {
    font-size: 2.0rem;
}  
}

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

.flexOverAll .contentWrap {
    position: relative;
    width: 100%;
}

.flexOverAll.fix .contentWrap {
    padding-left: 0;
}

.flexOverAll.fix .contentWrap:after{
	background: none;
}

#s-greeting .text24 {
    margin-top: 40px;
}

.flexOverAll .section{
    padding-bottom: 70px;
}

.flexOverAll .btnLeft {
    display: block;
    text-align: center;
    width: 100%;
}

.flexOverAll .btnLeft ul li .head30 {
    font-size: 20px;
    font-size: 2rem;
}

}