/*---------------------------------------------------------------------------*/
.section-service { padding: 0 0 12rem 0; }

.section-make { padding: 12rem 0 7rem; background: url(../img/bg.png) left top repeat; position: relative; }

@media screen and (max-width: 768px) { .section-make { padding: 16vw 0 10.66667vw; } }

.section-make ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 0 0 -4rem; }

@media screen and (max-width: 768px) { .section-make ul { margin: 0 0 0 -5.33333vw; } }

.section-make ul li { width: -webkit-calc(100% / 3 - 4rem); width: -moz-calc(100% / 3 - 4rem); width: calc(100% / 3 - 4rem); text-align: center; margin: 0 0 5rem 4rem; }

@media screen and (max-width: 768px) { .section-make ul li { width: -webkit-calc(100% / 2 - 5.33333vw); width: -moz-calc(100% / 2 - 5.33333vw); width: calc(100% / 2 - 5.33333vw); margin: 0 0 10.66667vw 5.33333vw; } }

.section-make ul li h3 { margin-bottom: 2rem; }

@media screen and (max-width: 768px) { .section-make ul li h3 { font-size: 2.93333vw; margin-bottom: 4vw; } }

.section-make ul li figure { width: 25.5rem; height: 25.5rem; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; margin: 0 auto; line-height: 0; background: #fff; }

@media screen and (max-width: 768px) { .section-make ul li figure { width: 45.33333vw; height: 45.33333vw; } }

.section-make ul li figure img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.btn { text-align: center; padding: 12rem 0; }

@media screen and (max-width: 768px) { .btn { padding: 16vw 0; } }

.btn a { width: 48rem; height: 13rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 4rem; font-weight: bold; color: #83705E; border: 1px solid #83705E; -moz-border-radius: 10rem; border-radius: 10rem; margin: 0 auto; }

@media screen and (max-width: 768px) { .btn a { width: 100%; max-width: 90%; height: auto; font-size: 6.93333vw; padding: 5.33333vw 0; } }