.contents-wrap-top-product {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.contents-wrap-top-product00 {
	display: flex;
	justify-content: space-between;
}
.contents-wrap-top-product01 {
}
.contents-text {
	width: 45%;
	/*flex: 1;*/
}
.contents-text2 {
	width: 50%;
	/*flex: 2;*/
}
.contents-box-top-product {
	margin: 5px 0;
	width: 49%;
	border: solid 3px #6091d3;
	border-radius: 10px;
}

.contents-box-top-product img {
	display: block;
	margin-bottom: 0.5rem;
	width: 100%;
	height: auto;
}

.contents-box-top-product p {
	margin: 0;
	padding: 0;
	margin-top: auto;
}

.contents-box-top-product h3{
	margin: 6px 0 3px;
	padding: 2.5px 5px;
	border-radius: 2px;
	color: #fff;
	background-color: #555555;
	font-size: 1.25em;
	text-align: center;
}

@media screen and (max-width: 768px){
	.contents-wrap-top-product {
		flex-direction: column;
	}

	.contents-box-top-product {
		width: 100%;
		font-size: .9em;
	}
}

.contents-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box {
	/* margin-bottom: 0.5rem; */
	padding: 0.2rem;
	width: 33%;
}

.contents-box img {
	display: block;
	margin-bottom: 0.5rem;
	width: 100%;
	height: auto;
}

.contents-box p {
}

.contents-box h3{
	margin: 6px 0 3px;
	padding: 2.5px 5px;
	border-radius: 2px;
	background: url(../images/common/bg-darkbrown.jpg) ;
	color: #fff;
	font-size: 1125em;
}

@media screen and (max-width: 768px){
	.contents-wrap {
		flex-direction: column;
	}

	.contents-box {
		width: 100%;
	}
}


.contents-wrap2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.contents-box2 {
	padding: 5px 10px;
	width: 18%;

}

.contents-box2 img {
	display: block;
	margin-bottom: 0.2rem;
	width: 100%;
	height: auto;
}

.contents-box2 p {
}

.contents-box2 h3{
	margin: 3px 0 1px;
	padding: 2.5px 5px;
	border-radius: 2px;
	background: url(../images/common/bg-darkbrown.jpg) ;
	color: #fff;
	font-size: 1125em;
}

@media screen and (max-width: 768px){
	.contents-wrap2 {
		flex-direction: column;
	}

	.contents-box2 {
		width: 100%;
	}
}


.contents-wrap3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box3 {
	margin-bottom: 0.5rem;
	padding: 1.5rem;
	width: 28%;
	background: linear-gradient(#f4daa8, #fff);
}

.contents-box3 span{
	font-size: 1.25em;
	font-weight: bold;
}

.contents-box3 img {
	display: block;
	margin-bottom: 0.5rem;
	width: 100%;
	height: auto;
}

.contents-box3 h3{
	margin: 6px 0 3px;
	padding: 2.5px 5px;
	border-radius: 2px;
	background: url(../images/common/bg-darkbrown.jpg) ;
	color: #fff;
	font-size: 1125em;
}

@media screen and (max-width: 768px){
	.contents-wrap3 {
		flex-direction: column;
	}

	.contents-box3 {
		width: 100%;
	}
}

.contents-wrap-customer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.contents-box-customer {
	width: 30%;
}

.contents-box-customer img {
	display: block;
	margin-bottom: 0.5rem;
	padding: 5% 10% 5% 10%;
	width: 80%;
	height: auto;
}

.contents-box-customer p {
	display: block;
	line-height: 1.4;
}
.contents-box-customer h3{
	margin: 6px 0 3px;
	padding: 2.5px 5px;
	border-radius: 2px;
	background: url(../images/common/bg-darkbrown.jpg) ;
	color: #fff;
	font-size: 1125em;
}

@media screen and (max-width: 768px){
	.contents-wrap-customer {
		flex-direction: column;
	}

	.contents-box-customer {
		width: 100%;
	}
}


.contents-wrap4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box4 {
	margin-bottom: 0.5rem;
	padding: 1rem;
	width: 33%;
	background-image: url(../images/common/0001.png) ;
}

.contents-box4 span {
	font-size: 1.3em;
	font-weight: bold;
}

.contents-box4 img {
	display: block;
	margin-bottom: 0.5rem;
	width: 100%;
	height: auto;
}

.contents-box4 h3{
	margin: 6px 0 3px;
	padding: 2.5px 5px;
	border-radius: 2px;
	background: url(../images/common/bg-darkbrown.jpg) ;
	color: #fff;
}

@media screen and (max-width: 768px){
	.contents-wrap4 {
		flex-direction: column;
	}

	.contents-box4 {
		width: 100%;
	}
}

.contents-wrap-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: #000;
}

.contents-box-footer {
	margin-bottom: .2em;
	padding:0 .3em;
	width: 32%;
	border: 2px solid #e6b422;
	/* color: #fff; */
	/* background: linear-gradient(#c1c1c1, #fff); */
}

.contents-box-footer-b {
	margin-bottom: .2em;
	padding:0 .3em;
	width: 32%;
	border: 2px solid #e6b422;
	/* color: #fff; */
	/* background: linear-gradient(#c1c1c1, #fff); */
}

.contents-box-footer span{
	font-size: 1.25em;
	font-weight: bold;
}

.contents-box-footer img {
	display: block;
	margin-bottom: 0.5rem;
	width: 100%;
	height: auto;
}

.contents-box-footer h2{
	margin: 6px 0 3px;
	padding: 2.5px 5px;
	border-radius: 2px;
	/* color: #ACB6E5; *///非対応のブラウザでの文字色を設定
	background: -webkit-linear-gradient(0deg, #ACB6E5, #86FDE8);//背景色にグラデーションを指定
	-webkit-background-clip: text;//テキストでくり抜く
	-webkit-text-fill-color: transparent;//くり抜いた部分は背景を表示
}

@media screen and (max-width: 768px){
	.contents-wrap-footer {
		flex-direction: column;
	}

	.contents-box-footer {
		width: 96%;
	}
}

.contents-wrap-footer2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: #000;
}

.contents-box-footer2 {
	margin-bottom: 0.5rem;
	padding: .5em;
	width: 31%;
	background: linear-gradient(#aeaeae, #fff);
}

.contents-box-footer2 span{
	font-size: 1.25em;
	font-weight: bold;
}

.contents-box-footer2 img {
	display: block;
	margin-bottom: 0.5rem;
	width: 100%;
	height: auto;
}

.contents-box-footer2 h3{
	margin: 6px 0 3px;
	padding: 2.5px 5px;
	border-radius: 2px;
	background: url(../images/common/bg-darkbrown.jpg) ;
	font-size: 1125em;
}

@media screen and (max-width: 768px){
	.contents-wrap-footer2 {
		flex-direction: column;
	}

	.contents-box-footer2 {
		width: 96%;
	}
}

.contents-wrap-stand {
	display: flex;
	justify-content: space-between;
	margin-bottom: 7rem;
}
.contents-wrap-stand:nth-child(odd) {
	flex-direction: row-reverse;
}

.contents-text-stand {
	width: 65%; /*flex: 2;*/
}
.contents-img-stand {
	width: 35%; /*flex: 1;*/
}

.contents-text-stand h2 {
	margin-bottom: 2rem;
	font-size: 2rem;
}

.contents-img-stand img {
	display: block;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 768px){
	.contents-wrap-stand,
	.contents-wrap-stand:nth-child(odd)  {
		flex-direction: column;
	}

	.contents-text-stand,
	.contents-img-stand {
		width: 100%; /*flex: 1;*/
	}

	.contents-text-stand {
		padding: 3rem;
	}

	.contents-text-stand h2 {
		text-align: center;
	}
}



.contents-wrap-case {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: -webkit-center;
}

.contents-box-case00 span {
	font-size: 0.8em;
	margin: 0;
}

.contents-box-case01 {
	margin-bottom: .5rem;
	padding: .5rem;
	width: 25%;
	background-color: #ffbcbc;
}
.contents-box-case02 {
	margin-bottom: .5rem;
	padding: .5rem;
	width: 25%;
	background-color: #bcddff;
}
.contents-box-case03 {
	margin-bottom: .5rem;
	padding: .5rem;
	width: 25%;
	background-color: #ffffbc;
}
.contents-box-case04 {
	margin-bottom: .5rem;
	padding: 100px 0;
	width: 0 10%;
	text-align: center;
}

.contents-box-case img {
	display: block;
	margin-bottom: .5rem;
	width: 100%;
	height: auto;
}

.contents-box-case01 p {
	margin-top: 1rem;
	font-size: 1.1em;
	text-align: center;
}
.contents-box-case02 p {
	margin-top: 1rem;
	font-size: 1.1em;
	text-align: center;
}
.contents-box-case03 p {
	margin-top: 1rem;
	font-size: 1.1em;
	text-align: center;
}

@media screen and (max-width: 768px){
	.contents-wrap-case00 {
		flex-direction: row;
	}
	.contents-wrap-case01 {
		flex-direction: row;
	}
	.contents-wrap-case02 {
		flex-direction: row;
	}
	.contents-wrap-case03 {
		flex-direction: row;
	}
	.contents-wrap-case04 {
	flex-direction: row;
	}

	.contents-box-case00 {
		text-align: -webkit-center;
		width: 40%;
	}
	.contents-box-case01 {
		width: 50%;
	}
	.contents-box-case02 {
		width: 50%;
	}
	.contents-box-case03 {
		width: 50%;
	}
	.contents-box-case04 {
		width: 50%;
		text-align: -webkit-center;
		padding: 10px;
	}
}

@media screen and (max-width: 480px){
	.contents-wrap-case00 {
		flex-direction: row;
	}
	.contents-wrap-case01 {
		flex-direction: row;
	}
	.contents-wrap-case02 {
		flex-direction: row;
	}
	.contents-wrap-case03 {
		flex-direction: row;
	}
	.contents-wrap-case04 {
	flex-direction: row;
	}

	.contents-box-case00 {
		text-align: -webkit-center;
		width: 70%;
	}
	.contents-box-case01 {
		width: 50%;
	}
	.contents-box-case02 {
		width: 50%;
	}
	.contents-box-case03 {
		width: 50%;
	}
	.contents-box-case04 {
		width: 50%;
		text-align: -webkit-center;
		padding: 10px;
	}
}

.contents-wrap-case2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: -webkit-center;
}

.contents-box-case2-00 {
	width: 25%;
}
.contents-box-case2-01 {
	margin-bottom: .5rem;
	padding: .5rem;
	width: 25%;
	background-color: #ffbcbc;
}
.contents-box-case2-02 {
	margin-bottom: .5rem;
	padding: .5rem;
	width: 25%;
	background-color: #bcddff;
}
.contents-box-case2-03 {
	margin-bottom: .5rem;
	padding: .5rem;
	width: 25%;
	background-color: #ffffbc;
}
.contents-box-case2-04 {
	margin-bottom: .5rem;
	padding: 100px 0;
	width: 0 10%;
	text-align: center;
}

.contents-box-case2 img {
	display: block;
	margin-bottom: .5rem;
	width: 100%;
	height: auto;
}

.contents-box-case2-01 p {
	margin-top: 1rem;
	font-size: 0.8em;
	text-align: center;
}
.contents-box-case2-02 p {
	margin-top: 1rem;
	font-size: 0.8em;
	text-align: center;
}
.contents-box-case2-03 p {
	margin-top: 1rem;
	font-size: 0.8em;
	text-align: center;
}

@media screen and (max-width: 768px){
	.contents-wrap-case2-00 {
		flex-direction: row;
	}
	.contents-wrap-case2-01 {
		flex-direction: row;
	}
	.contents-wrap-case2-02 {
		flex-direction: row;
	}
	.contents-wrap-case2-03 {
		flex-direction: row;
	}
	.contents-wrap-case2-04 {
	flex-direction: row;
	}

	.contents-box-case2-00 {
		text-align: -webkit-center;
		width: 50%;
	}
	.contents-box-case2-01 {
		width: 50%;
	}
	.contents-box-case2-02 {
		width: 50%;
	}
	.contents-box-case2-03 {
		width: 50%;
	}
	.contents-box-case2-04 {
		width: 50%;
		text-align: -webkit-center;
		padding: 10px;
	}
}
.contents-wrap-case3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: -webkit-center;
}

.contents-box-case3-00 {
	width: 25%;
}
.contents-box-case3-01 {
	margin-bottom: .5rem;
	padding: .5rem;
	width: 25%;
	background-color: #ffbcbc;
}
.contents-box-case3-02 {
	margin-bottom: .5rem;
	padding: .5rem;
	width: 25%;
	background-color: #bcddff;
}
.contents-box-case3-03 {
	margin-bottom: .5rem;
	padding: .5rem;
	width: 25%;
	background-color: #ffffbc;
}
.contents-box-case3-04 {
	margin-bottom: .5rem;
	padding: 100px 0;
	width: 0 10%;
	text-align: center;
}

.contents-box-case3 img {
	display: block;
	margin-bottom: .5rem;
	width: 100%;
	height: auto;
}

.contents-box-case3-01 p {
	margin-top: 1rem;
	font-size: 1.1em;
	text-align: center;
}
.contents-box-case3-02 p {
	margin-top: 1rem;
	font-size: 1.1em;
	text-align: center;
}
.contents-box-case3-03 p {
	margin-top: 1rem;
	font-size: 1.1em;
	text-align: center;
}

@media screen and (max-width: 768px){
	.contents-wrap-case3-00 {
		flex-direction: column;
	}
	.contents-wrap-case3-01 {
		flex-direction: column;
	}
	.contents-wrap-case3-02 {
		flex-direction: column;
	}
	.contents-wrap-case3-03 {
		flex-direction: column;
	}
	.contents-wrap-case3-04 {
	flex-direction: column;
	}

	.contents-box-case3-00 {
		text-align: -webkit-center;
		width: 65%;
	}
	.contents-box-case3-01 {
		width: 65%;
	}
	.contents-box-case3-02 {
		width: 65%;
	}
	.contents-box-case3-03 {
		width: 65%;
	}
	.contents-box-case3-04 {
		width: 65%;
		text-align: -webkit-center;
		padding: 10px;
	}
}

.contents-wrap-fullcustom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: -webkit-center;
}

.contents-box-fullcustom-01 {
	margin-bottom: .5rem;
	padding: .5rem;
	width: 20%;
	background-color: #ffbcbc;
}
.contents-box-fullcustom-02 {
	margin-bottom: .5rem;
	padding: .5rem;
	width: 20%;
	background-color: #bcddff;
}
.contents-box-fullcustom-03 {
	margin-bottom: .5rem;
	padding: .5rem;
	width: 20%;
	background-color: #ffffbc;
}
.contents-box-fullcustom-04 {
	margin-bottom: .5rem;
	padding: 100px 0;
	width: 0 10%;
	text-align: center;
}

.contents-box-fullcustom img {
	display: block;
	margin-bottom: .5rem;
	width: 100%;
	height: auto;
}

.contents-box-fullcustom-01 p {
	margin-top: 1rem;
	font-size: 1.1em;
	text-align: center;
}
.contents-box-fullcustom-02 p {
	margin-top: 1rem;
	font-size: 1.1em;
	text-align: center;
}
.contents-box-fullcustom-03 p {
	margin-top: 1rem;
	font-size: 1.1em;
	text-align: center;
}

@media screen and (max-width: 768px){
	.contents-wrap-fullcustom-00 {
		flex-direction: row;
	}
	.contents-wrap-fullcustom-01 {
		flex-direction: row;
	}
	.contents-wrap-fullcustom-02 {
		flex-direction: row;
	}
	.contents-wrap-fullcustom-03 {
		flex-direction: row;
	}
	.contents-wrap-fullcustom-04 {
	flex-direction: row;
	}

	.contents-box-fullcustom-00 {
		width: 50%;
	}
	.contents-box-fullcustom-01 {
		width: 50%;
	}
	.contents-box-fullcustom-02 {
		width: 50%;
	}
	.contents-box-fullcustom-03 {
		width: 50%;
	}
	.contents-box-fullcustom-04 {
		width: 50%;
		text-align: -webkit-center;
		padding: 10px;
	}
}

.contents-wrap-product {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box-product {
	margin-bottom: 0.5rem;
	padding: 0.5rem;
	width: 23%;
	background-color: #f0f0f0;
}

.contents-box-product img {
	display: block;
	margin-bottom: 0.5rem;
	width: 100%;
	height: auto;
}

.contents-box-product p {
	text-align: center;
}

@media screen and (max-width: 768px){
	.contents-box-product {
		width: 45%;
	}
}

.contents-wrap-product2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box-product2 {
	margin-bottom: 0.5rem;
	padding: 0.5rem;
	width: 18%;
	background-color: #f0f0f0;
}

.contents-box-product2 img {
	display: block;
	margin-bottom: 0.5rem;
	width: 100%;
	height: auto;
}

.contents-box-product2 p {
	text-align: center;
}

@media screen and (max-width: 768px){
	.contents-box-product2 {
		width: 45%;
	}
}

.contents-wrap-product3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box-product3 {
	margin-bottom: 0.5rem;
	padding: 0.5rem;
	width: 33%;
	background-color: #f0f0f0;
}

.contents-box-product3 img {
	display: block;
	margin-bottom: 0.5rem;
	width: 100%;
	height: auto;
}

.contents-box-product3 p {
	text-align: center;
}

@media screen and (max-width: 768px){
	.contents-box-product3 {
		width: 50%;
	}
}

.contents-wrap-product-other {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box-product-other {
	margin-bottom: 0.5rem;
	padding: 0.5rem;
	width: 23%;
}

.contents-box-product-other img {
	display: block;
	margin-bottom: 0.5rem;
	width: 100%;
	height: auto;
}

.contents-box-product-other p {
	text-align: center;
}

@media screen and (max-width: 768px){
	.contents-box-product-other {
		width: 45%;
	}
}

.contents-wrap-product4 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.5rem;
}
.contents-wrap-product4:nth-child(odd) {
	flex-direction: row-reverse;
}

.contents-text-product4 {
	width: 60%; /*flex: 2;*/
}
.contents-img-product4 {
	width: 35%; /*flex: 1;*/
}

.contents-text-product4 h2 {
	margin-bottom: 2rem;
	font-size: 2.2rem;
}

.contents-img-product4 img {
	display: block;
	width: 70%;
	height: auto;
	text-align: center;
}

@media screen and (max-width: 768px){
	.contents-wrap-product4,
	.contents-wrap:nth-child(odd)  {
		flex-direction: column;
	}

	.contents-text,
	.contents-img-product4 {
		width: 50%; /*flex: 1;*/
	}

	.contents-img-product4 img {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
}
	.contents-text-product4 {
		padding: 0.5rem;
		width: 100%;
	}

	.contents-text-product4 h2 {
		text-align: center;
	}
}

.contents-wrap-price {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box-price {
	/* margin-bottom: 3rem; */
	padding: 1rem;
	width: 30%;
	background-color: #f0f0f0;
}

.contents-box-price img {
	display: block;
	margin: auto;
	width: 75%;
	height: auto;
}

.contents-box-price h4 {
	/* margin-bottom: 2rem; */
	font-size: 1.1rem;
	text-align: center;
}

@media screen and (max-width: 768px){
	.contents-wrap-price {
		flex-direction: column;
	}

	.contents-box-price {
		width: 100%;
	}
}

.contents-wrap-concept {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box-concept {
	/* margin-bottom: 3rem; */
	padding: 0;
	width: 30%;
	/* background-color: #f0f0f0; */
}

.contents-box-concept img {
	display: block;
	margin: auto;
	width: 55%;
	height: auto;
}

.contents-box-concept h4 {
	margin-bottom: .5rem;
	font-size: 1.4rem;
	text-align: center;
	/* color: #DC143C; */
}

@media screen and (max-width: 768px){
	.contents-wrap-concept {
		flex-direction: column;
	}

	.contents-box-concept {
		width: 100%;
		border-bottom: 1px solid #555;
		margin-bottom: .5em;
	}
}

.contents-wrapflowchart {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-boxflowchart {
	/* margin-bottom: 3rem; */
	/* padding: 3rem; */
	width: 30%;
	margin: auto;
	text-align: center;
	/* background-color: #f0f0f0; */
}

.contents-boxflowchart img {
	display: block;
	margin-bottom: 3rem;
	width: 100%;
	height: auto;
}

.contents-boxflowchart h2 {
	margin-bottom: 2rem;
	font-size: 2.2rem;
	text-align: center;
}

@media screen and (max-width: 768px){
	.contents-wrapflowchart {
		flex-direction: column;
	}

	.contents-boxflowchart {
		width: 100%;
	}
}

.item-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.item {
  display: flex;
  flex-direction: column;
  width: 48.5%;
  margin: .5em;
  padding: .3em;
  border: solid 2px #e6b422;
  border-radius: 10px;
  box-sizing: border-box;
  font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.item h3{
	margin: 6px 0 3px;
	padding: 2.5px 5px;
	border-radius: 2px;
	color: #000;
	font-weight: bold;
	font-size: 1.25em;
	text-align: center;
}
.item-contents {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.item-contents-text {
	width: 50%;
	/*flex: 1;*/
}
.item-contents-text2 {
	width: 49%;
	/*flex: 2;*/
}
.item-image {
  min-height: 0%;
  margin-bottom: em;
}
.item-image img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.item-btn {
  margin-top: auto;
  padding-top: .5em;
}
.item-btn a {
  display: block;
  padding: .5em;
  background-image: linear-gradient(to top, #30cfd0 0%, #080f67 100%);
  /* width: 200px; */
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px){
	..item {
		flex-direction: column;
	}

	.item {
		width: 100%;
		font-size: .9em;
		padding: .6em;
	}
}


.contents-wrap-flow {
	display: flex;
	justify-content: space-between;
	/* margin-bottom: .5em; */
}

.contents-text-flow {
	width: 85%;
	/*flex: 2;*/
}
.contents-img-flow {
	width: 36%;
	margin: auto;
}

.contents-text-flow h2 {
	margin-bottom: 2rem;
	font-size: 2.2rem;
}

.contents-img-flow img {
	display: block;
	width: 70%;
	height: auto;
	margin: auto;
}

@media screen and (max-width: 768px){
	.contents-wrap-flow {
		flex-direction: column;
	}

	.contents-text-flow {
		width: 100%; /*flex: 1;*/
	}
	.contents-img-flow {
		width: 75%;
		/* flex: 1; */
		margin: auto;
	}
	.contents-text-flow {
		font-size: .9em;
		/* padding: 3rem; */
	}

	.contents-text-flow h2 {
		text-align: center;
	}
}

.contents-wrap-process {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin-bottom: 1rem;
}

.contents-text-process {
	width: 60%; /*flex: 2;*/
}
.contents-img-process {
	width: 35%; /*flex: 1;*/
}

.contents-img-process img {
	display: block;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 768px){
	.contents-wrap-process,
	.contents-wrap-process:nth-child(odd)  {
		flex-direction: column;
		border: 1px solid;
		padding: 5px;
	}

	.contents-text-process,
	.contents-img-process {
		width: 100%; /*flex: 1;*/
	}

	.contents-text-process {
		/* padding: 3rem; */
	}

}

.contents-wrap-bannerarea {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: #000;
}

.contents-box-bannerarea {
	/* margin-bottom: .2em; */
	padding: .3em;
	width: 32%;
	/* background: linear-gradient(#c1c1c1, #fff); */
}

.contents-box-bannerarea span{
	font-size: 1.25em;
	font-weight: bold;
}

.contents-box-bannerarea img {
	display: block;
	/* margin-bottom: 0.5rem; */
	width: 100%;
	height: auto;
}

.contents-box-bannerarea h3{
	margin: 6px 0 3px;
	padding: 2.5px 5px;
	border-radius: 2px;
	background: url(../images/common/bg-darkbrown.jpg) ;
	font-size: 1125em;
}

@media screen and (max-width: 768px){
	.contents-wrap-bannerarea {
		flex-direction: row;
		width: 100%;
	}

	.contents-box-bannerarea {
		width: 49%;
	}
}