@charset "utf-8";

.pageh2ti {
  margin-bottom: 30px;
  margin-top: 30px;
}

.flexCol3org {
	display: flex;
}
.flexCol3org .h3ti {
	font-size: 18px;font-weight: 400;
	color: #078740; line-height: 1.1;
	text-align: center; margin-bottom: 10px;
}
.flexCol3org .item {
	width: 33.33%;
	margin: 0 20px;
}
.flexCol3org .item .block {
	background: #fbe9ea;border-radius: 10px;
	padding: 10px 20px 10px;
	border: solid 6px #f0f3ef;
}


ul.list1 {
	list-style-type: none;/*disc/decimal*/
	list-style-position: outside;
	padding-left: 12px;
	margin-left: 0.5em;
}
ul.list1 li {
	position: relative;font-size: 15px;
}
ul.list1.service li {
	font-size: 13px;
}
ul.list1.service li::after {
	display: block;
	position: absolute;
	top: .4em; left: -1.2em;
	font-size: 12px;
	line-height: 1;
	content: '\002713';
	color: #078740;
}
.flexCol3org .h4ti {
	font-size: 16px;font-weight: 500;
}


.flexCol2Rimg {
	display: flex;
	border: solid 1px #000;
	padding: 20px;
	margin-top: 50px;
}
.flexCol2Rimg .item.l {
	width: 66.66%;margin-right: 30px;
}
.flexCol2Rimg .item.r {
	width: 33.33%;
}

.flexCol2, .flexCol3 {
	display: flex;
	flex-wrap: wrap;
	/*align-items: flex-start;*/
}
.flexCol3 .item .flex {
	display: flex;
	justify-content: flex-end;
}
.flexCol2 .item img, .flexCol3 .item img {
	width: 100%;
	display: block;
	transition: all 0.8s;
	border: solid 1px #fff;
}
.flexCol2 .item {
	width: 50%;
}
.flexCol3 .item {
	width: 33.33%;
}
.flexCol3 .item.s {
	width: 33.33%;
}
.flexCol3 .item.w {
	width: 66.66%;
}
.flexCol3 .item.s41 {
	width: 41%;
}
.flexCol3 .item.w59 {
	width: 59%;
}
.flexCol2 .item .flex .p30 {width: 30%;}
.flexCol2 .item .flex .p70 {width: 70%;}
.des {
	padding: 1em 0;
	font-size: 16px; line-height: 2; 
}
.ph014 {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	background: url(../summer2020img/014.jpg) no-repeat center center;
	background-size: cover;
}
img.flow{
	border: solid 6px #f0f3ef;
	border-radius: 10px;
}

@media only screen and (max-width: 1200px) {
	.h2ti p span{font-size: 20px;display: block;}
}

@media only screen and (max-width: 768px) {
	.flexCol3org {flex-wrap: wrap; justify-content: center;}
	.flexCol3org .item {width: calc(50% - 40px);margin: 0 20px;}
	.flexCol3org .item:nth-child(3) {margin: 20px 20px 0;}
}
@media only screen and (max-width: 640px) {
	.flexCol3org .item {width: calc(50% - 10px);margin: 0;}
	.flexCol3org .item:nth-child(1) {margin-right: 10px;}
	.flexCol3org .item:nth-child(2) {margin-left: 10px;}
	.flexCol3org .item:nth-child(3) {width: 60%;margin: 20px 10px 0;}
	.flexCol3org .item .block {padding: 10px 10px 10px;}
	.flexCol3org .h3ti {font-size: 16px;}
	.flexCol2Rimg {display: block;padding: 20px;}
	.flexCol2Rimg .item.l {width: 100%;margin-right: 0;}
	.flexCol2Rimg .item.r {width: 100%; max-width: 300px;margin: 20px auto 0;}
}
@media only screen and (max-width: 450px) {
	.flexCol3org .item {width: 100%;}
	.flexCol3org .item:nth-child(1) {margin-right: 0;margin: 0 10px 0;}
	.flexCol3org .item:nth-child(2) {margin-left: 0;margin: 20px 10px 0;}
	.flexCol3org .item:nth-child(3) {width: 100%;margin: 20px 10px 0;}
	.flexCol2Rimg {padding: 10px;}
}
@media screen and (max-width: 414px){
	.h2ti p span{font-size: 17px;}
	.flexCol3org .h3ti {font-size: 18px;}
}