@charset "UTF-8";

p.center{text-align: center;}
.support-items{margin-bottom: 10vw;}
.support-items li{ text-align: center; border: 1px solid #759019; margin-bottom: 8vw; }
.support-items li:last-child{margin-bottom: 0;}
.support-items a{ padding: 6vw; }
.support-items p.subtitle{ line-height: 1.3; padding: 3vw 0; margin: 0 auto 4vw;color: #000;font-size: 3.7vw;font-weight: 600;text-align: center;background: var(--green01);-moz-border-radius: 10vw;-webkit-border-radius: 10vw;border-radius: 10vw;}
.support-items .title{line-height: 1;margin-bottom: 2vw;color: var(--green01);font-family: "Orbitron"; font-weight: 500;font-size: 5vw; display: block;}
.support-items .title.tel{font-size: 7vw;}
.support-items .title.line{font-family: var(--gothic);}
.support-items .title.mail:before { content: '\e910'; margin-right: 1.5vw; font-size: 95%; font-family: 'icon';position: relative; display: inline-block;color: var(--green01);}
.support-items .title.line:before {content: '\e906';margin-right: 1.5vw;font-size: 95%;font-family: 'icon';position: relative;display: inline-block;color: var(--green01);}

.midashi02{margin-bottom: 6vw; padding: 3vw;}
.links li{margin-bottom: 5vw;}
.links .more03{margin: auto;}


/* =============================================
pc-size
================================================*/
@media screen and (min-width: 769px) {

.support-items{ display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; margin-bottom: 100px; }
.support-items li{ width: 32%; margin-bottom: 0; }
.support-items a{ padding: 20px; }
.support-items p.subtitle{font-size: 15px; width: 100%; margin: 0 auto 20px; padding: 10px 0;}
.support-items .title { margin-bottom: 10px; font-size: clamp(12px, 1.8vw, 20px); }
.support-items .title.tel{font-size: clamp(13px, 2.4vw, 28px);}
.support-items li .title.mail:before { margin-right: 5px; }
.support-items li .title.line:before { margin-right: 5px; }

.midashi02{margin-bottom: 40px; padding: 15px;}
.links{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; justify-content: center; }
.links li{margin: 0 20px; width: clamp(180px, 30vw, 300px); }
.links .more03{ width: 100%;padding: 15px 0; font-size: 16px; }
.links .more03::after{ right: clamp(5px, 1.2vw, 20px); }

}