@charset "utf-8";

/*------------------------------------------------------------
  Menu
------------------------------------------------------------*/

#sub-menu-ul { padding:0 5.13vw; }
#sub-menu-ul li { border-bottom:1px #e7e7e7 solid; margin:0 0 5.64vw; padding:0 0 5.64vw; }
#sub-menu-ul li a { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; text-decoration:none; color:#2e70b0; position:relative; }
#sub-menu-ul li a:before { content:""; position:absolute; top:50%; right:0; width:2.05vw; height:0.51vw; background:#2e70b0; transform:rotate(45deg); transform-origin:bottom right; }
#sub-menu-ul li a:after { content:""; position:absolute; bottom:50%; right:0; width:2.05vw; height:0.51vw; background:#2e70b0; transform:rotate(-45deg); transform-origin:top right; }
#sub-menu-ul figure { width:30vw; }
#sub-menu-ul figure img { width:100%; height:auto; }
#sub-menu-ul h3 { width:54vw; line-height:1.4; font-size:4.35vw; font-weight:600; }

@media screen and (min-width:900px){
#sub-menu-ul { display:flex; flex-flow:row wrap; justify-content:space-between; padding:0; }
#sub-menu-ul:after { content:""; width:25.36vw; }
#sub-menu-ul li { width:25.36vw; margin:0 0 2.53vw; padding:0 0 1.81vw; }
#sub-menu-ul li a {}
#sub-menu-ul li a:before { width:0.58vw; height:0.14vw; }
#sub-menu-ul li a:after { width:0.58vw; height:0.14vw; }
#sub-menu-ul figure { width:10.86vw; }
#sub-menu-ul figure img {}
#sub-menu-ul h3 { width:13.4vw; font-size:1.16vw; }
}
@media screen and (min-width:1380px){
#sub-menu-ul {}
#sub-menu-ul:after { width:350px; }
#sub-menu-ul li { width:350px; margin:0 0 35px; padding:0 0 25px; }
#sub-menu-ul li a {}
#sub-menu-ul li a:before { width:8px; height:2px; }
#sub-menu-ul li a:after { width:8px; height:2px; }
#sub-menu-ul figure { width:150px; }
#sub-menu-ul figure img {}
#sub-menu-ul h3 { width:185px; font-size:16px; }
}