@charset "utf-8";

@media only screen and (max-width:991px) {}
@media only screen and (max-width:767px) {}
@media only screen and (max-width:374px) {}


/*************************************************

 reason common

*************************************************/


/* reasoncommonGrayLead
--------------------------------------*/
.reasoncommonGrayLead {
	padding: 75px 10px 25px ;
	text-align: center;
	font-size: 37px;
	font-weight: 700;
	/*background-color: #F0F0F0;*/
}
@media only screen and (max-width:767px) {
	.reasoncommonGrayLead {
		padding: 45px 10px;
		font-size: 18px;
	}
}
/* campjapanend
--------------------------------------*/
.campjapanend {
	padding: 10px 10px 10px 50px;
	text-align: center;
}
.campjapanend h3 {
	padding: 0px 10px 50px ;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	color: #E7380D;
}
.campjapanend img {
	padding: 20px;
	text-align: center;
	width: 400px;
}
.campjapanend p {
	padding: 20px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
@media only screen and (max-width:767px) {
	.campjapanend {
		padding: 45px 10px;
		font-size: 18px;
	}
}

/* reasoncommonWhiteLeads
--------------------------------------*/
.reasoncommonWhiteLeads {
	width: calc(100% - 30px);
	max-width: 1020px;
	margin: 100px auto;
}
.reasoncommonWhiteLeads img {
	text-align: center;
}
.reasoncommonWhiteLeads .texts {
	line-height: 2;
}
.reasoncommonWhiteLeads .texts2 {
	line-height: 2;
	text-align: center;
}
.reasoncommonWhiteLeads .texts p + p {
	margin-top: 2em;
}
.reasoncommonWhiteLeads .texts + .movie {
	margin-top: 120px;
}
.reasoncommonWhiteLeads .movie {
	max-width: 1020px;
	margin: 0 auto;
}
.reasoncommonWhiteLeads .movie .pos {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.reasoncommonWhiteLeads .movie .pos iframe {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width:767px) {
	.reasoncommonWhiteLeads {
		margin: 50px auto;
	}
	.reasoncommonWhiteLeads .texts + .movie {
		margin-top: 40px;
	}
	.reasoncommonWhiteLeads .texts2 {
	line-height: 2;
	text-align: left;
}
}


/* reasoncommonModels
--------------------------------------*/
.reasoncommonModels {
	margin: 140px 0;
}
.reasoncommonModels .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}
.reasoncommonModels .list li {
	padding: 35px;
}
.reasoncommonModels .list .logo {
	margin-top: 20px;
}
.reasoncommonModels .list .btn {
	width: 80%;
	max-width: 320px;
	margin: 30px auto 0;
}
.reasoncommonModels .list .oneStyle .imgs {
	display: flex;
	align-items: center;
}
.reasoncommonModels .list .oneStyle .img {
	order: 2;
}
.reasoncommonModels .list .oneStyle .logo {
	margin: 0 60px 0 0;
	order: 1;
}
@media only screen and (max-width:767px) {
	.reasoncommonModels {
		margin: 60px 0;
	}
	.reasoncommonModels .list {
		display: block;
		margin: 0 15px;
	}
	.reasoncommonModels .list li {
		padding: 0;
	}
	.reasoncommonModels .list li + li {
		margin-top: 50px;
	}
	.reasoncommonModels .list .img img {
		max-width: 70%;
	}
	.reasoncommonModels .list .logo {
		margin-top: 15px;
	}
	.reasoncommonModels .list .logo img {
		max-width: 70%;
	}
	.reasoncommonModels .list .btn {
		margin-top: 20px;
	}
	.reasoncommonModels .list .oneStyle .imgs {
		display: block;
	}
	.reasoncommonModels .list .oneStyle .logo {
		margin: 15px  0;
	}
}


/* reasoncommonEquipment
--------------------------------------*/
.reasoncommonEquipment {
	padding: 140px 0;
	color: #fff;
	background-color: #2C2C2C;
}
.reasoncommonEquipment .list {
	max-width: 1140px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
.reasoncommonEquipment .list li {
	box-sizing: border-box;
	width: 33.33333%;
	padding: 30px 30px 0;
}
.reasoncommonEquipment .list li > div {
	box-sizing: border-box;
	display: table;
	width: 100%;
	height: 100%;
	padding: 15px 10px;
	text-align: center;
	background-color: #000;
	line-height: 1.4;
}
.reasoncommonEquipment .list li > div > * {
	display: table-cell;
	vertical-align: middle;
}
@media only screen and (max-width:767px) {
	.reasoncommonEquipment {
		padding: 60px 0;
	}
	.reasoncommonEquipment .list {
		margin: 0 20px;
		justify-content: space-between;
	}
	.reasoncommonEquipment .list li {
		width: 48%;
		padding: 10px 0 0;
	}
	.reasoncommonEquipment .list li > div {
		font-size: 12px;
	}
}


/* reasoncommonSeries
--------------------------------------*/
.reasoncommonSeries {
	padding: 140px 0;
	color: #fff;
	background-color: #000;
}
.reasoncommonSeries .list {
	max-width: 1240px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
.reasoncommonSeries .list li {
	box-sizing: border-box;
	width: 33.33333%;
	padding: 30px 25px 0;
}
.reasoncommonSeries .list li > div {
	box-sizing: border-box;
	display: table;
	width: 100%;
	height: 100%;
	padding: 15px 10px;
	text-align: center;
	background-color: #000;
	line-height: 1.4;
}
.reasoncommonSeries .list li > div > * {
	display: table-cell;
	vertical-align: middle;
}
@media only screen and (max-width:767px) {
	.reasoncommonSeries {
		padding: 60px 0;
	}
	.reasoncommonSeries .list {
		margin: 0 20px;
	}
	.reasoncommonSeries .list li {
		width: 100%;
		padding: 20px 0 0;
	}
	.reasoncommonSeries .list li > div {
		font-size: 12px;
	}
}


/* reasoncommonSns
--------------------------------------*/
.reasoncommonSns {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 15px 0;
	background-color: #F0F0F0;
}
.reasoncommonSns li {
	padding: 10px 20px;
}
.reasoncommonSns li a {
	display: flex;
	color: #000;
	font-size: 14px;
	text-decoration: none;
	align-items: center;
}
.reasoncommonSns li span {
	display: block;
	padding-left: 0.7em;
}
@media only screen and (max-width:767px) {
	.reasoncommonSns {
		padding: 15px 0;
	}
	.reasoncommonSns li {
		padding: 10px 10px;
	}
	.reasoncommonSns li a {
		font-size: 12px;
	}
	.reasoncommonSns li span {
		padding-left: 0.7em;
	}
}


/* reasoncommonInfo
--------------------------------------*/
.reasoncommonInfo {
	margin: 140px 0;
}
.reasoncommonInfo .list {
	display: flex;
	flex-wrap: wrap;
	max-width: 1140px;
	margin: -40px auto 0;
}
.reasoncommonInfo .list li {
	box-sizing: border-box;
	width: 33.3333%;
	padding: 50px 40px 0;
}
@media only screen and (max-width:767px) {
	.reasoncommonInfo {
		margin: 50px 0;
	}
	.reasoncommonInfo .list {
		margin: -20px 20px 0;
		justify-content: space-between;
	}
	.reasoncommonInfo .list li {
		width: 48%;
		padding: 20px 0 0;
	}
}


/* underNavs
--------------------------------------*/
.underNavs {
	padding: 40px 0;
	color: #fff;
	text-align: center;
	background-color: #2C2C2C;
}
.underNavs .ttl {
	font-size: 20px;
	font-weight: 700;
}
.underNavs .btnLsit {
	display: flex;
	flex-wrap: wrap;
	max-width: 1086px;
	margin: 0 auto;
}
.underNavs .btnLsit li {
	box-sizing: border-box;
	width: 33.33333%;
	padding: 30px 23px 0;
}
.underNavs .btnLsit li .txt {
	line-height: 1.2;
}
@media only screen and (max-width:767px) {
	.underNavs .ttl {
		margin-bottom: 20px;
		font-size: 18px;
	}
	.underNavs .btnLsit {
		margin: 0 15px;
		justify-content: space-between;
	}
	.underNavs .btnLsit li {
		box-sizing: border-box;
		width: 48%;
		padding: 15px 0 0;
	}
	.underNavs .btnLsit li a .txt {
		font-size: 13px;
	}
}



/*************************************************

 reason_index

*************************************************/
#reason_index .indexList {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 80px);
	max-width: 1450px;
	margin: 10px auto 110px;
}
#reason_index .indexList li {
	box-sizing: border-box;
	width: 33.3333%;
	padding: 100px 25px 0;
}
#reason_index .indexList li a {
	display: block;
	color: #000;
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
}
#reason_index .indexList li p {
	margin-top: 16px;
}
@media only screen and (max-width:767px) {
	#reason_index .indexList {
		display: block;
		margin: 10px auto 60px;
	}
	#reason_index .indexList li {
		width: auto;
		padding: 40px 0 0;
	}
	#reason_index .indexList li a {
		font-size: 14px;
	}
	#reason_index .indexList li p {
		margin-top: 10px;
	}
}




/*************************************************

 reason_evolite

*************************************************/


/* about
--------------------------------------*/
#reason_evolite .about {
	padding: 130px 0;
	color: #fff;
	background:#000 url(../images/reason/evolite/about_bg.jpg) no-repeat center center / cover;
}
#reason_evolite .about .lead {
	font-size: 20px;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.025em;
}
#reason_evolite .about .arwList {
	display: flex;
	justify-content: center;
	margin: 20px 0;
}
#reason_evolite .about .arwList li {
	position: relative;
	padding: 30px 60px;
}
#reason_evolite .about .arwList li + li:before {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	content: '';
	width: 90px;
	height: 53px;
	background: url(../images/reason/evolite/about_arw.png) no-repeat center center / contain;
	transform: translate(-50%,-50%);
}
#reason_evolite .about .arwList .sqBox {
	box-sizing: border-box;
	display: table;
	width: 280px;
	height: 280px;
	color: #DEBC00;
	font-size: 22px;
	border-radius: 50%;
	background-color: rgba(37,50,129,0.4);
	border: rgba(255,255,255,0.4) solid 2px;
}
#reason_evolite .about .arwList .sqBox span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#reason_evolite .about .cap {
	font-size: 16px;
	line-height: 2;
	text-align: center;
}
#reason_evolite .about .solobtn {
	width: 80%;
	max-width: 360px;
	margin: 50px auto 0;
}
@media only screen and (max-width:1150px) {
	#reason_evolite .about .arwList li {
		position: relative;
		padding: 15px 30px;
	}
	#reason_evolite .about .arwList li + li:before {
		width: 45px;
		height: 27px;
	}
	#reason_evolite .about .arwList .sqBox {
		width: 200px;
		height: 200px;
		font-size: 16px;
	}
}
@media only screen and (max-width:767px) {
	#reason_evolite .about {
		padding: 50px 0;
		background-image: url(../images/reason/evolite/about_bg_sp.jpg);
	}
	#reason_evolite .about .commonSectionTitle img {
		 width: 260px;
	}
	#reason_evolite .about .lead {
		font-size: 14px;
	}
	#reason_evolite .about .arwList {
		display: block;
		margin: 20px 0;
	}
	#reason_evolite .about .arwList li {
		padding: 0;
	}
	#reason_evolite .about .arwList li + li {
		margin-top: 30px;
		padding-top: 30px;
	}
	#reason_evolite .about .arwList li + li:before {
		top: 0;
		left: 50%;
		transform: translate(-50%,-50%) rotate(90deg);
	}
	#reason_evolite .about .arwList .sqBox {
		width: 220px;
		height: 220px;
		margin: 0 auto;
		font-size: 16px;
	}
	#reason_evolite .about .cap {
		margin: 10px 20px;
		font-size: 12px;
		text-align: left;
	}
}
/*************************************************

 reason_evoliteLi

*************************************************/
/* about
--------------------------------------*/
#reason_evolite .about2 {
	padding: 130px 0;
	color: #fff;
	background:#000 url(../images/reason/evolite/about_bg.jpg) no-repeat center center / cover;
}
#reason_evolite .about2 .lead {
	font-size: 20px;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.025em;
}
#reason_evolite .about2 .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1210px;
	margin: -30px auto 0;
}
#reason_evolite .about2 .list li {
	box-sizing: border-box;
	position: relative;
	width: calc(33.33333% - 20px);
	margin: 130px 10px 0;
	padding: 55px 5px 25px;
	text-align: center;
	border: rgba(222,188,0,0.6) solid 2px;
	border-radius: 10px;
}
#reason_evolite .about2 .list .label {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 50%;
	width: 106px;
	height: 106px;
	padding-top: 28px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-align: center;
	background-color: #DEBC00;
	border-radius: 50%;
	transform: translate(-50%,-85%);
}
#reason_evolite .about2 .list .label:before {
	position: absolute;
	bottom: -15px;
	left: 50%;
	display: block;
	content: '';
	border-style: solid;
	border-width: 31px 18px 0 18px;
	border-color: #DEBC00 transparent transparent transparent;
	transform: translateX(-50%);
}
#reason_evolite .about2 .list .label span {
	display: block;
	font-size: 20px;
}
#reason_evolite .about2 .list .label strong {
	display: block;
	margin: 2px 0 0 -4px;
	font-size: 40px;
	font-style: italic;
}
#reason_evolite .about2 .list .ttl {
	margin-bottom: 10px;
	color: #DEBC00;
	font-size: 26px;
	font-weight: 500;
}
#reason_evolite .about2 .list .text {
	display: table;
	width: 80%;
	margin: 0 auto;
}
#reason_evolite .about2 .list .text p {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	line-height: 2;
}
#reason_evolite .about2 .cap {
	font-size: 16px;
	line-height: 2;
	text-align: center;
	max-width: 1210px;
	margin: 30px auto;
}
#reason_evolite .about2 .solobtn {
	width: 80%;
	max-width: 360px;
	margin: 50px auto 0;
}
@media only screen and (max-width:1150px) {
	#reason_evolite .about2 .list li {
		width: calc(50% - 20px);
	}
}
@media only screen and (max-width:767px) {
	#reason_evolite .about2 {
		padding: 50px 0;
		background-image: url(../images/reason/evolite/about_bg_sp.jpg);
	}
	#reason_evolite .about2 .commonSectionTitle img {
		 width: 260px;
	}
	#reason_evolite .about2 .lead {
		font-size: 14px;
	}
	#reason_evolite .about2 .list {
		display: block;
		margin: 100px auto 0;
		padding: 0 20px;
	}
	#reason_evolite .about2 .list li {
		width: auto;
		margin: 0;
		padding: 35px 5px 25px;
	}
	#reason_evolite .about2 .list li + li {
		margin-top: 80px;
	}
	#reason_evolite .about2 .list .label {
		width: 80px;
		height: 80px;
		padding-top: 22px;
	}
	#reason_evolite .about2 .list .label:before {
		bottom: -15px;
		border-width: 31px 18px 0 18px;
	}
	#reason_evolite .about2 .list .label span {
		font-size: 13px;
	}
	#reason_evolite .about2 .list .label strong {
		font-size: 26px;
	}
	#reason_evolite .about2 .list .ttl {
		margin-bottom: 10px;
		font-size: 14px;
	}
	#reason_evolite .about2 .list .text p {
		font-size: 12px;
	}
	#reason_evolite .about2 .list .text p br {
		display: none;
	}
	#reason_evolite .about2 .cap {
		margin: 10px 20px;
		font-size: 12px;
		text-align: left;
	}
}

/*************************************************

 reason_evolution

*************************************************/

/* feature
--------------------------------------*/
#reason_evolution .feature {
	padding: 100px 0 50px;
	color: #fff;
	background-color: #253281;
}
#reason_evolution .feature .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#reason_evolution .feature .list li {
	box-sizing: border-box;
	width: 284px;
	margin: 10px;
	padding: 15px 0;
	text-align: center;
	background-color: rgba(0,0,0,0.4);
	border: rgba(222,188,0,0.4) solid 2px;
	border-radius: 10px;
}
#reason_evolution .feature .list .label {
	margin-bottom: 15px;
	color: #DEBC00;
	font-weight: 700;
	line-height: 1;
}
#reason_evolution .feature .list .label span {
	display: inline-block;
	font-size: 22px;
	margin-right: 0.5em;
}
#reason_evolution .feature .list .label strong {
	display: inline-block;
	font-size: 36px;
}
#reason_evolution .feature .list p {
	font-size: 24px;
}
#reason_evolution .feature .image {
	margin-top: 60px;
	text-align: center;
}
#reason_evolution .feature .image img {
	max-width: 80%;
}
@media only screen and (max-width:767px) {
	#reason_evolution .feature {
		padding: 50px 0 30px;
	}
	#reason_evolution .feature .list {
		max-width: 500px;
		margin: 0 auto;
		padding: 0 15px;
		justify-content: space-between;
	}
	#reason_evolution .feature .list li {
		width: 48%;
		margin: 10px 0 0;
		padding: 13px 0;
	}
	#reason_evolution .feature .list .label {
		margin-bottom: 10px;
	}
	#reason_evolution .feature .list .label span {
		font-size: 16px;
	}
	#reason_evolution .feature .list .label strong {
		font-size: 22px;
	}
	#reason_evolution .feature .list p {
		font-size: 13px;
	}
	#reason_evolution .feature .image {
		margin-top: 40px;
	}
}

/* feature HYPER EVOLUTION
--------------------------------------*/
#reason_evolution .feature2 {
	padding: 100px 0 50px;
	color: #fff;
	background-color: #253281;
}
#reason_evolution .feature2 {
	padding: 100px 0 50px;
	color: #fff;
	background-color: #C10101;
}
#reason_evolution .feature2 .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#reason_evolution .feature2 .list li {
	box-sizing: border-box;
	width: 284px;
	margin: 10px;
	padding: 15px 0;
	text-align: center;
	background-color: rgba(0,0,0,0.4);
	border: rgba(222,188,0,0.4) solid 2px;
	border-radius: 10px;
}
#reason_evolution .feature2 .list .label {
	margin-bottom: 15px;
	color: #DEBC00;
	font-weight: 700;
	line-height: 1;
}
#reason_evolution .feature2 .list .label span {
	display: inline-block;
	font-size: 22px;
	margin-right: 0.5em;
}
#reason_evolution .feature2 .list .label strong {
	display: inline-block;
	font-size: 36px;
}
#reason_evolution .feature2 .list p {
	font-size: 24px;
}
#reason_evolution .feature2 .image {
	margin-top: 60px;
	text-align: center;
}
#reason_evolution .feature2 .image img {
	max-width: 80%;
}
@media only screen and (max-width:767px) {
	#reason_evolution .feature {
		padding: 50px 0 30px;
	}
	#reason_evolution .feature2 .list {
		max-width: 500px;
		margin: 0 auto;
		padding: 0 15px;
		justify-content: space-between;
	}
	#reason_evolution .feature2 .list li {
		width: 48%;
		margin: 10px 0 0;
		padding: 13px 0;
	}
	#reason_evolution .feature2 .list .label {
		margin-bottom: 10px;
	}
	#reason_evolution .feature2 .list .label span {
		font-size: 16px;
	}
	#reason_evolution .feature2 .list .label strong {
		font-size: 22px;
	}
	#reason_evolution .feature2 .list p {
		font-size: 13px;
	}
	#reason_evolution .feature2 .image {
		margin-top: 40px;
	}
}
/* area01
--------------------------------------*/
#reason_evolution .area01 {
	padding: 100px 15px 140px;
	background-color: #FFF;
}

#reason_evolution .areaTitle {
	margin-bottom: 70px;
	text-align: center;
	line-height: 0;
}
#reason_evolution .areaLead {
	max-width: 1190px;
	margin: 0 auto 70px;
	padding: 0 10px;
	color: #fff;
	line-height: 2;
}
#reason_evolution .whiteArea {
	box-sizing: border-box;
	max-width: 1400px;
	margin: 0 auto;
	padding: 10px 0 50px;
	background-color: #fff;
}
#reason_evolution .whiteArea + .whiteArea {
	margin-top: 10px;
}
#reason_evolution .whiteArea .title {
	margin-bottom: 60x;
	font-size: 25px;
	font-weight: 500;
	text-align: center;
}
#reason_evolution .whiteArea .inner {
	width: 90%;
	max-width: 1190px;
	margin: 0 auto;
}
@media only screen and (max-width:991px) {
	#reason_evolution .whiteArea .title {
		font-size: 28px;
	}
}
@media only screen and (max-width:767px) {
	#reason_evolution .area01 {
		padding: 50px 15px;
	}
	#reason_evolution .areaTitle {
		margin-bottom: 40px;
	}
	#reason_evolution .areaTitle img {
		width: 200px;
	}
	#reason_evolution .areaLead {
		margin-bottom: 50px;
		font-size: 13px;
	}
	#reason_evolution .whiteArea {
		padding: 30px 0;
	}
	#reason_evolution .whiteArea + .whiteArea {
		margin-top: 40px;
	}
	#reason_evolution .whiteArea .title {
		margin-bottom: 25px;
		font-size: 18px;
	}
}
/* group01 */
#reason_evolution .whiteArea.group01 .inner {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
#reason_evolution .whiteArea.group01 .image {
	width: 33.5294%;
	text-align: center;
}
#reason_evolution .whiteArea.group01 .text {
	width: 60.4202%;
	padding-top: 3%;
	line-height: 2;
}
#reason_evolution .whiteArea.group01 .text p + p {
	margin-top: 1.5em;
}
@media only screen and (max-width:767px) {
	#reason_evolution .whiteArea.group01 .inner {
		display: block;
	}
	#reason_evolution .whiteArea.group01 .image {
		width: auto;
	}
	#reason_evolution .whiteArea.group01 .text {
		width: auto;
		padding-top: 20px;
		font-size: 13px;
	}
}


/* amazing
--------------------------------------*/
#reason_evolution .amazing {
	padding: 160px 0 140px;
	color: #fff;
	background: #000 url(../images/reason/evolution/amazing_bg.jpg) no-repeat center center / 1920px auto;
}
#reason_evolution .amazing .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1210px;
	margin: -30px auto 0;
}
#reason_evolution .amazing .list li {
	box-sizing: border-box;
	position: relative;
	width: calc(33.33333% - 20px);
	margin: 130px 10px 0;
	padding: 55px 5px 25px;
	text-align: center;
	border: rgba(222,188,0,0.6) solid 2px;
	border-radius: 10px;
}
#reason_evolution .amazing .list .label {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 50%;
	width: 106px;
	height: 106px;
	padding-top: 28px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-align: center;
	background-color: #DEBC00;
	border-radius: 50%;
	transform: translate(-50%,-85%);
}
#reason_evolution .amazing .list .label:before {
	position: absolute;
	bottom: -15px;
	left: 50%;
	display: block;
	content: '';
	border-style: solid;
	border-width: 31px 18px 0 18px;
	border-color: #DEBC00 transparent transparent transparent;
	transform: translateX(-50%);
}
#reason_evolution .amazing .list .label span {
	display: block;
	font-size: 20px;
}
#reason_evolution .amazing .list .label strong {
	display: block;
	margin: 2px 0 0 -4px;
	font-size: 40px;
	font-style: italic;
}
#reason_evolution .amazing .list .ttl {
	margin-bottom: 10px;
	color: #DEBC00;
	font-size: 26px;
	font-weight: 500;
}
#reason_evolution .amazing .list .text {
	display: table;
	width: 80%;
	margin: 0 auto;
}
#reason_evolution .amazing .list .text p {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	line-height: 2;
}
@media only screen and (max-width:1210px) {
	#reason_evolution .amazing .list li {
		width: calc(50% - 20px);
	}
}

@media only screen and (max-width:767px) {
	#reason_evolution .amazing {
		padding: 50px 0;
		background: #000 url(../images/reason/evolution/amazing_bg_sp.jpg) no-repeat center center / cover;
	}
	#reason_evolution .amazing .list {
		display: block;
		margin: 100px auto 0;
		padding: 0 20px;
	}
	#reason_evolution .amazing .list li {
		width: auto;
		margin: 0;
		padding: 35px 5px 25px;
	}
	#reason_evolution .amazing .list li + li {
		margin-top: 80px;
	}
	#reason_evolution .amazing .list .label {
		width: 80px;
		height: 80px;
		padding-top: 22px;
	}
	#reason_evolution .amazing .list .label:before {
		bottom: -15px;
		border-width: 31px 18px 0 18px;
	}
	#reason_evolution .amazing .list .label span {
		font-size: 13px;
	}
	#reason_evolution .amazing .list .label strong {
		font-size: 26px;
	}
	#reason_evolution .amazing .list .ttl {
		margin-bottom: 10px;
		font-size: 14px;
	}
	#reason_evolution .amazing .list .text p {
		font-size: 12px;
	}
	#reason_evolution .amazing .list .text p br {
		display: none;
	}
}

/* amazing2
--------------------------------------*/
#reason_evolution .amazing2 {
	padding: 160px 0 140px;
	color: #fff;
	background: #000 url(../images/reason/evolution/amazing_bg.jpg) no-repeat center center / 1920px auto;
}
#reason_evolution .amazing2 .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1210px;
	margin: -30px auto 0;
}
#reason_evolution .amazing2 .list li {
	box-sizing: border-box;
	position: relative;
	width: calc(50% - 20px);
	margin: 130px 10px 0;
	padding: 55px 5px 25px;
	text-align: center;
	border: rgba(222,188,0,0.6) solid 2px;
	border-radius: 10px;
}
#reason_evolution .amazing2 .list .label {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 50%;
	width: 106px;
	height: 106px;
	padding-top: 28px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-align: center;
	background-color: #DEBC00;
	border-radius: 50%;
	transform: translate(-50%,-85%);
}
#reason_evolution .amazing2 .list .label:before {
	position: absolute;
	bottom: -15px;
	left: 50%;
	display: block;
	content: '';
	border-style: solid;
	border-width: 31px 18px 0 18px;
	border-color: #DEBC00 transparent transparent transparent;
	transform: translateX(-50%);
}
#reason_evolution .amazing2 .list .label span {
	display: block;
	font-size: 20px;
}
#reason_evolution .amazing2 .list .label strong {
	display: block;
	margin: 2px 0 0 -4px;
	font-size: 40px;
	font-style: italic;
}
#reason_evolution .amazing2 .list .ttl {
	margin-bottom: 10px;
	color: #DEBC00;
	font-size: 26px;
	font-weight: 500;
}
#reason_evolution .amazing2 .list .text {
	display: table;
	width: 80%;
	margin: 0 auto;
}
#reason_evolution .amazing2 .list .text p {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	line-height: 2;
}
@media only screen and (max-width:1210px) {
	#reason_evolution .amazing .list li {
		width: calc(50% - 20px);
	}
}

@media only screen and (max-width:767px) {
	#reason_evolution .amazing2 {
		padding: 50px 0;
		background: #000 url(../images/reason/evolution/amazing_bg_sp.jpg) no-repeat center center / cover;
	}
	#reason_evolution .amazing2 .list {
		display: block;
		margin: 100px auto 0;
		padding: 0 20px;
	}
	#reason_evolution .amazing2 .list li {
		width: auto;
		margin: 0;
		padding: 35px 5px 25px;
	}
	#reason_evolution .amazing2 .list li + li {
		margin-top: 80px;
	}
	#reason_evolution .amazing2 .list .label {
		width: 80px;
		height: 80px;
		padding-top: 22px;
	}
	#reason_evolution .amazing2 .list .label:before {
		bottom: -15px;
		border-width: 31px 18px 0 18px;
	}
	#reason_evolution .amazing2 .list .label span {
		font-size: 13px;
	}
	#reason_evolution .amazing2 .list .label strong {
		font-size: 26px;
	}
	#reason_evolution .amazing2 .list .ttl {
		margin-bottom: 10px;
		font-size: 14px;
	}
	#reason_evolution .amazing2 .list .text p {
		font-size: 12px;
	}
	#reason_evolution .amazing2 .list .text p br {
		display: none;
	}
}

/*************************************************

 reason_particular

*************************************************/

/* reasonlist
--------------------------------------*/
#campjapanabout .reasonlist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1190px;
	margin: -30px auto 0;
}
#campjapanabout .reasonlist li {
	box-sizing: border-box;
	position: relative;
	width: 45.3782%;
	margin-top: 130px;
	padding: 55px 5px 35px;
	text-align: center;
	border: rgba(222,188,0,0.6) solid 2px;
	border-radius: 10px;
}
#campjapanabout .reasonlist .label {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 50%;
	width: 106px;
	height: 106px;
	padding-top: 28px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-align: center;
	background-color: #DEBC00;
	border-radius: 50%;
	transform: translate(-50%,-85%);
}
#campjapanabout .reasonlist .label:before {
	position: absolute;
	bottom: -15px;
	left: 50%;
	display: block;
	content: '';
	border-style: solid;
	border-width: 31px 18px 0 18px;
	border-color: #DEBC00 transparent transparent transparent;
	transform: translateX(-50%);
}
#campjapanabout .reasonlist .label span {
	display: block;
	font-size: 20px;
}
#campjapanabout .reasonlist .label strong {
	display: block;
	margin: 2px 0 0 -4px;
	font-size: 40px;
	font-style: italic;
}
#campjapanabout .reasonlist .ttl {
	margin-bottom: 10px;
	color: #DEBC00;
	font-size: 26px;
	font-weight: 500;
}
#campjapanabout .reasonlist .text {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
#campjapanabout .reasonlist .text p {
	font-size: 16px;
	line-height: 2;
}
#campjapanabout .reasonlist .text p + p {
	margin-top: 1em;
}
@media only screen and (max-width:767px) {
	#campjapanabout .reasonlist {
		display: block;
		margin: 100px auto 0;
		padding: 0 20px;
	}
	#campjapanabout .reasonlist li {
		width: auto;
		margin: 0;
		padding: 35px 5px 25px;
	}
	#campjapanabout .reasonlist li + li {
		margin-top: 80px;
	}
	#campjapanabout .reasonlist .label {
		width: 80px;
		height: 80px;
		padding-top: 22px;
	}
	#campjapanabout .reasonlist .label:before {
		bottom: -15px;
		border-width: 31px 18px 0 18px;
	}
	#campjapanabout .reasonlist .label span {
		font-size: 13px;
	}
	#campjapanabout .reasonlist .label strong {
		font-size: 26px;
	}
	#campjapanabout .reasonlist .ttl {
		margin-bottom: 10px;
		font-size: 14px;
	}
	#campjapanabout .reasonlist .text p {
		font-size: 12px;
	}
	#campjapanabout .reasonlist .text p br {
		display: none;
	}
}
/* greeting
--------------------------------------*/
#campjapanabout #greeting {
	width: calc(100% - 40px);
	max-width: 1190px;
	margin: 90px auto;
}
#campjapanabout #greeting .texts {
	overflow: hidden;
}
#campjapanabout #greeting .texts .photo {
	float: right;
	padding: 0 0 20px 50px;
}
#campjapanabout #greeting .texts p {
	margin-bottom: 60px;
	font-size: 18px;
	line-height: 2;
}
#campjapanabout #greeting .texts .name {
	text-align: right;
	line-height: 1;
}
#campjapanabout #greeting .texts .name > * {
	display: inline-block;
	vertical-align: bottom;
}
#campjapanabout #greeting .texts .name > *:nth-child(1) {
	margin-right: 45px;
}
@media only screen and (max-width:767px) {
	#campjapanabout #greeting {
		margin: 50px auto;
	}
	#campjapanabout #greeting .texts .photo {
		float: none;
		margin-bottom: 30px;
		padding: 0;
		text-align: center;
	}
	#campjapanabout #greeting .texts .photo img {
		max-width: 70%;
	}
	#campjapanabout #greeting .texts p {
		margin-bottom: 30px;
		font-size: 14px;
		line-height: 1.8;
	}
	#campjapanabout #greeting .texts .name > *:nth-child(1) {
		margin-right: 25px;
	}
	#campjapanabout #greeting .texts .name img {
		width: 130px;
	}
}


/* pridelist
--------------------------------------*/
#campjapanabout .pridelist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1190px;
	margin: -30px auto 0;
	padding: 0 20px;
}
#campjapanabout .pridelist li {
	box-sizing: border-box;
	position: relative;
	width: 30.3782%;
	margin-top: 130px;
	padding: 55px 5px 35px;
	text-align: center;
	border: rgba(132,112,0,0.60) solid 2px;
	/*border: rgba(222,188,0,0.6) solid 2px;*/
	border-radius: 10px;
}
#campjapanabout .pridelist .label {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 50%;
	width: 106px;
	height: 106px;
	padding-top: 28px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-align: center;
	background-color: #926F25;
	border-radius: 50%;
	transform: translate(-50%,-85%);
}
#campjapanabout .pridelist .label:before {
	position: absolute;
	bottom: -15px;
	left: 50%;
	display: block;
	content: '';
	border-style: solid;
	border-width: 31px 18px 0 18px;
	border-color: #926F25 transparent transparent transparent;
	transform: translateX(-50%);
}
#campjapanabout .pridelist .label span {
	display: block;
	font-size: 20px;
}
#campjapanabout .pridelist .label strong {
	display: block;
	margin: 2px 0 0 -4px;
	font-size: 40px;
	font-style: italic;
}
#campjapanabout .pridelist .ttl {
	margin-bottom: 10px;
	color: #926F25;
	font-size: 26px;
	font-weight: 500;
}
#campjapanabout .pridelist .text {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
#campjapanabout .pridelist .text p {
	font-size: 16px;
	line-height: 2;
}
#campjapanabout .pridelist .text p + p {
	margin-top: 1em;
}
@media only screen and (max-width:767px) {
	#campjapanabout .pridelist {
		display: block;
		margin: 100px auto 0;
		padding: 0 20px;
	}
	#campjapanabout .pridelist li {
		width: auto;
		margin: 0;
		padding: 35px 5px 25px;
	}
	#campjapanabout .pridelist li + li {
		margin-top: 80px;
	}
	#campjapanabout .pridelist .label {
		width: 80px;
		height: 80px;
		padding-top: 22px;
	}
	#campjapanabout .pridelist .label:before {
		bottom: -15px;
		border-width: 31px 18px 0 18px;
	}
	#campjapanabout .pridelist .label span {
		font-size: 13px;
	}
	#campjapanabout .pridelist .label strong {
		font-size: 26px;
	}
	#campjapanabout .pridelist .ttl {
		margin-bottom: 10px;
		font-size: 14px;
	}
	#campjapanabout .pridelist .text p {
		font-size: 12px;
	}
	#campjapanabout .pridelist .text p br {
		display: none;
	}
}
/* group04 */
#campjapanabout .whiteArea.group04 .lead {
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 2;
	text-align: center;
}
#campjapanabout .whiteArea.group04 .image {
	maxwidth: 800px;
	text-align: center;
}
#campjapanabout .whiteArea.group04 .imglsit {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	line-height: 0;
}
#campjapanabout .whiteArea.group04 .imglsit li {
	margin: 25px;
}
#campjapanabout .whiteArea.group04 .pridelist li {
	width: 32.7395%;
}
@media only screen and (max-width:767px) {
	#campjapanabout .whiteArea.group04 .lead {
		margin-bottom: 15px;
		font-size: 14px;
		text-align: left;
	}
	#campjapanabout .whiteArea.group04 .image {
		width: auto;
	}
	#campjapanabout .whiteArea.group04 .lead br {
		display: none;
	}
	#campjapanabout .whiteArea.group04 .imglsit li {
		width: calc(50% - 10px);
		margin: 5px;
		text-align: center;
	}
	#campjapanabout .whiteArea.group04 .pridelist li {
		width: auto;
	}
}
/* area01
--------------------------------------*/
#campjapanabout .area01 {
	padding: 100px 15px 140px;
	background-color: #FFF;
}
#campjapanabout .area03 {
	padding: 100px 15px 140px;
	background-color: #0D4710;
}
#campjapanabout .areaTitle {
	margin-bottom: 70px;
	text-align: center;
	line-height: 0;
}
#campjapanabout .areaLead {
	max-width: 1190px;
	margin: 0 auto 70px;
	padding: 0 10px;
	color: #fff;
	line-height: 2;
}
#campjapanabout .whiteArea {
	box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto;
	padding: 90px 0 50px;
	background-color: #fff;
}
#campjapanabout .whiteArea + .whiteArea {
	margin-top: 70px;
}
#campjapanabout .whiteArea .title {
	margin-bottom: 55px;
	font-size: 34px;
	font-weight: 700;
	text-align: center;
}
#campjapanabout .whiteArea .inner {
	width: 90%;
	max-width: 1020px;
	margin: 0 auto;
}
@media only screen and (max-width:991px) {
	#campjapanabout .whiteArea .title {
		font-size: 28px;
	}
}
@media only screen and (max-width:767px) {
	#campjapanabout .area01 {
		padding: 50px 15px;
	}
	#campjapanabout .area03 {
		padding: 50px 15px;
	}
	#campjapanabout .areaTitle {
		margin-bottom: 40px;
	}
	#campjapanabout .areaTitle img {
		width: 200px;
	}
	#campjapanabout .areaLead {
		margin-bottom: 50px;
		font-size: 13px;
	}
	#campjapanabout .whiteArea {
		padding: 30px 0;
	}
	#campjapanabout .whiteArea + .whiteArea {
		margin-top: 40px;
	}
	#campjapanabout .whiteArea .title {
		margin-bottom: 25px;
		font-size: 18px;
	}
}

/* group01 */
#campjapanabout .whiteArea.group01 .inner {
	display: flex;
	justify-content: space-between;
}
#campjapanabout .whiteArea.group01 .image {
	width: 33.5294%;
	text-align: center;
}
#campjapanabout .whiteArea.group01 .image_pride {
	width: 48.5294%;
	text-align: center;
}
#campjapanabout .whiteArea.group01 .text {
	width: 50.4202%;
	padding-top: 3%;
	line-height: 2;
}
#campjapanabout .whiteArea.group01 .text_pride {
	width: 40.4202%;
	padding-top: 3%;
	line-height: 2;
}
#campjapanabout .whiteArea.group01 .text p + p,
#campjapanabout .whiteArea.group01 .text_pride p + p{
	margin-top: 1.5em;
}
#campjapanabout .whiteArea.group01 .text_pride .storelink a {
	font-size: 16px;
	font-weight: 400;
	width: 11em;
	border: #000000 solid 1px;
	padding: 10px 15px;
	color: #000000;
	text-align: center;
	margin-top: 20px;
	text-decoration: none;
	display: block;
}
#campjapanabout .whiteArea.group01 .text_pride .storelink a:hover {
	background: #000000;
	color: #FFFFFF;
}

@media only screen and (max-width:767px) {
	#campjapanabout .whiteArea.group01 .inner {
		display: block;
	}
	#campjapanabout .whiteArea.group01 .image,
	#campjapanabout .whiteArea.group01 .image_pride{
		width: auto;
	}
	#campjapanabout .whiteArea.group01 .text,
	#campjapanabout .whiteArea.group01 .text_pride {
		width: auto;
		padding-top: 20px;
		font-size: 13px;
	}
}

/* group02 */
#campjapanabout .whiteArea.group02 .reasonlist li:first-child {
	padding: 0;
	border: none;
	order: 2;
}
#campjapanabout .whiteArea.group02 .reasonlist li:nth-child(2) {
	order: 1;
}
#campjapanabout .whiteArea.group02 .reasonlist li:nth-child(3) {
	order: 3;
}
#campjapanabout .whiteArea.group02 .reasonlist li:nth-child(4) {
	order: 4;
}
#campjapanabout .whiteArea.group02 .tableArea {
	overflow-x: auto;
	width: 100%;
	max-width: 1220px;
	margin: 50px auto 0;
	-webkit-overflow-scrolling: touch;
}
#campjapanabout .whiteArea.group02 .tableArea .spSc {
	padding: 0 15px;
	width: 1190px;
}
#campjapanabout .whiteArea.group02 .tableArea table {
	width: 100%;
}
#campjapanabout .whiteArea.group02 .tableArea th,
#campjapanabout .whiteArea.group02 .tableArea td {
	font-size: 16px;
	border: #B8B6B6 solid 1px;
	vertical-align: middle;
	text-align: center;
}
#campjapanabout .whiteArea.group02 .tableArea th {
	font-weight: 700;
	line-height: 1.2;
	background-color: #F0F0F0;
}
#campjapanabout .whiteArea.group02 .tableArea td {
	padding: 5px 0;
}
@media only screen and (max-width:767px) {
	#campjapanabout .whiteArea.group02 .reasonlist {
		margin-top: 30px;
	}
	#campjapanabout .whiteArea.group02 .tableArea {
		 margin-top: 30px;
	}
	#campjapanabout .whiteArea.group02 .tableArea .spSc {
		width: 800px;
	}
	#campjapanabout .whiteArea.group02 .tableArea th,
	#campjapanabout .whiteArea.group02 .tableArea td {
		font-size: 13px;
	}
}

/* group03 */
#campjapanabout .whiteArea.group03 .lead {
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 2;
	text-align: center;
}
#campjapanabout .whiteArea.group03 .imglsit{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	line-height: 0;
}
#campjapanabout .whiteArea.group03 .imglsit li{
	margin: 25px;
}
#campjapanabout .whiteArea.group03 .reasonlist li {
	width: 48.7395%;
}
@media only screen and (max-width:767px) {
	#campjapanabout .whiteArea.group03 .lead {
		margin-bottom: 15px;
		font-size: 14px;
		text-align: left;
	}
	#campjapanabout .whiteArea.group03 .lead br {
		display: none;
	}
	#campjapanabout .whiteArea.group03 .imglsit li{
		width: calc(50% - 10px);
		margin: 5px;
		text-align: center;
	}
	#campjapanabout .whiteArea.group03 .reasonlist li {
		width: auto;
	}
}



/* area02
--------------------------------------*/
#campjapanabout .area02 {
	padding: 100px 15px 60px;
	background-color: #008632;
}
#campjapanabout .area02 .lead {
	max-width: 1190px;
	margin: 80px auto 70px;
	color: #fff;
	line-height: 2;
}
#campjapanabout .area02 .lead strong {
	color: #DCBB05;
}
#campjapanabout .area02 figure {
	text-align: center;
}
@media only screen and (max-width:767px) {
	#campjapanabout .area02 {
		padding: 50px 15px;
	}
	#campjapanabout .area02 .lead {
		margin: 40px auto;
	}
}



/*************************************************

 reason_quality

*************************************************/

/* page common
--------------------------------------*/
#reason_quality .pageGroup {
	margin-top: 180px;
}
#reason_quality .pageEnTtl {
	margin-bottom: 60px;
	font-size: 34px;
	text-align: center;
}
#reason_quality .pageBgarea {
	padding: 120px 0;
	background-color: #F0F0F0;
}
#reason_quality .pageGroup .inner {
	max-width: 1190px;
	margin: 0 auto;
	padding: 0 20px;
}
#reason_quality .pageGroup .inBox + .inBox {
	margin-top: 140px;
}
#reason_quality .pageGroup .inBox .flex {
	display: flex;
}
#reason_quality .pageGroup .inBox .flex > * {
	box-sizing: border-box;
}
#reason_quality .pageGroup .flagTitle {
	display: flex;
	align-items: center;
}
#reason_quality .pageGroup .flagTitle .img {
	width: 164px;
}
#reason_quality .pageGroup .flagTitle .txt {
	box-sizing: border-box;
	width: calc(100% - 164px);
	padding-left: 25px;
	line-height: 1.5;
}
#reason_quality .pageGroup .flagTitle .cam {
	font-size: 24px;
	font-weight: 500;
}
#reason_quality .pageGroup .flagTitle .name {
	font-size: 30px;
	font-weight: 500;
}
#reason_quality .pageGroup .mades {
	position: relative;
	padding: 17px 20px;
}
#reason_quality .pageGroup .mades .gra {
	position: absolute;
	top: 0;
	left: 50%;
	width: 900px;
	height: 100%;
	background: -moz-linear-gradient(left,  rgba(30,87,153,0) 0%, rgba(194,195,202,0.39) 15%, rgba(100,101,119,0.93) 30%, rgba(100,101,119,1) 50%, rgba(100,101,119,0.93) 70%, rgba(194,195,202,0.39) 85%, rgba(125,185,232,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(194,195,202,0.39) 15%,rgba(100,101,119,0.93) 30%,rgba(100,101,119,1) 50%,rgba(100,101,119,0.93) 70%,rgba(194,195,202,0.39) 85%,rgba(125,185,232,0) 100%);
	background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(194,195,202,0.39) 15%,rgba(100,101,119,0.93) 30%,rgba(100,101,119,1) 50%,rgba(100,101,119,0.93) 70%,rgba(194,195,202,0.39) 85%,rgba(125,185,232,0) 100%);
	opacity: 0.7;
	transform: translateX(-50%);
}
#reason_quality .pageGroup .mades .gra:before,
#reason_quality .pageGroup .mades .gra:after {
	position: absolute;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 5px;
	background-color: #fff;
	opacity: 0.2;
}
#reason_quality .pageGroup .mades .gra:before {
	top: 0;
}
#reason_quality .pageGroup .mades .gra:after {
	bottom: 0;
}
#reason_quality .pageGroup .mades .line {
	position: relative;
	display: flex;
	align-items: center;
	color: #fff;
	line-height: 1;
	z-index: 2;
}
#reason_quality .pageGroup .mades .txt01 {
	padding: 4px 45px 0 0;
	font-weight: 700;
	font-style: italic;
	font-family: 'Vollkorn', serif;
}
#reason_quality .pageGroup .mades .txt02 {
	font-size: 20px;
	font-weight: 500;
}
#reason_quality .pageGroup .inTexts {
	margin-top: 60px;
	font-size: 18px;
	line-height: 1.8;
}
#reason_quality .pageGroup .photo {
	position: relative;
	z-index: 3;
}
#reason_quality .pageGroup .adopt {
	display: table;
	width: 100%;
	margin-top: 45px;
	table-layout: fixed;
	border: #909090 solid 1px;
}
#reason_quality .pageGroup .adopt > * {
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
#reason_quality .pageGroup .adopt dt {
	width: 170px;
	padding: 10px 0;
	color: #fff;
	font-size: 24px;
	text-align: center;
	background-color: #909090;
}
#reason_quality .pageGroup .adopt dd {
	padding: 5px 20px 5px 0;
	font-size: 20px;
	background-color: #fff;
}
#reason_quality .pageGroup .adopt dd ul {
	display: flex;
	flex-wrap: wrap;
}
#reason_quality .pageGroup .adopt dd li {
	position: relative;
	margin: 5px 0 5px 20px;
	padding-left: 1em;
}
#reason_quality .pageGroup .adopt dd li:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '・';
}



@media only screen and (max-width:991px) {
	#reason_quality .pageGroup .flagTitle .img {
		width: 80px;
	}
	#reason_quality .pageGroup .flagTitle .txt {
		width: calc(100% - 80px);
		padding-left: 15px;
	}
	#reason_quality .pageGroup .flagTitle .cam {
		font-size: 16px;
	}
	#reason_quality .pageGroup .flagTitle .name {
		font-size: 20px;
	}
	#reason_quality .pageGroup .mades .txt01 {
		padding: 4px 25px 0 0;
		font-size: 14px;
	}
	#reason_quality .pageGroup .mades .txt02 {
		font-size: 16px;
	}
	#reason_quality .pageGroup .inTexts {
		margin-top: 40px;
		font-size: 14px;
	}
}
@media only screen and (max-width:767px) {
	#reason_quality .pageGroup {
		margin-top: 70px;
	}
	#reason_quality .pageEnTtl {
		margin-bottom: 30px;
		font-size: 22px;
	}
	#reason_quality .pageBgarea {
		padding: 60px 0;
	}
	#reason_quality .pageGroup .inBox + .inBox {
		margin-top: 70px;
	}
	#reason_quality .pageGroup .inBox .flex {
		display: block;
	}
	#reason_quality .pageGroup .inBox .flex .texts {
		padding: 0 !important;
	}
	#reason_quality .pageGroup .flagTitle {
		margin-bottom: 15px;
	}
	#reason_quality .pageGroup .flagTitle .img {
		width: 57px;
	}
	#reason_quality .pageGroup .flagTitle .txt {
		width: calc(100% - 57px);
		padding-left: 10px;
	}
	#reason_quality .pageGroup .flagTitle .cam {
		font-size: 12px;
	}
	#reason_quality .pageGroup .flagTitle .name {
		font-size: 15px;
	}
	#reason_quality .pageGroup .mades {
		padding: 13px 20px;
	}
	#reason_quality .pageGroup .mades .gra {
		width: 100%;
		padding: 0 25px;
	}
	#reason_quality .pageGroup .mades .gra:before,
	#reason_quality .pageGroup .mades .gra:after {
		height: 3px;
	}
	#reason_quality .pageGroup .mades .txt01 {
		padding: 2px 22px 0 0;
		font-size: 10px;
	}
	#reason_quality .pageGroup .mades .txt02 {
		font-size: 12px;
	}
	#reason_quality .inBox .texts {
		width: auto !important;
	}
	#reason_quality .pageGroup .inTexts {
		margin-top: 15px;
		padding: 0 10px !important;
		font-size: 13px;
	}
	#reason_quality .pageGroup .photo {
		width: auto !important;
		padding-top: 40px !important;
	}
	#reason_quality .pageGroup .photo figure {
		margin-right: auto !important;
		margin-left: auto !important;
		padding: 0 10px;
		text-align: center;
	}
	#reason_quality .pageGroup .adopt {
		margin-top: 30px;
	}
	#reason_quality .pageGroup .adopt dt {
		width: 70px;
		padding: 10px 0;
		font-size: 12px;
	}
	#reason_quality .pageGroup .adopt dd {
		padding: 8px 10px 8px 0;
		font-size: 11px;
	}
	#reason_quality .pageGroup .adopt dd li {
		margin: 2px 0 2px 10px;
	}
}




/* leadArea
--------------------------------------*/
#reason_quality .leadArea {
	max-width: 1200px;
	margin: 80px auto 0;
	padding: 0 20px;
}
#reason_quality .leadArea .ttl {
	margin-bottom: 40px;
	font-size: 34px;
	text-align: center;
}
#reason_quality .leadArea p {
	font-size: 20px;
	line-height: 2;
}
@media only screen and (max-width:767px) {
	#reason_quality .leadArea {
		margin: 45px auto 0;
	}
	#reason_quality .leadArea .ttl {
		margin-bottom: 30px;
		font-size: 18px;
	}
	#reason_quality .leadArea p {
		font-size: 13px;
	}

}



/* #hartalBox01
--------------------------------------*/
#reason_quality #hartalBox01 .texts {
	width: 55.042%;
}
#reason_quality #hartalBox01 .texts .inTexts {
	padding-right: 160px;
}
#reason_quality #hartalBox01 .photo {
	width: 44.958%;
	padding-top: 5%;
}
#reason_quality #hartalBox01 .photo figure {
	margin-left: -130px;
}


/* #hartalBox02
--------------------------------------*/
#reason_quality #hartalBox02 .texts {
	width: 62.1849%;
	padding-left: 30px;
	order: 2;
}
#reason_quality #hartalBox02 .texts .inTexts {
	padding-left: 110px;
}
#reason_quality #hartalBox02 .photo {
	width: 37.8151%;
	order: 1;
}
#reason_quality #hartalBox02 .photo figure:nth-child(2) {
	margin: 60px -100px 0 0;
}
@media only screen and (max-width:767px) {
	#reason_quality #hartalBox02 .photo figure:nth-child(2) {
		margin-top: 20px;
	}
}



/* #dometicBox01
--------------------------------------*/
#reason_quality #dometicBox01 .texts {
	width: 65.6303%;
	padding-left: 80px;
	order: 2;
}
#reason_quality #dometicBox01 .photo {
	width: 34.3697%;
	order: 1;
}
#reason_quality #dometicBox01 .photo figure:nth-child(2) {
	margin-top: 40px;
}
@media only screen and (max-width:767px) {
	#reason_quality #dometicBox01 .photo figure:nth-child(2) {
		margin-top: 20px;
	}
}


/* #plastformBox01
--------------------------------------*/
#reason_quality #plastformBox01 .texts {
	width: 62.1849%;
	padding-left: 50px;
	order: 2;
}
#reason_quality #plastformBox01 .photo {
	width: 37.8151%;
	order: 1;
}


/* #horexBox01
--------------------------------------*/
#reason_quality #horexBox01 .texts {
	width: 62.1849%;
	padding-right: 70px;
}
#reason_quality #horexBox01 .photo {
	width: 37.8151%;
}
#reason_quality #horexBox01 .system {
	position: relative;
	margin-top: 30px;
	padding: 7px 0;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	background: -moz-linear-gradient(left,  rgba(30,87,153,0) 0%, rgba(0,32,118,1) 50%, rgba(125,185,232,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(0,32,118,1) 50%,rgba(125,185,232,0) 100%);
	background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(0,32,118,1) 50%,rgba(125,185,232,0) 100%);
}
#reason_quality #horexBox01 .system:before,
#reason_quality #horexBox01 .system:after {
	position: absolute;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 5px;
	background-color: #fff;
	opacity: 0.2;
}
#reason_quality #horexBox01 .system:before {
	top: 0;
}
#reason_quality #horexBox01 .system:after {
	bottom: 0;
}
#reason_quality #horexBox01 .systemList {
	overflow: hidden;
}
#reason_quality #horexBox01 .systemList ul {
	display: flex;
	justify-content: center;
	margin: 0 -40px;
}
#reason_quality #horexBox01 .systemList li {
	box-sizing: border-box;
	width: 33.333333%;
	padding: 40px 40px 0;
	text-align: center;
}
@media only screen and (max-width:767px) {
	#reason_quality #horexBox01 .system {
		font-size: 14px;
	}
	#reason_quality #horexBox01 .systemList ul {
		flex-wrap: wrap;
		margin: 0 -20px;
	}
	#reason_quality #horexBox01 .systemList li {
		width: 50%;
		padding: 20px 20px 0;
	}
}



/* #monroeBox01
--------------------------------------*/
#reason_quality #monroeBox01 .texts {
	width: 62.1849%;
	padding-right: 70px;
}
#reason_quality #monroeBox01 .photo {
	width: 37.8151%;
}


/* #kybBox01
--------------------------------------*/
#reason_quality #kybBox01 .texts {
	width: 62.1849%;
	padding-left: 50px;
	order: 2;
}
#reason_quality #kybBox01 .photo {
	width: 37.8151%;
	order: 1;
}



/* #orijinbBox01
--------------------------------------*/
#reason_quality #orijinbBox01 {
	margin-bottom: 60px;
	padding-left: 20px;
	padding-right: 20px;
}
#reason_quality #orijinbBox01 .types {
	padding: 25px 15px;
	font-size: 28px;
	font-weight: 500;
}
@media only screen and (min-width:768px) {
	#reason_quality #orijinbBox01 {
		display: flex;
		justify-content: space-between;
	}
	#reason_quality #orijinbBox01 .inBox {
		width: 46.2185%;
	}
	#reason_quality #orijinbBox01 .inBox + .inBox {
		margin-top: 0;
	}
	#reason_quality #orijinbBox01 .mades {
		padding: 17px 50px;
	}
	#reason_quality #orijinbBox01 .mades .gra {
		width: 120%;
	}
}
@media only screen and (max-width:767px) {
	#reason_quality #orijinbBox01 {
		margin-bottom: 40px;
	}
	#reason_quality #orijinbBox01 .types {
		padding: 20px 10px 0;
		font-size: 16px;
	}
}

/* #orijinbBox02
--------------------------------------*/
#reason_quality #orijinbBox02 {
	padding-left: 20px;
	padding-right: 20px;
}
@media only screen and (max-width:767px) {
	#reason_quality #orijinbBox02 p {
		font-size: 13px;
		padding: 0 10px;
	}
}


/* #orijinbBox03
--------------------------------------*/
#reason_quality #orijinbBox03 {
	margin-top: 120px;
	padding-left: 20px;
	padding-right: 20px;
}
#reason_quality #orijinbBox03 .texts {
	width: 62.1849%;
	padding-left: 120px;
	order: 2;
}
#reason_quality #orijinbBox03 .photo {
	width: 37.8151%;
	order: 1;
}
@media only screen and (max-width:767px) {
	#reason_quality #orijinbBox03 {
		margin-top: 70px;
	}
}


/* #orijinbBox04
--------------------------------------*/
#reason_quality #orijinbBox04 {
	margin-top: 120px;
}
#reason_quality #orijinbBox04 .panels {
	display: flex;
	margin: 80px 0 60px;
}
#reason_quality #orijinbBox04 .panels .label {
	width: 18.4874%;
}
#reason_quality #orijinbBox04 .panels .label img {
	max-width: 77.2727%;
}
#reason_quality #orijinbBox04 .panels .list {
	overflow: hidden;
	width: 81.5126%;
}
#reason_quality #orijinbBox04 .panels .list ul {
	display: flex;
	flex-wrap: wrap;
	margin: -22px 0 0 -22px;
}
#reason_quality #orijinbBox04 .panels .list li {
	box-sizing: border-box;
	width: 20%;
	padding: 22px 0 0 20px;
	text-align: center;
}
#reason_quality #orijinbBox04 .panels .list li p {
	margin-top: 10px;
	line-height: 1.5;
}
@media only screen and (min-width:768px) {
	#reason_quality #orijinbBox04 .mades {
		max-width: 590px;
	}
}

@media only screen and (max-width:767px) {
	#reason_quality #orijinbBox04 {
		margin-top: 70px;
	}
	#reason_quality #orijinbBox04 .panels {
		margin: 50px 0 40px;
	}
	#reason_quality #orijinbBox04 .panels .label {
		width: 28%;
	}
	#reason_quality #orijinbBox04 .panels .label img {
		max-width: 82%;
	}
	#reason_quality #orijinbBox04 .panels .list {
		width: 72%;
	}
	#reason_quality #orijinbBox04 .panels .list ul {
		margin: -22px 0 0 -22px;
	}
	#reason_quality #orijinbBox04 .panels .list li {
		width: 33.333333%;
		padding: 22px 0 0 20px;
	}
	#reason_quality #orijinbBox04 .panels .list li p {
		font-size: 10px;
	}
}
@media only screen and (max-width:374px) {
	#reason_quality #orijinbBox04 .panels .list li {
		width: 50%;
	}
	#reason_quality #orijinbBox04 .panels .label {
		width: 33%;
	}
	#reason_quality #orijinbBox04 .panels .list {
		width: 66%;
	}
}



/* #belgiumBox01
--------------------------------------*/
#reason_quality #belgiumBox01 .texts {
	width: 62.1849%;
	padding-left: 50px;
	order: 2;
}
#reason_quality #belgiumBox01 .photo {
	width: 37.8151%;
	order: 1;
}
#reason_quality #belgiumBox01 .cap {
	margin-top: 10px;
}
@media only screen and (max-width:767px) {
	#reason_quality #belgiumBox01 .cap {
		font-size: 12px;
	}
}


/* #japanBox01
--------------------------------------*/
#reason_quality #japanBox01 .texts {
	width: 62.1849%;
	padding-left: 50px;
	order: 2;
}
#reason_quality #japanBox01 .photo {
	width: 37.8151%;
	order: 1;
}


/* #italyBox01
--------------------------------------*/
#reason_quality #italyBox01 .texts {
	width: 53.7815%;
	padding-right: 45px;
}
#reason_quality #italyBox01 .texts .inTexts {
	padding-right: 60px;
}
#reason_quality #italyBox01 .photo {
	width: 46.2185%;
}



/* #italyBox02
--------------------------------------*/
#reason_quality #italyBox02 .texts {
	width: 62.1849%;
	padding-left: 50px;
	order: 2;
}
#reason_quality #italyBox02 .photo {
	width: 37.8151%;
	order: 1;
}



/* #reasoncommonInfo
--------------------------------------*/
#reason_quality .reasoncommonInfo {
	padding: 125px 0;
	margin-bottom: 0;
	background-color: #F0F0F0;
}
@media only screen and (max-width:767px) {
	#reason_quality .reasoncommonInfo {
		padding: 60px 0;
	}
}