/* services */
#services {

}
#services .flex2block {

}
#services .flex2block > li {
border: 1px solid rgba(170,170,170,1.00);
margin: 0px 0px 15px;
}
#services .flex2block > li .services-box-in {

}
.services-title {
background-color: rgba(238,238,238,1.00);
font-size: calc(100vw / 23);
line-height: 1.4em;
font-weight: bold;
text-align: center;
padding: 0.6em 10px;
}
.services-cont {
padding: 8%;
}
.services-cont .contents-txt-s strong {
font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: calc(100vw / 22);
line-height: 1.5em;
display: block;
padding: 0px 0px 0.4em;
font-weight: bold;
}
.services-cont .contents-txt-s {
font-size: calc(100vw / 25);
line-height: 1.5em;
}


@media print, screen and (min-width: 375px) {
.services-title {
font-size: 18px;
line-height: 1.4em;
}
.services-cont {
padding: 8%;
}
.services-cont .contents-txt-s strong {
font-size: 16px;
line-height: 1.5em;
}
.services-cont .contents-txt-s {
font-size: 14px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 768px) {
#services .flex2block > li {
margin: 0px 0px 30px;
}

}


@media print, screen and (min-width: 1024px) {
#services .flex2block > li {
margin: 0px 0px 40px;
}
.services-title {
font-size: 19px;
line-height: 1.4em;
}
.services-cont {
padding: 8%;
}
.services-cont .contents-txt-s strong {
font-size: 19px;
line-height: 1.5em;
}
.services-cont .contents-txt-s {
font-size: 15px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 1200px) {
#services .flex2block > li {
margin: 0px 0px 50px;
}
.services-title {
font-size: 20px;
line-height: 1.4em;
}
.services-cont {
padding: 40px;
}
.services-cont .contents-txt-s strong {
font-size: 20px;
line-height: 1.5em;
}
.services-cont .contents-txt-s {
font-size: 16px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 1400px) {

}






















/* examples */
#examples {

}
#examples .flex3block {

}
#examples .flex3block > li {
border: 1px solid rgba(148,148,53,1.00);
margin: 0px 0px 15px;
background-color: rgba(255,255,255,1.00);
}
#examples .flex3block > li .services-box-in {

}
.examples-title {
background-color: rgba(148,148,53,1.00);
font-size: calc(100vw / 23);
line-height: 1.4em;
font-weight: bold;
text-align: center;
padding: 0.6em 10px;
color: rgba(255,255,255,1.00);
}
.examples-cont {
padding: 8%;
}



@media print, screen and (min-width: 375px) {
.examples-title {
font-size: 17px;
line-height: 1.4em;
}
.examples-cont {
padding: 8%;
}

}


@media print, screen and (min-width: 768px) {
#examples .flex3block > li {
	-ms-flex-preferred-size: calc(33.33% - 20px);
	flex-basis: calc(33.33% - 20px);
	margin: 0px;
}

}


@media print, screen and (min-width: 1024px) {
#examples .flex3block > li {
	-ms-flex-preferred-size: calc(33.33% - 28px);
	flex-basis: calc(33.33% - 28px);
	margin: 0px;
}
.examples-cont {
padding: 30px;
}

}


@media print, screen and (min-width: 1200px) {
#examples .flex3block > li {
	-ms-flex-preferred-size: calc(33.33% - 35px);
	flex-basis: calc(33.33% - 35px);
	margin: 0px;
}
.examples-cont {
padding: 38px;
}

}


@media print, screen and (min-width: 1400px) {

}