.case .flexbox {margin: 3rem auto 0;}
/* .case .flexbox a{color: #252525;text-decoration: none;display: block;}
.case .flexbox a:hover{opacity: 0.6;} */
.case .flexbox .title{font-size: 2rem;margin-bottom: 2.0rem;}
.case .flexbox .flexL{width: 45%;margin-right: 5%;}
.case .flexbox .flexR{width: 50%;text-align: left;}

.case .index .flexbox .flexR p{font-size: 15px;    font-size: 1.5rem;line-height: 1.6;margin-bottom: 1.0rem;padding: 0}

.case .index .flexbox .flexR .btn{margin: 1rem 0 0 auto ;width: 10em;}
.case .index .flexbox .flexR .btn-lightgreen a{font-size: 14px;font-size: 1.4rem;}

.case .index .flexbox {margin: 6rem auto ;}

.LinkRight {text-align: right;font-size: 1.2rem;margin-top: 20px;}

.case .caseBox {background-color: #F8F8F8;width: 100vw;margin: 30px calc(50% - 50vw);padding-bottom: 30px;margin-bottom: 20px;}
.case .caseBox p{background-color: #ddd;}
.case .caseBox p img,.case .caseBox .flexbox{max-width: 980px;margin: 0 auto;}
.case .caseBox .flexbox {margin-top: -55px;padding: 0 20px;}
.case .caseBox .flexbox .flexL{width: 30%;margin-right: 5%;}
.case .caseBox .flexbox .flexR{width: 65%;text-align: left;margin-top: 80px;}
.case .caseBox .flexbox .flexR h3{color: #00AEB7;font-size: 18px;    font-size: 1.8rem;}

.case .caseLeadBox {margin-bottom: 60px;background-color: #F8F8F8;padding: 1px 30px 30px;}
.case .caseLeadBox .flexbox .flexL{width: 65%;text-align: left;margin-right: 5%;}
.case .caseLeadBox .flexbox.tag .flexL,
.case .caseLeadBox .flexbox.intage .flexL{width: 100%;text-align: left;margin-right: 0;}

.case .caseLeadBox .flexbox .flexR{width: 30%;}

.case .caseLeadBox .flexbox h3,
.case .caseLeadBox .flexbox ul{border-left: 6px solid #00AEB7; padding-left: 10px;}
.case .caseLeadBox .flexbox ul{ margin-bottom: 20px;font-size: 1.4rem;}
.case .caseLeadBox .flexbox ul li{list-style-type: disc;margin-left: 2rem;}

.case .caseLeadBox .flexbox .flexL h3{color: #00AEB7;}
.case .caseLeadBox .flexbox .flexL p{font-size: 16px;font-size: 1.6rem;}


.case .caseBoxLeft,
.case .caseBoxRight{text-align: left;margin-bottom: 2rem;}

.case .caseBoxLeft h3,
.case .caseBoxRight h3{color: #00AEB7;padding-top: 2rem;margin-bottom: 2rem;font-size: 28px; font-size: 2.8rem;}

.case .caseBoxLeft .flexbox .flexL{width: 60%;margin-right: 5%;}
.case .caseBoxLeft .flexbox .flexR{width: 35%;}

.case .caseBoxRight .flexbox .flexL{width: 35%;margin-right: 5%;}
.case .caseBoxRight .flexbox .flexR{width: 60%;}

.mini{font-size: 14px;font-size: 1.4rem;}

.corpBox{
	font-size: 16px;
	font-size: 1.6rem;
	text-align: left;
	background-color: #fff;
	padding: 1.6rem;
	line-height: 1.4;
}

.corpBox img{
	position: absolute;
	right: 20px;
	width: auto;
	height: 120px;;
}

@media (max-width: 768px){
	.case .flexbox .flexL{width: 100%;margin-right: 0%;}
	.case .flexbox .flexR{width: 100%;}

	.case .caseBox .flexbox {margin-top: 0;}
	.case .caseBox .flexbox .flexR{margin-top: 0;}
	.case .caseBox .flexbox .flexL{width: 100%;margin-right: 0%;}
	.case .caseBox .flexbox .flexR{width: 100%;}
	
	.case .caseLeadBox .flexbox .flexL{width: 100%;margin-right: 0%;}
	.case .caseLeadBox .flexbox .flexR{width: 100%;}

	.case .caseBoxLeft .flexbox .flexL{width: 100%;margin-right: 0%;}
	.case .caseBoxLeft .flexbox .flexR{width: 100%;}
	
	.case .caseBoxRight .flexbox .flexL{width: 100%;margin-right: 0%;}
	.case .caseBoxRight .flexbox .flexR{width: 100%;}
	.corpBox img{
		width: 100%;
		height: auto;
		position: relative;
	}

}