@charset "UTF-8";

/*==============================
        gelp common
==============================*/
@media (min-width: 751px) {
  a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; }
}

.pc-only {  }
.sp-only { display:none; }
.font_hira { font-family:"Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

@media screen and (max-width:600px){
  .pc { display:none; }
  .sp-only { display:block; }
}

#gelp .white-btn { background:none; border:solid 1px #005fa4; color:#005fa4; transition:all ease-out .4s; }
#gelp .white-btn:hover { background:#005fa4!important; color:#fff; opacity:1; }
#gelp .blue-btn { transition:all ease-out .4s; border:solid 1px #005fa4; }
#gelp .blue-btn:hover { background:none; color:#005fa4; opacity:1; }
#gelp .ImgShadow { box-shadow:0 4px 4px 0px rgb(0,0,0,.2); }
#gelp .tcimg { text-align:center; max-width:40%; margin:30px auto 0; }
#gelp .youtube { max-width:1000px; width:100%; height:100%; aspect-ratio: 16 / 9; overflow:hidden; margin:10px auto 0; }
#gelp .youtube iframe { width:100%; height:100%; }
#gelp .a-btn.arrow-02:after { right:15px; }


/*==============================
        gelp contents
==============================*/
#gelp {}
#gelp .backimgBox { position:relative; }
#gelp .backimgBox .absText { position:absolute; top:0; left:0; right:0; bottom:0; }
#gelp .backimgBox .absText h2 { font-size:36px; color:#fff; text-align:center; font-weight: bold; margin-top:50px; }
#gelp .backimgBox .absText h2 span { display:block; font-size:60%; font-weight:normal; }
#gelp .backimgBox .absText ul { display:flex; justify-content:space-between; align-items:center; width:70%; margin:40px auto 0; }
#gelp .backimgBox .absText ul li { width:40%; aspect-ratio:1; background:#fff; border-radius:50%; position:relative; }
#gelp .backimgBox .absText ul li.cnt { width:10%; aspect-ratio:initial;  background:none; font-size:60px; text-align:center; color:#fff; text-shadow:0 2px 4px rgba(0, 0, 0, 0.4); }
#gelp .backimgBox .absText ul li.blue { border:solid 2px #005fa4; }
#gelp .backimgBox .absText ul li.grn { border:solid 2px #46a032; }
#gelp .backimgBox .absText ul li .absCenter { position:absolute; top:50%; left:50%; transform:translate(-50%,-70%); width:100%; }
#gelp .backimgBox .absText ul li .subttl { text-align:center; font-size:30px; }
#gelp .backimgBox .absText ul li .subttl span { display:block; text-align:center; }
#gelp .backimgBox .absText ul li .tx { font-size:12px; margin:20px auto 0; width:70%; }

#gelp ul.flex50 { display:flex; justify-content:space-between; align-items:center; }
#gelp ul.flex50 li { width:48%; }
#gelp ul.flex50 li.img2 { display:flex; justify-content:space-between; }
#gelp ul.flex50 li.img2 a:first-child { width:30%; }
#gelp ul.flex50 li.img2 a:last-child { width:71%; }
#gelp .box4 { display:flex; flex-wrap:wrap; }
#gelp .box4 > div {
  width:calc(50% - 5px);
  margin-right:10px;
  border:solid 1px #005FA4;
  border-radius:8px;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:115px;
}
#gelp .box4 > div:nth-of-type(2n) { margin-right:0; }
#gelp .box4 > div:nth-of-type(n+3) { margin-top:10px; }
#gelp .box4 > div p { text-align:center; color:#005fa4; font-weight: bold; font-size:20px;  }
#gelp .box4 > div p span { display:block; font-weight:normal; font-size:14px; }
#gelp .moreBtn { width:100%; margin:10px auto 0; color:#fff; }
#gelp .moreBtn a {
  display:block;
  background:#3F9877;
  color:#fff;
  text-decoration:none;
  text-align:center;
  border-radius:8px;
  transition:all ease-out .6s;
}
#gelp .moreBtn a:hover { opacity:.6; }
#gelp .flowObi { display:flex; margin:40px 0 20px; }
#gelp .flowObi li { text-align:center; font-size:16px; font-weight: bold; padding:8px; border-radius:4px; }
#gelp .flowObi li:nth-child(1) { width:75%; border:solid 2px #005ead; color:#005EAD; }
#gelp .flowObi li:nth-child(2) { width:25%; border:solid 2px #51ba97; color:#51BA97; }
#gelp .flowList { display:flex; }
#gelp .flowList li { 
  width:25%;
  display:flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  min-height:140px;
  font-size:16px;
  font-weight: bold;  
  clip-path: polygon(85% 0, 100% 50%, 85% 100%, 0% 100%, 0% 0%);
}
#gelp .flowList li:nth-child(1) { background:rgb(0,95,164,.4); }
#gelp .flowList li:nth-child(2) { background:rgb(0,95,164,.6); }
#gelp .flowList li:nth-child(3) { background:rgb(0,95,164,.8); }
#gelp .flowList li:nth-child(4) { background:#005fa4; }
#gelp .flowList li p { text-align:center; margin-left:-1em; }

#gelp .tester { margin-bottom:80px; }
#gelp .tester .bigText { font-size:20px; font-weight: bold; text-align:center; margin-top:30px; }
#gelp .tester .btnArea { margin:20px auto; max-width:200px; width:100%; }
#gelp .tester .btnArea a { width:100%; }
#gelp .tester .cap { font-size:12px; text-align:center; }
#gelp .tester .capArea { margin-top:30px; padding:50px 0; border-top:solid 1px #005fa4; }
#gelp .tester .capArea p { font-size:12px; }
#gelp .tester .contactArea {  }
#gelp .tester .contactArea .ttl { font-size:14px; font-weight: bold; }
#gelp .tester .contactArea .tx { font-size:12px; border-bottom:solid 1px #000;  }
#gelp .tester .tel { display:flex; align-items:center; justify-content:space-between; }
#gelp .tester .tel li { display:flex; align-items:center; }
#gelp .tester .tel li:first-child { width:28%; }
#gelp .tester .tel li:first-child a { font-size:24px; text-decoration:none; color:#000;font-weight: bold; }
#gelp .tester .tel li:first-child p { border:solid 1px #000; padding:0 3px; font-size:10px; margin-left:10px; }
#gelp .tester .tel li:last-child { width:70%; }
#gelp .tester .tel li:last-child p {}
#gelp .tester .tel li:last-child p:last-child { margin-left:10px; }
#gelp .tester .tel li:last-child p span { display:inline-block; margin-right:10px; }

#gelp .flowbtn { margin:30px auto 0; max-width:600px; width:100%; }
#gelp .catchImg { max-width:600px; width:100%; margin:20px auto 0; }
#gelp .flex33 { display:flex; justify-content:space-between; margin-top:30px; }
#gelp .flex33 li { width:32%; }

@media screen and (max-width:820px){  
  #gelp .backimgBox .absText ul { margin-top:40px; }
  #gelp .backimgBox .absText ul li .subttl { font-size:20px; line-height:1; }
  #gelp .backimgBox .absText ul li .subttl span { max-width:120px; width:100%; margin:20px auto 0; }
  #gelp .tester { margin-bottom:100px; }
}
@media screen and (max-width:768px){
  #gelp .backimgBox > img { height:600px; width:100%; object-fit:cover; } 
  #gelp .backimgBox .absText { display:flex; flex-direction:column; justify-content:center; align-items:center; }
  #gelp .backimgBox .absText ul { width:70%; }
  #gelp .backimgBox .absText ul li { width:43%; }
  #gelp .backimgBox .absText ul li .subttl img { max-height:35px; } 
  #gelp .box4 > div p { font-size:18px; }
  #gelp .box4 > div p span { font-size:12px; }
}
@media screen and (max-width:990px){
  #gelp .backimgBox .absText ul { width:60%; }
}
@media screen and (max-width:600px){
  #gelp .backimgBox { width:100vw; margin:0 calc(50% - 50vw); }
  #gelp .backimgBox > img { height:450px; width:auto; object-fit:cover; }  
  #gelp .backimgBox .absText h2 { font-size:22px; margin-top:0; }
  #gelp .backimgBox .absText h2 span { margin-top:10px; font-size:70%; }
  #gelp .backimgBox .absText ul { width:90%; }
  #gelp .backimgBox .absText ul li {  }
  #gelp .backimgBox .absText ul li.cnt { font-size:50px; }
  #gelp .backimgBox .absText ul li .subttl img { max-height:25px; }
  #gelp .backimgBox .absText ul li .subttl span { margin-top:10px; }
  #gelp .backimgBox .absText ul li .tx { width:75%; }
  #gelp .backimgBox .absText ul li .absCenter { transform: translate(-50%,-68%); }
  
  #gelp ul.flex50 { display:block; }
  #gelp ul.flex50 li { width:100%; }
  #gelp ul.flex50 li:first-child { margin-bottom:20px; }
  #gelp .box4 > div { min-height:90px; }
  #gelp .box4 > div p { font-size:16px; }
  #gelp .box4 > div p span { font-size:10px; }
  #gelp .moreBtn a { font-size:14px; }
  
  #gelp .flowObi { margin:20px 0 10px; }
  #gelp .flowObi li { font-size:12px; }
  #gelp .flowList li p { font-size:10px; margin-left:0; }
  
  #gelp .tester { margin-bottom:100px; }
  #gelp .tester .bigText { font-size:18px; }
  #gelp .tester .btnArea a { font-size:14px; }
  #gelp .tester .capArea { padding:30px 0; }
  #gelp .tester .cap { text-align:left; }
  #gelp .tester .tel { flex-direction:column; }
  #gelp .tester .tel li:first-child { width:100%; }
  #gelp .tester .tel li:last-child { width:100%; flex-direction:column; align-items:flex-start; }
  #gelp .tester .tel li:last-child p:last-child { margin-left:0; }
  
  .sp50 { width:50%; margin:0 auto; display:block; }
}

@media screen and (max-width:375px){
  #gelp .backimgBox .absText h2 { margin-top:0; }
  #gelp .backimgBox > img { height:450px; }  
}


/*==============================
最下部固定ボタンcss
==============================*/
.l-wrapper { position:relative; }
#fixedBtn { max-width:960px; width:100%; left:50%; transform:translateX(-50%); }
#fixedBtn a { width:100%; background:#ea545d; font-weight: bold; }
@media screen and (max-width:1140px){
  /* topボタン調整 */
  .a-totop { bottom:95px; }
}
@media screen and (max-width:768px){
  #fixedBtn { max-width:100%; }
  /* topボタン調整 */
  .a-totop { bottom:75px; }
}
@media screen and (max-width:600px){
  #fixedBtn { width:100%; }
  #fixedBtn a { font-size:16px; border-radius:0; padding:20px 0; }
  /* topボタン調整 */
  .a-totop { bottom:65px; }
}
@media screen and (max-width:414px){
  #fixedBtn { min-height:46px; }
  #fixedBtn a { font-size:16px; }
  #fixedBtn a:hover { opacity:1; }
}
@media screen and (max-width:375px){
  .a-totop { bottom:67px; }
}


/* plus css 20250106 */
#gelp .btnareaWrap { display:flex; justify-content:space-between; margin-top:30px; }
#gelp .flowbtn { max-width:initial; width:49%; margin:0; }

@media only screen and (max-width: 768px) {
  #gelp .btnareaWrap { display:block; }
  #gelp .flowbtn  { width:100%; }
  #gelp .flowbtn:last-child { margin-top:10px; }
}