@import url('common.css');
@import url('sub.css');
@charset "utf-8";

/* subMain */
.inclusive .submainVisual {background-color: #1e1e1e;}
.inclusive .bgIMG {background-image:url('/2019/src/images/inclusive/inclusive_img1.png');}
.inclusive .copyWrap .txtBox {width:53%;}
.inclusive .copyWrap .h2_title {width:47%;}
.inclusive .copyWrap .txtBox p {padding-top: 15px;}
.inclusive .contents01 {padding-top: 10.9%;}
.inclusive .contents02 {padding-top: 8.4%;}
.inclusive .contents03 {padding-top: 8.4%;}
.inclusive .contents03 .imgWrap .flexBox div {width: 50%;height: 39.3vh;overflow: hidden;}
.inclusive .contents03 .imgWrap .flexBox div img {transform: translate(-100%, 0%);opacity: 0;}
.inclusive .contents04 {padding-top: 10.9%;}
.inclusive .contents04 .flexBox {background-color: #272930;padding: 8.2% 0 7.7% 0;}
.inclusive .contents04 .txtBox2 {width: 50%;}
.inclusive .contents04 .chartBox {width: 50%;padding-left: 9.6%;padding-right: 20%;}
.inclusive .contents04 .imgWrap {height: 39.3vh;background:#000 url('/2019/src/images/inclusive/inclusive_img6.png') right top no-repeat;background-size: cover;}
.inclusive .chartWrap {display:none;min-height:278px;}
.inclusive .chartWrap p {color: #888;font-size: 1.4rem;line-height: 1.6rem;text-align: right;padding-top: 15px;}
.inclusive .chart {border-bottom: 1px solid #3d3f45;position: relative;display: -webkit-flex;display: -ms-flex;display: flex;justify-content:flex-end;-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;margin-bottom: -1px;height: 25vh;}
.inclusive .barChart {width:105px;display: -webkit-flex;display: -ms-flex;display: flex;flex-direction:column;-webkit-align-content: end;-ms-align-content: end;align-content: flex-end;-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;opacity:1;}
.inclusive .barChart .value {font-family: "APHQ-Bold";letter-spacing:0;font-size:3rem;line-height:3.0rem;text-align: center;padding-bottom: 10px;color: #fff;opacity: .5;width:70px;}
.inclusive .barChart .value i {font-size:2rem;}
.inclusive .barChart .bar {position: relative;width:70px;}
.inclusive .barChart .bar .year {position: absolute;left: 0;right: 0;bottom: 0;color: #272930;font-size:1.6rem;line-height:3.0rem;text-align: center;font-weight: 600;letter-spacing:0;}
.inclusive .barChart.value2017 .bar {height: 0px;background-color: #525459;}
.inclusive .barChart.value2018 .bar {height: 0px;background-color: #525459;}
.inclusive .barChart.value2019 .bar {height: 0px;background-color: #fff;}
.inclusive .barChart.value2019 .value {opacity: 1;}
.inclusive .chart::before {content: '';position: absolute;left: 0;bottom: -2px;width: 3px;height: 3px;background-color: #3d3f45;border-radius: 100%;}
@media (max-width:1023px) {
    .inclusive .bgIMG {background-image:url('/2019/src/images/inclusive/inclusive_img7.png');}
    .inclusive .copyWrap .h2_title {width:100%;padding-right: 0;padding-bottom:45px;padding-left:0;}
	.inclusive .copyWrap .txtBox {width:100%;padding-left:0;}
    .inclusive .contents02 .flexBox {flex-direction: column-reverse;}
    .inclusive .contents01,.inclusive .contents02,.inclusive .contents03 {padding-top: 0;}
    .inclusive .contents01 .txtBox,.inclusive .contents02 .txtBox,.inclusive .contents03 .txtBox {padding: 26% 8.4vw 13%;}
    .inclusive .contents01 .imgWrap .copy {font-size: 2rem;line-height: 2rem;left:-4%;}
    .inclusive .contents03 .imgWrap .flexBox {flex-direction: row;}
    .inclusive .contents03 .imgWrap .flexBox div {height: auto;}
    .inclusive .contents04 {padding-top:0}
    .inclusive .contents04 .flexBox {padding: 0;}
    .inclusive .contents04 .txtBox2 {width: 100%;padding: 26% 8.4vw 13%;}
    .inclusive .contents04 .chartBox {width: 100%;padding: 0 8.4vw 13%;}
    .inclusive .contents04 .imgWrap {height: 23.8vh;background-image:url('/2019/src/images/inclusive/inclusive_img8.png');}
    .inclusive .chartWrap {min-height:auto}
    .inclusive .chartWrap p {font-size: 1.1rem;line-height: 1.2rem;padding-top: 10px;}
    .inclusive .chart {height: 25vh;}
    .inclusive .barChart {width:91px;}
    .inclusive .barChart .value {font-size:2.4rem;line-height:2.4rem;width:58px;}
    .inclusive .barChart .value i {font-size:1.5rem;}
    .inclusive .barChart .bar {width:58px;}
    .inclusive .barChart .bar .year {font-size:1.2rem;line-height:2.3rem;}
    .inclusive .barChart.value2017 .bar {height: 0px;}
    .inclusive .barChart.value2018 .bar {height: 0px;}
    .inclusive .barChart.value2019 .bar {height: 0px;}
}

.infoBox .infoTitle {font-size:1.8rem;line-height:2.4rem;opacity:0;font-weight:600;}

/* 00_inclusive_achievement */
.inclusive_achievement .subVisual {background-color:#f1f1f5;height:840px;}
.inclusive_achievement .bgIMG {background-image:url('/2019/src/images/inclusive/achievement_img1.png');}
.inclusive_achievement .subVisual .copyWrap {-webkit-align-items: center;-ms-align-items: center;align-items: center;flex-direction: row;padding-left:16%;}
.inclusive_achievement .subVisual .h2_title {height:auto;padding-top:0;padding-bottom:0;}
.inclusive_achievement .contents01 {padding-top:8.1%;padding-bottom:3.2%;background-color:#3255a4;}
.inclusive_achievement .contents01 .contentsBox h1 {margin-bottom:55px;}
.inclusive_achievement .contents01 .contentsBox h1,
.inclusive_achievement .contents01 .infoBox .infoTitle,
.inclusive_achievement .contents01 .infoBox .infoNum {color:#fff;}
.inclusive_achievement .contents01 .flexBox {align-items: flex-start;min-height:326px;}
.inclusive_achievement .contents01 .motion1 {width: 49%;}
.inclusive_achievement .contents01 .motion2 {width: 44%;}
.inclusive_achievement .barChartWrap {display:none;position: relative;}
.inclusive_achievement .barChartWrap p {position:relative;color: #fff;font-size: 1.4rem;line-height: 1.8rem;text-align: left;position: absolute;right: 0;top: 40%;padding-left:22px;color:transparent;}
.inclusive_achievement .barChartWrap p i {position:absolute;left:0;top:8px;height:1px;width:15px;background-color:#FFF;width:0;}
.inclusive_achievement .contents01 .chart {position: relative;display: -webkit-flex;display: -ms-flex;display: flex;justify-content:flex-end;-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;margin-bottom: -1px;min-height: 243px;padding-right: 20px;width: 84%;padding-top:30px;}

.inclusive_achievement .contents01 .chart::after {content:"";display:block;position:absolute;left:0;right:0;bottom:0;width:100%;height:1px;background-color:#89a6d3;}

@media screen and (min-width:0\0){
	/* .inclusive_achievement .barChartWrap {padding-top:47px;} */
	.inclusive_achievement .contents01 .chart::after {/* bottom:29px; */}
	.inclusive_achievement .contents01 .chart {height:213px;}
}

.inclusive_achievement .barChart {width: 110px;display: -webkit-flex;display: -ms-flex;display: flex;flex-direction:column;-webkit-align-content: end;-ms-align-content: end;align-content: flex-end;-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;opacity:1;}
.inclusive_achievement .barChart .value {font-family: "APHQ-Bold";letter-spacing:0;font-size: 3.1rem;line-height: 2.9rem;text-align: center;padding-bottom: 10px;color: #fff;opacity: .5;width: 80px;letter-spacing: 0;}
.inclusive_achievement .barChart .value i {font-size: 1.9rem;}
.inclusive_achievement .barChart .bar {position: relative;width: 80px;}
.inclusive_achievement .barChart .bar .year {position: absolute;left: 0;right: 0;bottom: -32px;color: #9db5da;font-size: 1.5rem;line-height:3.0rem;text-align: center;font-weight: 600;letter-spacing: 0;}
.inclusive_achievement .contents01 .barChart.value2019 .bar .year {color:#fff;}
.inclusive_achievement .contents01 .barChart.value2017 .bar {height: 0px;background-color: #9db5da;}
.inclusive_achievement .contents01 .barChart.value2018 .bar {height: 0px;background-color: #9db5da;}
.inclusive_achievement .contents01 .barChart.value2019 .bar {height: 0px;background-color: #fff;}
.inclusive_achievement .barChart.value2019 .value {opacity: 1;}
.inclusive_achievement .contents01 .motion2 .infoTitle {margin-bottom:36px;}
.inclusive_achievement .contents01 .motion2 .circleChartWrap {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-align-items: center;-ms-align-items: center;align-items: center;justify-content: space-between;}
.inclusive_achievement .contents01 .motion2 .circleChartWrap {color:#fff;}
.inclusive_achievement .contents02 {padding-top:8.1%;padding-bottom:calc(3.2% + 80px);background-color:#f8f8f8;}
.inclusive_achievement .contents02 .infoTitle p {color:#666666;font-size:1.4rem;line-height:2.2rem;font-weight:300;margin-top:10px;} 
.inclusive_achievement .contents02 .infoCon{min-height:233px;display: -webkit-flex;display: -ms-flex;display: flex;justify-content: space-around;}
.inclusive_achievement .contents02 .circleChartWrap {margin:0 30px;}
.inclusive_achievement .contents02 .circleChartWrap p {text-align:center;font-size:1.5rem;font-weight:600;color:#999;line-height:2.6rem;padding-top:7px;}
.inclusive_achievement .contents02 .circle1 strong,.inclusive_achievement .contents02 .circle2 strong {color:#666666;}
.inclusive_achievement .contents02 .circle3 strong {color:#3255a4;}
.inclusive_achievement .contents02 .circle3 p {color:#3255a4;font-weight:bold;}
.inclusive_achievement .contents03 {padding-top:8.1%;padding-bottom:calc(3.2% + 80px);background-color:#eeeeee;}
.inclusive_achievement .contents03 .contentsBox h1 {margin-bottom:55px;}
.inclusive_achievement .contents03 .contentsBox h1 i ,.inclusive_achievement .contents06 .contentsBox h1 i {font-style:normal;color:#3255a4;}
.inclusive_achievement .contents03 .infoBox {position:relative;width: 44%;}
/* .inclusive_achievement .contents03 .infoBox i {position:absolute;left:0;bottom:26px;height:1px;background-color:#d5d5d5;width:0;} */
.inclusive_achievement .contents03 .infoTitle {/* position:absolute; *//* left:0; *//* top:40%; */margin-bottom: 30px;}
.inclusive_achievement .contents03 .infoTitle span {font-size:1.4rem;}
.inclusive_achievement .contents03 .infoCon {width: 100%;overflow:hidden;}

.inclusive_achievement .contents03 .chartBox {/* float:right; */width: 100%;position:relative;}
.inclusive_achievement .contents03 .graphWrap .gaugeWrap {height:0;overflow:hidden;position:absolute;bottom:0;left: 0;margin:0 25px 0 70px;width:calc(100% - 95px);}
.inclusive_achievement .contents03 .graphWrap .gaugeWrap img {width:100%;}
.inclusive_achievement .contents03 .gaugeNum {display:inline-block;font-family: "APHQ-Bold";letter-spacing:0;color:#666;font-size:2.4rem;line-height:3.0rem;font-weight:600;}
.inclusive_achievement .contents03 .yearNum {display: -webkit-flex;display: -ms-flex;display: flex;flex-direction: row;-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;justify-content: space-between;color:#999;font-size:1.5rem;line-height:3.0rem;font-weight:600;padding:0 15px 0 60px;opacity:0;letter-spacing:0;border-top:1px solid #d5d5d5;}
.inclusive_achievement .contents03 .numbering {text-align:center;opacity:0;margin: 0 0% 0 8%;}
.inclusive_achievement .contents03 .num2017 {float:left;}
.inclusive_achievement .contents03 .num2019 {float:right;}
.inclusive_achievement .contents03 .motion3 .num2017 {padding-top: 34px;}
.inclusive_achievement .contents03 .motion3 .num2018 {padding-top: 41px;}
.inclusive_achievement .contents03 .motion4 .numbering {padding-right: 3%;padding-left: 3%;}
.inclusive_achievement .contents03 .motion4 .num2017 {padding-top: 44px;}
.inclusive_achievement .contents03 .motion4 .num2018 {padding-top: 59px;}
.inclusive_achievement .contents03 .motion4 .chartBox {margin-top:10px;}
.inclusive_achievement .contents03 .graphWrap {position:relative;}
.inclusive_achievement .contents04 {height:400px;background:#000 url('/2019/src/images/inclusive/achievement_img4.png') center bottom no-repeat;background-size:cover;}
.inclusive_achievement .circleChart {width:200px;}

.inclusive_achievement .contents06 .contentsBox h1 {margin-bottom:55px;}
.inclusive_achievement .contents06 .flexBox {align-items: flex-start;min-height:328px;}
.inclusive_achievement .contents06 {padding-top:8.1%;padding-bottom:calc(3.2% + 136px);}
.inclusive_achievement .contents06 .infoBox {position:relative;width: 44%;}
/* .inclusive_achievement .contents06 .infoBox i {position:absolute;left:0;bottom:25px;height:1px;background-color:#d5d5d5;width:0;} */
@media screen and (min-width:0\0){
	.inclusive_achievement .contents06 .infoBox i {/* bottom:36px; */}
	.inclusive_achievement .contents02 .infoTitle {max-width:35%}
	.inclusive_achievement .contents02 .circleChartWrap {margin:0 20px;}
}

.inclusive_achievement .contents06 .infoTitle {margin-bottom: 30px;}
.inclusive_achievement .contents06 .infoTitle span {font-size:1.4rem;}
.inclusive_achievement .contents06 .infoCon {width: 100%;overflow:hidden;/* min-height:272px; */}
.inclusive_achievement .contents06 .chartBox {width: 100%;position:relative;}
.inclusive_achievement .contents06 .graphContainer {padding-top:15px;}
.inclusive_achievement .contents06 .graphWrap .gaugeWrap {height:0;overflow:hidden;position:absolute;bottom:0;left: 0;margin: 0 25px 0 70px;width:calc(100% - 95px);}
.inclusive_achievement .contents06 .graphWrap .gaugeWrap img {/* width:100%; */width:444px;height:230px;}
.inclusive_achievement .contents06 .gaugeNum {display:inline-block;font-family: "APHQ-Bold";letter-spacing:0;color:#666;font-size:2.4rem;line-height:3.0rem;font-weight:600;}
.inclusive_achievement .contents06 .yearNum {display: -webkit-flex;display: -ms-flex;display: flex;flex-direction: row;-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;justify-content: space-between;color:#999;font-size:1.5rem;line-height:3.0rem;font-weight:600;padding: 0 30px 0 70px;opacity:0;letter-spacing:0;border-top:1px solid #d5d5d5;}
.inclusive_achievement .contents06 .numbering {text-align:center;opacity:0;}
.inclusive_achievement .contents06 .num2017 {float:left;}
.inclusive_achievement .contents06 .num2019 {float:right;}
.inclusive_achievement .contents06 .motion6 .num2017 {padding-top: 131px;}
.inclusive_achievement .contents06 .motion6 .num2018 {padding-top: 35px;}
.inclusive_achievement .contents06 .motion6 .numbering {padding-right: 30px;padding-left: 50px;}
.inclusive_achievement .contents06 .graphWrap {position:relative;}

.inclusive_achievement .contents06 .barChart .value {color:#999;font-size: 2.4rem;opacity: 1;}
.inclusive_achievement .contents06 .barChart .bar .year {color:#999;}
.inclusive_achievement .contents06 .chart_2 {position: relative;display: -webkit-flex;display: -ms-flex;display: flex;justify-content:flex-end;-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;margin-bottom: -1px;min-height: 277px;padding-right: 20px;width: 84%;margin-bottom:30px;}

.inclusive_achievement .contents06 .chart_2::after {content:"";display:block;position:absolute;left:0;right:0;bottom:0;width:100%;height:1px;background-color:#d5d5d5;}

@media screen and (min-width:0\0){
	.inclusive_achievement .contents06 .chart_2 {height:231px;}
	.inclusive_achievement .contents06 .chart_2::after {/* bottom:12px; */}
}

.inclusive_achievement .contents06 .barChart.value2017 .bar {height: 0px;background-color: #e6e6e6;}
.inclusive_achievement .contents06 .barChart.value2018 .bar {height: 0px;background-color: #e6e6e6;}
.inclusive_achievement .contents06 .barChart.value2019 .bar {height: 0px;background-color: #3255a4;}


@media (max-width:1023px) {
	/* 00_inclusive_achievement */
	.inclusive_achievement .subVisual {height:502px;}
	.inclusive_achievement .bgIMG {background-image:url('/2019/src/images/inclusive/achievement_img5.png');background-position: right bottom;}
	.inclusive_achievement .subVisual .copyWrap {align-items: baseline;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;justify-content: flex-end;padding-left:0;}
	.inclusive_achievement .subVisual .h2_title {height:auto;padding-bottom:50px;}
	.inclusive_achievement .contents01 {padding-top: 19.5%;padding-bottom: 0;}
	.inclusive_achievement .contents01 .contentsBox h1 {margin-bottom:37px;}
	.inclusive_achievement .contents01 .flexBox,.inclusive_achievement .contents06 .flexBox {min-height:auto;}
	.inclusive_achievement .contents01 .motion1 {width: 100%;}
	.inclusive_achievement .contents01 .motion1 .infoTitle {margin-bottom:13px;}
	.inclusive_achievement .contents01 .motion2 .infoTitle {margin-bottom:23px;}
	.inclusive_achievement .barChart .bar {width:60px}
	.inclusive_achievement .barChart {width:82px;align-items: flex-start;}
	.inclusive_achievement .barChartWrap p {font-size:1.2rem;line-height:1.4rem;}
	.inclusive_achievement .barChart .value {font-size:2.4rem;width:60px;padding-bottom:0;}
	.inclusive_achievement .barChart .value i {font-size:1.5rem;}
	.inclusive_achievement .contents01 .chart {min-height: 189px;}
	.inclusive_achievement .contents01 .motion1 .infoCon {}
	.inclusive_achievement .contents01 .motion1,.inclusive_achievement .contents01 .motion2 {padding-bottom:13%;}
	.inclusive_achievement .contents01 .motion2 {width: 100%;}
	.inclusive_achievement .contents01 .circleChart {width:150px;}
	.inclusive_achievement .contents01 .motion2 .circleChartWrap {justify-content: flex-start;}
	.inclusive_achievement .contents01 .motion2 .circleChartWrap p {margin-right:25px;}
	.inclusive_achievement .contents02 {padding-top: 19.5%;padding-bottom: 13%;}
	.inclusive_achievement .contents02 .flexBox {align-items: baseline;}
	.inclusive_achievement .contents02 .contentsBox h1 {margin-bottom:37px;}
	.inclusive_achievement .contents03 .contentsBox h1 {margin-bottom:37px;}
	.inclusive_achievement .contents02 .circleChart {width:100px;}
	.inclusive_achievement .contents02 .circleChartWrap {margin:0;}
	.inclusive_achievement .contents02 .infoCon {justify-content: space-between;width: 100%;min-height: 20vh;}
	.inclusive_achievement .contents02 .infoTitle {margin-bottom:23px;}

	.inclusive_achievement .contents02 .circleChart strong {font-size:2.6rem;line-height:3.0rem;transform: translate(-50%, -40%);}
	.inclusive_achievement .contents02 .circleChart strong i {font-size:1.3rem;}
	.inclusive_achievement .contents03 {padding-top: 19.5%;padding-bottom: 13%;}
	.inclusive_achievement .contents03 .infoTitle {position:relative;}
	.inclusive_achievement .contents03 .chartBox {width:100%;float:none;}
	.inclusive_achievement .contents03 .yearNum {padding:0 17px;font-size:1.1rem;line-height:2.1;}
	
	.inclusive_achievement .contents03 .gaugeNum,
	.inclusive_achievement .contents06 .gaugeNum{font-size:1.7rem;line-height:2.1rem;}
	.inclusive_achievement .contents03 .graphWrap .gaugeWrap {margin:0 17px;width:calc(100% - 34px);}
	.inclusive_achievement .contents03 .graphWrap .gaugeWrap img{display:block;width:100%;}
	.inclusive_achievement .contents03 .motion4 .numbering {padding:0 17px;}
	.inclusive_achievement .contents03 .motion3 .num2017 {padding-top: 27px;}
	.inclusive_achievement .contents03 .motion3 .num2018 {padding-top: 32px;}
	.inclusive_achievement .contents03 .motion4 .num2017 {padding-top: 33px;}
	.inclusive_achievement .contents03 .motion4 .num2018 {padding-top: 45px;}
	.inclusive_achievement .contents04 {height: 26vh;background:#000 url('/2019/src/images/inclusive/achievement_img6.png') center bottom no-repeat;background-size:cover;}


	.inclusive_achievement .contents03 .infoBox i,.inclusive_achievement .contents06 .infoBox i {bottom:22px;}
	.inclusive_achievement .contents03 .numbering {margin:0;}

	.inclusive_achievement .contents03 .contentsBox h1 {margin-bottom:37px;}
	.inclusive_achievement .contents03 .motion4,
	.inclusive_achievement .contents06 .motion6{margin-top:37px;}
	.inclusive_achievement .contents03 .infoBox,
	.inclusive_achievement .contents06 .infoBox {width:100%;}
	.inclusive_achievement .contents06 .contentsBox h1 {margin-bottom:37px;}
	.inclusive_achievement .contents06 .graphContainer {padding-top:0;}

	.inclusive_achievement .contents06 .infoCon {min-height:auto;}
	.inclusive_achievement .contents06 .motion5 .infoCon {min-height:203px;}
	.inclusive_achievement .contents06 .chart_2 {min-height:170px;padding-right:0;width:100%;}
	.inclusive_achievement .contents06 .barChart .value {font-size:1.8rem;}

	.inclusive_achievement .contents06 .barChart {-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;}

	.inclusive_achievement .contents06 .motion6 .numbering {margin-right:0;padding:0;margin-left:14%;}
	.inclusive_achievement .contents06 .yearNum {;padding:0;margin-left:16%;font-size:1.1rem;line-height:2.1;}
	.inclusive_achievement .contents06 .graphWrap .gaugeWrap {margin-right:0;}
	.inclusive_achievement .contents06 .graphWrap .gaugeWrap img {width:100%;height:auto;}
	.inclusive_achievement .contents06 .motion6 .num2017 {padding-top: 91px;}
	.inclusive_achievement .contents06 .motion6 .num2018 {padding-top: 25px;}

	.inclusive_achievement .contents06 {padding-bottom:10%;padding-top: 19.5%;}
}
@media (min-width: 320px) and (max-width: 375px) {

	.inclusive_achievement .subVisual .h2_title {padding-bottom:50px;}

}

/* 01_inclusive_work */
.inclusive_work .subVisual {background-color:#fafafc;}
.inclusive_work .bgIMG {background-image:url('/2019/src/images/inclusive/work_img10.png');}
.inclusive_work .contents01 {padding-top:8.7%;padding-bottom:2.6%;}
.inclusive_work .contents01 .diagramWrap {width: 57%;padding-left: 230px;}
.inclusive_work .contents01 .number {margin-bottom:11px;width: 55%;height:auto;background-color:transparent;color:#3255a4;line-height: 0;text-align: left;font-size:5.7rem;}
.inclusive_work .contents01 .number div {line-height:7rem;}
.inclusive_work .contents01 .number span {font-size:2.2rem;font-weight: 600;line-height:54px;}
.inclusive_work .contents01 .diagramWrap p {margin-left:0;text-align: left;padding-right:20%;}
.inclusive_work .contents02 {background-color:#eeeeee;padding-top:6.7%;margin-bottom:11%;}
.inclusive_work .contents02 .imgTxt {width:100%;bottom: 82px;text-align:center;}
.inclusive_work .contents03 {padding-bottom:11%;}
.inclusive_work .contents03 .imgTxt {color:#fff;left:30px;bottom:30px;}
.inclusive_work .contents03 .imgWrap {background-color:#2c4a2c;overflow:hidden;position:relative;}
.inclusive_work .contents04 {padding-bottom:2.6%;}
.inclusive_work .contents04 .imgTxt {color:#fff;right:30px;bottom:30px;}
.inclusive_work .contents04 .diagramWrap {width: 54%;padding-left: 11.5%;}
.inclusive_work .contents04 .number {margin-bottom:50px;}
.inclusive_work .contents04 .diagramWrap p {text-align: left;padding-top:15px;}
.inclusive_work .contents05 {padding-bottom:11%;}
.inclusive_work .contents05 .imgWrap {height:0;background:url('/2019/src/images/inclusive/work_img8.png') center bottom no-repeat;background-size: cover;transition:height 0.7s;transition-delay: 1s;}
.inclusive_work .contents05.active .imgWrap {height:710px;}
.inclusive_work .contents05 .imgWrap .imgTxt {color:#fff;bottom:30px;left:20%;}
.inclusive_work .contents06 {padding-bottom:11%;}
.inclusive_work .contents06 .imgTxt {color:#fff;right:30px;bottom:30px;}
.inclusive_work .contents07 {padding-bottom:11%;}
.inclusive_work .contents07 .imgTxt {color:#fff;left:30px;bottom:30px;}
.inclusive_work .contents08 .imgWrap {background:#000 url('/2019/src/images/inclusive/work_img9.png') center top no-repeat;background-size:cover;}

@media (max-width:1023px) {
	/* 01_inclusive_work */
	.inclusive_work .bgIMG {background-image:url('/2019/src/images/inclusive/work_img11.png');}
	.inclusive_work .contents01 {padding-top:0;padding-bottom:6%;}
	.inclusive_work .contents01 .diagramWrap {width: 57%;padding-left: 29.5%;}
	.inclusive_work .contents01 .number {width: 47%;text-align: right;font-size: 2.7rem;right: 35.4vw;margin-bottom: 2px;}
	.inclusive_work .contents01 .number div {line-height:27px;}
	.inclusive_work .contents01 .number span {font-size: 1.1rem;line-height:27px;}
	.inclusive_work .contents01 .diagramWrap p {text-align: right;padding-top: 0px;padding-right:0;}
	.inclusive_work .contents02 {padding-top:10%;margin-bottom:0;}
	.inclusive_work .contents02 .imgTxt {bottom: 8%;}
	.inclusive_work .contents03 {padding-bottom:0;}
	.inclusive_work .contents03 .imgTxt {color:#fff;left:15px;bottom:15px;}
	.inclusive_work .contents03 .imgWrap {background-color:#2c4a2c;overflow:hidden;position:relative;}
	.inclusive_work .contents04 {padding-bottom:6%;}
	.inclusive_work .contents04 .imgTxt {color:#fff;right:auto;bottom:15px;}
	.inclusive_work .contents04 .diagramWrap {width: 54%;padding-left: 11.5%;}
	.inclusive_work .contents04 .number {margin-bottom:66px;right:36vw;}
	.inclusive_work .contents04 .diagramWrap p {padding-right: 0;padding-top:11px;font-size: 1.3rem;text-align:right;
    line-height: 1.7rem;padding-left:130px;}
	.inclusive_work .contents05 {padding-bottom:0;}
	.inclusive_work .contents05 .imgWrap {background-size: cover;}
	.inclusive_work .contents05.active .imgWrap {height:26vh;}
	.inclusive_work .contents05 .imgWrap .imgTxt {color:#fff;bottom:15px;left:15px;/* text-shadow: 0px 0px #3b383b; */}
	.inclusive_work .contents06 {padding-bottom:0;}
	.inclusive_work .contents06 .flexBox {flex-direction: column-reverse;}
	.inclusive_work .contents06 .txtBox {padding-top:13%;}
	.inclusive_work .contents06 .imgTxt {color:#fff;right:auto;left:15px;bottom:15px;}
	.inclusive_work .contents07 {padding-bottom:0;}
	.inclusive_work .contents07 .imgTxt {color:#fff;left:15px;bottom:15px;}
	.inclusive_work .contents01 .txtBox,
	.inclusive_work .contents03 .txtBox,
	.inclusive_work .contents04 .txtBox,
	.inclusive_work .contents06 .txtBox {padding-top:26%;}
	.inclusive_work .contents07 .txtBox {width:100%;padding-left:8.4vw;padding-right:8.4vw;padding-top:13%;}
	.inclusive_work .contents03 .txtBox {padding-bottom:13%;}
	.inclusive_work .contents01 .txtBox,.inclusive_work .contents04 .txtBox {padding-bottom:3%;}	
	.inclusive_work .contents06 .txtBox,.inclusive_work .contents07 .txtBox {padding-bottom:6%;}
}

/* 02_inclusive_partner */
.inclusive_partner .subVisual {background-color:#fbfbfc;}
.inclusive_partner .bgIMG {background-image:url('/2019/src/images/inclusive/partner_img2.png');}
.inclusive_partner .contents01 {padding-top:8.7%;padding-bottom:2.6%;}
.inclusive_partner .contents01 .txtBox.leftPadding {padding-right:9%;}
.inclusive_partner .contents01 .imgTxt {color:#fff;right:30px;bottom:30px;}
.inclusive_partner .contents01 .diagramWrap {width: 54%;padding-left: 16%;}
.inclusive_partner .contents01 .number {margin-bottom:50px;}
.inclusive_partner .contents01 .diagramWrap p {text-align: center;padding-top:15px;}
.inclusive_partner .contents02 {background-color:transparent;padding-top:0;margin-bottom:11%;}
.inclusive_partner .contents02 .imgTxt {width:100%;bottom: 82px;text-align:center;}
.inclusive_partner .contents03 .imgWrap {background:#000 url('/2019/src/images/inclusive/partner_img3.png') center top no-repeat;background-size:cover;}
@media (max-width:1023px) {
	/* 02_inclusive_partner */
	.inclusive_partner .bgIMG {background-image:url('/2019/src/images/inclusive/partner_img4.png');}
	.inclusive_partner .contents01 .txtBox {padding-top:26%;padding-bottom:3%;}
	.inclusive_partner .contents02 {margin-bottom:0;line-height:0;}
	.inclusive_partner .contents01 .number {right: 32vw;margin-bottom: 28px;}
	.inclusive_partner .contents01 .diagramWrap p {padding-right:0;padding-top:11px;text-align:right;margin-left:0;}	
}

/* 03_inclusive_commitment */
.inclusive_commitment .subVisual {background-color:#fbf5ef;}
.inclusive_commitment .bgIMG {background-image:url('/2019/src/images/inclusive/commitment_img9.png');}
.inclusive_commitment .contents01 {padding-top:8.7%;padding-bottom:4%;}
.inclusive_commitment .contents01 .txtBox {margin:0 auto;width:64%;}

.inclusive_commitment .contents01 .txtBox i {color:#3255a4;font-style:normal;}
.inclusive_commitment .contents01 .txtBox p {padding-top:3%;}
.inclusive_commitment .contents02 {background-color:#e7edfa;margin-bottom:11%;padding-top:4%;padding-bottom:2.6%;}
.graphBox {margin: 0 auto;width: 64%;position:relative;display:flex;min-height:37vh;}
.graphBox .graphTitle {align-self: baseline;padding-top:10px;}
.graphBox .graphTitle > div {font-weight:600;opacity:0;}
.graphBox .graphTitle > div::before {content:"";display:inline-block;font-size:0;vertical-align:text-top;width:15px;height:15px;margin-right:11px;}
.graphBox .title1 {color:#3255a4;font-size:2.0rem;line-height:3.0rem;margin-bottom:17px;transform: translate(0%, 100%);}
.graphBox .title1::before {border-radius:100%;background-color:#FFF;border:2px solid #3255a4;margin-right:9px;}
.graphBox .title2,.graphBox .title3 {color:#666;font-size:1.6rem;line-height:3.0rem;}
.graphBox .title2::before {background-color:#538df4;}
.graphBox .title3::before {background-color:#3255a4;}
.graphBox .graphArea .barChart {text-align: center;display: -webkit-flex;display: -ms-flex;display: flex;flex-direction: column-reverse;}
.graphBox .graphArea .barChart .year {color:#999999;font-weight:bold;font-size:1.6rem;line-height:3.0rem;opacity:0;}
.graphBox .graphArea {position: relative;padding-top: 6%;padding-right:60px;}
.barGraph {display: -webkit-flex;display: -ms-flex;display: flex;min-height:292px}

@media screen and (min-width:0\0){
	.barGraph {height:292px;}
}



.barChart .barWrap {display: -webkit-flex;display: -ms-flex;display: flex;margin:0 25px;}
.barChart .barWrap .bar {display: -webkit-flex;display: -ms-flex;display: flex;flex-direction: column-reverse;text-align: center;width: 80px;margin: 0 2.5px;opacity:0;}
.barChart .barWrap .bHeight {width: 100%;}
.barChart .barWrap .bar1.bHeight {background-color:#80a9f2;}
.barChart .barWrap .bar2.bHeight  {background-color:#5878b0;}
.barChart .barWrap .num {color:#666666;font-size:1.4rem;line-height:3.0rem;letter-spacing:0;}
.y2019.barChart .barWrap .bar1.bHeight {background-color:#538df4;}
.y2019.barChart .barWrap .bar2.bHeight  {background-color:#3255a4;}
.y2019.barChart .barWrap .nember {color:#3255a4;font-weight:600;}
.y2019.barChart .year {color:#666;}
.lineGraph {width: 695px;height: 244px;position:absolute;left: 0;top: 0;}
.lineGraph .year {text-align:center;width: 220px;position:absolute;}
.lineGraph .year i {display:inline-block;font-size:0;vertical-align:middle;width:15px;height:15px;border-radius:100%;background-color:#FFF;border:2px solid #3255a4;transform: scale(0);}
.lineGraph .num {color:#3255a4;font-size:1.6rem;line-height:3.0rem;margin-bottom: 10px;opacity:0;}
.lineGraph .num span {font-family: "APHQ-Bold";letter-spacing:0;font-size:2.4rem;line-height:3.5rem;}
.lineGraph .y2017 {left:0;bottom:0;}
.lineGraph .y2018 {left:50%;top:50%;transform: translate(-57%, 0%);}
.lineGraph .y2019 {right:0;top:0;}
.lineGraph .y2019 .num {font-weight:600;}
.lineGraph .y2019 .num span {font-size:3.0rem;font-weight:bold;}
.lineGraph .lineWrap {position: absolute;left: 109px;right: 0;height: 100%;display: -webkit-flex;display: -ms-flex;display: flex;top: 0;z-index: 0;opacity:0;}
.lineGraph .lineWrap .line1 {display: block;width: 38%;height: 2px;background-color:#e7edfa;position: absolute;left: 0;bottom: 16%;transform: skew(10deg, -16deg);}
.lineGraph .lineWrap .line2 {display: block;width: 43%;height: 2px;background-color:#e7edfa;position: absolute;top: 46%;left: 38%;transform: skew(10deg, -26deg);}
.lineGraph .lineWrap .line1 i,
.lineGraph .lineWrap .line2 i {display:block;position:absolute;left:0;top:0;bottom:0;width:0;background-color:#3255a4;}
.inclusive_commitment .contents03 {padding-bottom:11%;}
.inclusive_commitment .contents03 .imgContent {/* width:44.6%; */background-color:#ffe0d1;overflow:hidden;position:relative;}
.inclusive_commitment .contents03 .imgContent::before {content: "";position: absolute;left: -40%;right:-10%;top: -20%;bottom: -10%;background-color: #fb7084;transform: rotate(0deg) translate(0%, 0%);
-webkit-transition-property: transform;
-webkit-transition-duration:.7s;
-webkit-transition-delay:.5s;
-webkit-transition-timing-function: linear;
transition-property: transform;
transition-duration:.7s;
transition-delay:.5s;
transition-timing-function: linear;
}
.inclusive_commitment .contents03.active .imgContent::before {transform: rotate(-21deg) translate(3%, 62%);}
.inclusive_commitment .contents03 .imgTxt {color:#fff;left:30px;bottom:30px;}
.inclusive_commitment .contents03 a.linkImg,.inclusive_commitment .contents04 a.linkImg {top: 18.5%;left: 15.5%;right: 15.5%;height: 62.8%;background-color: rgba(0, 0, 0, .25);}
.inclusive_commitment .contents04 {padding-bottom:11%;}
.inclusive_commitment .contents04 .imgContent {background-color:#ffcdcd;overflow:hidden;position:relative;}
.inclusive_commitment .contents04 .imgContent::before {content: "";position: absolute;left:-3%;right:-8%;top:-30%;bottom:0;opacity:0;background:url('/2019/src/images/inclusive/commitment_img3.png') left 400% top no-repeat;background-size:cover;
-webkit-transition-property: background-position opacity;
-webkit-transition-duration:.7s;
-webkit-transition-delay:.5s;
-webkit-transition-timing-function: linear;
transition-property: background-position opacity;
transition-duration:.7s;
transition-delay:.5s;
transition-timing-function: linear;}
.inclusive_commitment .contents04.active .imgContent::before {left:5%;opacity:1;}
.inclusive_commitment .contents04 .imgTxt {color:#fff;left:30px;bottom:30px;}
.inclusive_commitment .contents04 a.linkImg {top: 24.5%;}
.inclusive_commitment .contents05 {padding-bottom:11%;}
.inclusive_commitment .contents05 .imgBox {height:0;background: url('/2019/src/images/inclusive/commitment_img4.png') center top no-repeat;background-size: cover;
-webkit-transition-property: height;
-webkit-transition-duration:.7s;
-webkit-transition-delay:1s;
-webkit-transition-timing-function: linear;
transition-property: height;
transition-duration:.7s;
transition-delay:1s;
transition-timing-function: linear;}
.inclusive_commitment .contents05.active .imgBox {height:495px;}
.inclusive_commitment .contents06 .borderBox .imgWrap {background: url('/2019/src/images/inclusive/commitment_img5.png') center bottom no-repeat;background-size: 100% auto;}

@media (min-width:1024px) and (max-width:1680px) {
	.inclusive_commitment .contents01 .txtBox {width:70%;}
	.graphBox {width:70%;flex-direction: column;}
	.inclusive_work .contents01 .number {width:65%;}
	.inclusive_work .contents01 .diagramWrap {padding-left:170px;}
	.inclusive_achievement .contents02 .flexBox {flex-direction: column;align-items: baseline;margin-top:34px;}
	.inclusive_achievement .contents02 .infoCon {margin-top:17px;}
	.inclusive_achievement .contents06 .motion6 .num2017 {padding-top:90px;}
}

@media (min-width: 1024px) and (max-width: 1280px) {
	.graphBox {width:86%; min-height:auto;}

	.graphBox .graphTitle {position:static;}
	.graphBox .graphArea {padding-top:10%;}
	.lineGraph {width:88%;height:200px;}
	.lineGraph .y2018 {left:52%;top:53%;}
	.lineGraph .y2019 {right:0;top:2%;}

	.lineGraph .lineWrap .line1 {bottom: 12%;transform: rotate(-10deg);width: 39%;}
	.lineGraph .lineWrap .line2 {top: 51%;left: 37%;transform: rotate(-26deg);width: 46%;}
	.lineGraph .y2018 .num {text-align:center;}
}
@media (max-width:1023px) {
	/* 03_inclusive_commitment */
	.inclusive_commitment .bgIMG {background-image:url('/2019/src/images/inclusive/commitment_img10.png');}
	.inclusive_commitment .contents01 {padding-top:0;padding-bottom:0;}
	.inclusive_commitment .contents01 .txtBox {padding-left:8.4vw;padding-right:8.4vw;}
	.inclusive_commitment .contents01 .txtBox,
	.inclusive_commitment .contents03 .txtBox,
	.inclusive_commitment .contents04 .txtBox{padding-top:26%;padding-bottom:13%;}
	.inclusive_commitment .contents03 {padding-bottom:0;}
	.inclusive_commitment .contents04 .flexBox {flex-direction: column-reverse;}
	.inclusive_commitment .contents04 .imgContent::before {background-size: 110% auto;}
	.inclusive_commitment .contents04.active .imgContent::before {background-position: left -40% top;}
	.inclusive_commitment .contents05 .txtBox {padding-right: 8.4vw}
	.inclusive_commitment .contents05 .imgBox {background-image:url('/2019/src/images/inclusive/commitment_img6.png');}
	.inclusive_commitment .contents05.active .imgBox {height: 30vh;}
	.inclusive_commitment .contents02 {padding-top:13%;padding-bottom:4%;margin-bottom:0;}
	.graphBox {width:86%;justify-content: flex-start;overflow:visible;}
	.graphBox .graphTitle > div::before {width:12px;height:12px;margin-left:8px;}
	.graphBox .title1 {font-size:1.6rem;line-height:2.2rem;margin-bottom:8px;}
	.graphBox .title1:before {margin-top:3px;}
	.graphBox .title2, .graphBox .title3 {font-size:1.2rem;line-height:2.2rem;}
	.graphBox .title2:before, .graphBox .title3:before {margin-top:1px;}
	.lineGraph .num {font-size:1.1rem;line-height:1.8rem;margin-bottom:11px;}
	.lineGraph .num span {font-size:1.5rem;line-height:1.8rem;}
	.lineGraph .y2019 .num span {font-size:2.0rem;}
	.lineGraph .year {width:33vw;}
	.lineGraph .year i {width:12px;height:12px;}
	.lineGraph .lineWrap {left:16vw;}
	.lineGraph {width:100%;height:200px/* 61% */;}
	.graphBox .graphArea {padding-top:17%;padding-right:0;margin-top:20px;}
	.barChart .barWrap {margin:0 12px;}
	.barChart .barWrap .bar {width:12vw;}
	.graphBox .graphArea .barChart .year {font-size:1.3rem;line-height:3rem;}
	.barChart .barWrap .num {font-size:1.1rem;line-height:1.5rem;}
	.barChart .barWrap .num span {display:none;}
	.inclusive_commitment .contents01 .txtBox {width:100%;}
	.barGraph {height:153px;}
}
@media (min-width: 320px) and (max-width: 375px) {
	.graphBox .graphArea {transform: scale(.95);}
}


/* @media (min-width: 768px) and (max-width: 1024px) {
	.graphBox .graphArea {width:100%;}
	.lineGraph .year i {width:15px;height:15px;}
	.graphBox .graphArea {padding-top:26%;}
	.lineGraph .y2018 {transform: translate(-48%, 8%);}
	.lineGraph .y2019 {right:-3vw;}
} */



.partnerBox {display:flex;justify-content: space-between;}
.partnerBox .title {display:flex;-webkit-align-items: center;-ms-align-items: center;align-items: center;justify-content: center;width:23%;color:#3255a4;font-size:1.5rem;line-height:2.1rem;font-weight:600;background-color:#eff6ff;}
.partnerBox .text {display:flex;justify-content: space-between;width:74%;}
.partnerBox .box {display:flex;-webkit-align-items: center;-ms-align-items: center;align-items: center;justify-content: center;color:#666666;font-size:1.5rem;line-height:2.1rem;font-weight:bold;border:1px solid #3c64ac;}

.partnerBox .box1 {width:100%;color:#3255a4;padding-top:14px;padding-bottom:12px;}
.partnerBox .box2 {text-align:center;padding-top:17px;padding-bottom:16px;}
.partnerBox .box3 {background-color:#eff6ff;text-align:center;}
.partnerBox .box2, .partnerBox .box3 ,.partnerBox .box4 {width:32%;}
.partnerBox .box4 {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;justify-content: flex-start;align-items: baseline;}
.partnerBox .subTitle {display:flex;-webkit-align-items: center;-ms-align-items: center;align-items: center;justify-content: center;width:100%;padding-top:9px;padding-bottom:7px;color:#FFF;font-weight:600;background-color: #3255a4;border-bottom:1px solid #3c64ac;}
.partnerBox .box4 ul {margin:15px 19px;width:calc(100% - 30px);}
.partnerBox .box4 li {position:relative;padding-left:7px;color:#666666;font-size:1.5rem;line-height:2.5rem;font-weight:500;}
.partnerBox .box4 li::after {content:"";position:absolute;top:10px;left:0;width:3px;height:3px;border-radius:3px;background-color:#999999;}

.partnerBox + .partnerBox {margin-top:10px;}
.partnerBGBox > div img {width:100%}

.partnerBox2 {display:flex;}
.partnerBox2 .box5 {display:flex;margin-right:69px;}
.partnerBox2 .box5 .title {color:#666666;font-size:1.4rem;line-height:2.3rem;}
.partnerBox2 .box5 .text {padding-top:32px;margin-left:-10px;color:#3255a4;font-size:1.4rem;line-height:4.8rem;font-weight:600;letter-spacing:0;}
.partnerBox2 .box5 .text span {font-family: "APHQ-Bold";font-size:5.4rem;}



.layerContent .content .withImgBox {display:flex;justify-content: space-between;}
.layerContent .content .withImgBox .pop_text {width:calc(100% - 306px);}
.layerContent .content .withImgBox .pop_images {width:220px;}
.layerContent .content .withImgBox .pop_images img {width:100%;}

.layerContent .content .withImgBox .pop_text .subText {margin-top:15px;color:#999;font-size:1.4rem;line-height:2.4rem;}

.layerContent .withImgBox + h4 {margin-top:24px;}

@media (max-width:1023px) {

	.partnerBox {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	.partnerBox .title {width:100%;padding:12px 0 11px;}
	.partnerBox .text {width:100%;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;align-items: flex-start}


	.partnerBox .title,.partnerBox .box,
	.partnerBox .subTitle {text-align:center;font-size:1.3rem;line-height:1.8rem;}



	.partnerBox + .partnerBox {margin-top:25px;}
	.partnerBox .box2, .partnerBox .box3 ,.partnerBox .box4 {width:100%;}
	.partnerBox .box {margin-top:5px;}

	.partnerBox .box1,.partnerBox .box2,.partnerBox .box3 {padding-top:11px;padding-bottom:10px;}
	
	.partnerBox .box4 ul {margin:7px 16px;}
	.partnerBox .box4 li {text-align:left;font-size:1.3rem;line-height:2.1rem;}

	.partnerBox .box3 {align-self: flex-end}

	.order>:nth-child(2){ order:1 }

	.partnerBox2 {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	.partnerBox2 .box5 {width:100%;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-right: 0;}
	.partnerBox2 .box5 + .box5 {margin-top:25px;}
	.partnerBox2 .box5 .title {font-size:1.2rem;line-height:2.0rem;}
	.partnerBox2 .box5 .text {font-size:2.2rem;line-height:4.0rem;margin-left:0;padding-top:13px;}
	.partnerBox2 .box5 .text span {font-size:5.4rem;}
	
	.layerContent .withImgBox + h4 {margin-top:15px;}
	.layerContent .content .withImgBox {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	.layerContent .content .withImgBox .pop_text {width:100%;}
	.layerContent .content .withImgBox .pop_images {width:100%;margin-top:20px;}

	.layerContent .content .withImgBox .pop_text .subText {margin-top:8px;font-size:1.2rem;line-height:2.0rem;}
	.layerContent .content .withImgBox .pop_text .subText strong {display:block;}


}


@media (max-width:1023px) {
	body.en.inclusive_work .contents04 .diagramWrap p {padding-left:40%;}
	body.en.inclusive_partner .contents01 .number {margin-bottom:65px;}
	body.en.inclusive_achievement .subVisual .h2_title {padding-bottom:55px;}

	.inclusive_achievement .contents06 .yearNum {padding: 0 15px;}
}



@media (min-width: 768px) and (max-width: 1023px) {

.lineGraph .lineWrap .line1 {bottom: 14%;transform: rotate(-13deg);width: 35%;}
.lineGraph .lineWrap .line2 {top: 51%;left: 32%;transform: rotate(-24deg);width: 46%;}
.lineGraph .y2018 .num {text-align:center;}

}

@media (min-width: 768px) and (max-width: 1023px) {
	.barChart.y2017 .barWrap .bHeight.bar1 {height:6px;}
	.barChart.y2017 .barWrap .bHeight.bar2 {height:30px;}

	.barChart.y2018 .barWrap .bHeight.bar1 {height:11px;}
	.barChart.y2018 .barWrap .bHeight.bar2 {height:60px;}


	.barChart.y2019 .barWrap .bHeight.bar1 {height:15px;}
	.barChart.y2019 .barWrap .bHeight.bar2 {height:115px;}


}

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

.lineGraph .lineWrap .line1 {bottom: 12%;transform: rotate(-10deg);width: 39%;}
.lineGraph .lineWrap .line2 {top: 51%;left: 37%;transform: rotate(-26deg);width: 46%;}
.lineGraph .y2018 .num {text-align:center;}

}

@media (min-width: 401px) and (max-width: 599px) {/*S9+*/

.lineGraph .lineWrap .line1 {bottom: 17%;transform: skew(10deg, -25deg);}
.lineGraph .lineWrap .line2 {top: 42%;left: 37%;transform: skew(10deg, -35deg);}
.lineGraph .y2018 .num {text-align:left;}

}

@media (min-width: 375px) and (max-width: 400px) {

.lineGraph .lineWrap .line1 {bottom: 18%;transform: skew(10deg, -27deg);}
.lineGraph .lineWrap .line2 {top: 43%;left: 37%;transform: skew(10deg, -36deg);}
.lineGraph .y2018 .num {text-align:left;}

.inclusive_achievement .contents06 .motion6 .num2017 {padding-top:75px;padding-left:10px;}

}

@media (min-width: 360px) and (max-width: 374px) {

.lineGraph .lineWrap .line1 {bottom: 19%;transform: skew(10deg, -30deg);}
.lineGraph .lineWrap .line2 {top: 40%;left: 37%;transform: skew(10deg, -36deg);}
.lineGraph .y2018 .num {text-align:left;}

.inclusive_achievement .contents06 .motion6 .num2017 {padding-top:75px;padding-left:10px;}


}

@media (min-width: 320px) and (max-width: 359px) {

.inclusive_achievement .contents02 .circleChartWrap {transform: scale(.75);}
.inclusive_achievement .contents02 .circleChartWrap + .circleChartWrap {margin-left:-15px;}
.inclusive_work .contents01 .number {right:39vw;}
.inclusive_partner .contents01 .number {bottom:20px;}

.lineGraph .lineWrap .line1 {bottom: 18%;transform: skew(10deg, -34deg);}
.lineGraph .lineWrap .line2 {top: 40%;left: 37%;transform: skew(10deg, -40deg);}
.lineGraph .y2018 .num {text-align:left;}

body.en.inclusive_work .contents04 .diagramWrap p {padding-left:10%;}
body.en.inclusive_work .contents04 .number {margin-bottom:60px;}

.inclusive_achievement .contents06 .motion6 .num2017 {padding-top:65px;padding-left:10px;}

}


@media (min-width: 768px) and (max-width: 1023px){

	.inclusive_work .contents01 .number div {line-height:47px;}

}