@charset "UTF-8";
/* Blue, open spaces and generous curves across the existing YU-AN site. */
:root { --ink:#204483; --accent:#008ad2; --muted:#586d8c; --line:#dce5f0; --paper:#f2f6fa; --sky:#49c5ef; }
body { font-weight:500; letter-spacing:.045em; }
#header { height:106px; background:rgba(255,255,255,.96); border-bottom:0; }
#header #logo { width:225px; }
#navi > li a { color:var(--ink); }
#navi > li:last-child a { border-radius:40px; background:var(--accent); }
#navi > li:last-child a span { color:#fff; }
.single_00,.single_01,.single_02 { max-width:1160px; }
.bg_common { padding-top:120px; }
.single_00,.single_01,.single_02 { padding-bottom:120px; }
.mtitle_catch { font-size:clamp(4.4rem,6vw,8rem); color:var(--ink); letter-spacing:-.025em; }
.mtitle_catch span { color:var(--ink); font-size:1.7rem; margin-top:20px; }
.mtitle_sub_catch { color:var(--ink); font-size:clamp(2rem,2.2vw,2.8rem); line-height:1.8; }
.mtitle_big { font-size:clamp(2.4rem,3vw,3.4rem); flex-direction:column; gap:12px; }
.mtitle_big span.en { font-size:clamp(4.6rem,7vw,8rem); font-weight:700; color:var(--ink); letter-spacing:-.045em; line-height:1.1; padding:0; }
.page-title { margin-top:106px; overflow:hidden; background-image:linear-gradient(120deg,#204483,#008ad2 62%,#49c5ef); border-radius:0 0 50% 0 / 0 0 28% 0; }
.page-title::after { content:""; position:absolute; width:500px; height:500px; right:-180px; top:-290px; border:1px solid rgba(255,255,255,.3); border-radius:50%; pointer-events:none; }
.page-title .inner { padding:85px 0 90px; }
.page-title .page-lead { flex-direction:column; font-size:2rem; font-weight:700; gap:12px; }
.page-title .page-lead .eng { font-size:clamp(4.6rem,7vw,9rem); }
.home-hero { position:relative; isolation:isolate; overflow:hidden; margin-top:106px; padding:0; height:calc(100svh - 106px); min-height:620px; max-height:960px; background:#162a3a; border-radius:0; }
.home-hero::before { content:none; }
.hero-layout { position:relative; display:block; width:100%; height:100%; max-width:none; margin:0; }
.hero-visual { position:absolute; inset:0; width:100%; min-width:0; overflow:hidden; border-radius:0; background:#162a3a; box-shadow:none; }
.hero-visual::after { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(8,30,45,.32),transparent 70%),linear-gradient(0deg,rgba(8,26,40,.86),rgba(8,26,40,.18) 47%,transparent 76%); pointer-events:none; }
.home-hero .fade-area { z-index:0; width:100%; max-width:none; height:100%; max-height:none; aspect-ratio:auto; margin:0; border-radius:0; }
.home-hero .fade-list { display:flex; z-index:0; opacity:0; pointer-events:none; background-image:none; background:#162a3a; transition:opacity 1.8s ease-in-out; }
.home-hero .fade-list:first-child { opacity:1; }
.home-hero .fade-area.is-ready .fade-list { opacity:0; }
.home-hero .fade-area.is-ready .fade-list.is-previous { z-index:1; opacity:1; }
.home-hero .fade-area.is-ready .fade-list.is-current { z-index:2; opacity:1; }
.home-hero .fade-list img { width:100%; height:100%; max-height:none; margin:0; object-fit:cover; object-position:center; }
.home-hero .fade-list:nth-child(-n+2) { justify-content:center; align-items:center; background:#efefed; }
.home-hero .fade-list:nth-child(-n+2) img {
  object-position:right center;
}
.home-hero .fade-list:nth-child(3) img { object-position:55% center; }
.hero-copy { position:absolute; z-index:2; left:6%; bottom:150px; color:#fff; padding:0; }
.hero-eyebrow { font-size:1.1rem; letter-spacing:.16em; max-width:none; line-height:1.9; margin-bottom:20px; color:#fff; }
.hero-copy h2 { font-size:clamp(4.8rem,4.6vw,7.4rem); font-weight:700; line-height:1.55; letter-spacing:.06em; word-break:keep-all; overflow-wrap:normal; }
.hero-description { display:flex; gap:16px; align-items:center; font-size:1.5rem; margin-top:24px; }
.hero-description::before { content:""; width:24px; height:1px; background:#fff; }
.hero-links { position:absolute; z-index:2; right:6%; bottom:90px; display:flex; gap:12px; }
.hero-link { display:flex; justify-content:space-between; align-items:center; width:250px; min-height:88px; box-sizing:border-box; gap:16px; color:#fff; background:#0076b9; border:1px solid rgba(255,255,255,.65); border-radius:8px; padding:18px 22px; margin:0; font-size:1.5rem; text-align:left; line-height:1.7; }
.hero-link-copy { display:flex; flex-direction:column; gap:5px; min-width:0; }
.hero-link-title { font-weight:700; }
.hero-link-description { font-size:1.1rem; line-height:1.7; letter-spacing:0; opacity:.85; }
.hero-link-arrow { flex-shrink:0; }
.hero-link-lab { background:#fff; color:var(--ink); }
.hero-link:hover { color:#fff; background:#204483; border-color:#fff; transform:translateY(-4px); }
.home-hero .slide-summary { position:absolute; z-index:2; justify-content:flex-start; width:auto; max-width:none; left:6%; bottom:64px; padding:0; margin:0; gap:18px; color:#fff; }
.slide-counter { display:flex; gap:12px; align-items:center; font-size:1.2rem; }
.slide-current { color:#fff; }
.slide-separator,.slide-total { opacity:.65; }
.slide-progress { position:relative; width:clamp(120px,15vw,240px); height:2px; overflow:hidden; background:rgba(255,255,255,.35); }
.slide-progress-fill { position:absolute; inset:0; background:#fff; transform-origin:left; animation:hero-slide-progress 6s linear infinite; animation-play-state:paused; }
.slide-progress.is-playing .slide-progress-fill { animation-play-state:running; }
@keyframes hero-slide-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
.home-hero .pagination { gap:0; }
.home-hero .pagination-circle::after { width:6px; height:6px; background:rgba(255,255,255,.4); }
.home-hero .pagination-circle.target::after { background:#fff; }
.home-hero .slide-pause { width:auto; min-width:0; flex:none; padding:4px 12px; color:#fff; border:1px solid rgba(255,255,255,.6); background:rgba(0,0,0,.18); border-radius:3px; font-size:1rem; }
.home-hero a:focus-visible,.home-hero button:focus-visible { outline-color:#fff; }
.hero-scroll { position:absolute; z-index:2; bottom:28px; right:6%; display:flex; gap:12px; align-items:center; color:#fff; font-size:1rem; }
.hero-scroll span { width:7px; height:7px; border-radius:50%; background:#fff; }
.hero-scroll:hover { color:#fff; transform:translateY(3px); }
#particle-bg .bg_common { padding-top:150px; }
.company_item_all { margin-bottom:90px; }
.company_item_all > div { display:grid; grid-template-columns:1fr 1.15fr; column-gap:80px; }
.company_item_all .mtitle_catch { grid-row:1 / 3; }
.company_item_all .mtitle_sub_catch { margin:0 0 26px; }
.company_item_all .mtitle_p { font-size:1.5rem; line-height:2.2; }
.business-head-list { gap:36px; }
.business-head-list a { border:0; padding-bottom:0; }
.business-head-list a figure { border-radius:70px 12px 70px 12px; height:280px; }
.business-head-list a .eng { font-size:1.2rem; font-weight:700; color:var(--accent); margin-bottom:16px; }
.business-head-list li:nth-child(2) { padding-top:58px; }
.business-head-list li:nth-child(3) { padding-top:116px; }
.business-head-list a figcaption { margin-top:26px; }
.business-head-list a figcaption .big { font-size:2.2rem; }
.business-head-list a figcaption .big::after { background:var(--accent); color:#fff; width:30px; height:30px; line-height:30px; }
.section-kicker { font-size:1.8rem; font-weight:700; margin:0 0 14px; line-height:1.6; }
.section-display { font-family:"Lato",sans-serif; font-size:clamp(4rem,6.4vw,8.4rem); font-weight:700; line-height:1.12; letter-spacing:-.035em; }
.heading-dot { color:var(--accent); }
.corporate-section { position:relative; overflow:hidden; background:var(--paper); border-radius:100px 0 100px 0; }
.corporate-inner { position:relative; display:grid; grid-template-columns:1fr 1.15fr; gap:70px; padding-top:100px; padding-bottom:135px; }
.corporate-heading,.corporate-content { position:relative; z-index:1; min-width:0; }
.corporate-content h3 { font-size:clamp(2.2rem,2.5vw,3.2rem); font-weight:700; line-height:1.8; margin-bottom:24px; }
.corporate-content p { font-size:1.6rem; line-height:2; }
.corporate-tags { display:flex; flex-wrap:wrap; gap:10px; margin:28px 0 36px; }
.corporate-tags li { border:1px solid #b8cee3; border-radius:40px; padding:6px 16px; font-size:1.2rem; }
.corporate-word { position:absolute; left:-25px; bottom:-15px; font-family:"Lato",sans-serif; font-size:clamp(10rem,17vw,23rem); font-weight:700; line-height:1; letter-spacing:-.04em; color:#e5edf6; pointer-events:none; }
.text-link { display:inline-flex; align-items:center; gap:24px; font-size:1.4rem; font-weight:700; line-height:1.7; color:var(--ink); }
.text-link > span:first-child { border-bottom:1px solid var(--ink); padding-bottom:5px; }
.link-circle { display:grid; place-items:center; flex:none; width:48px; height:48px; border:1px solid var(--accent); border-radius:50%; color:var(--accent); font-size:2.2rem; transition:background .2s,color .2s; }
.text-link:hover .link-circle { background:var(--accent); color:#fff; }
.home-products { padding-top:110px; }
.home-products-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:50px; }
.home-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px 30px; }
.home-product-grid li { min-width:0; }
.home-product-grid a { display:block; color:var(--ink); }
.home-product-grid figure { overflow:hidden; border-radius:40px 8px 40px 8px; background:var(--paper); aspect-ratio:4/3; }
.home-product-grid img { display:block; width:100%; height:100%; object-fit:contain; transition:transform .4s; }
.home-product-grid a:hover img { transform:scale(1.045); }
.product-number { display:block; font-size:1rem; color:var(--accent); margin-top:20px; }
.home-product-grid h3 { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:1.9rem; font-weight:700; line-height:1.65; margin-top:8px; }
.home-product-grid h3 span { color:var(--accent); font-size:2rem; flex:none; }
.home-product-grid p { margin-top:8px; color:var(--muted); font-size:1.3rem; }
.home-news { background:#fff; color:var(--ink); border-radius:0; }
.home-news .bg_common { padding-top:0; }
.home-news .single_01 { display:grid; grid-template-columns:300px minmax(0,1fr); gap:74px; width:calc(100% - 64px); max-width:1480px; padding:58px 0; }
.home-news .mtitle_big { color:var(--ink); font-size:1.4rem; line-height:1.5; gap:14px; margin:0; }
.home-news .mtitle_big span.en { font-size:10.4rem; font-weight:700; text-transform:none; color:var(--ink); line-height:1.05; letter-spacing:-.035em; }
.home-news .news-all { display:inline-flex; align-items:center; justify-content:center; gap:16px; width:242px; max-width:100%; min-height:80px; padding:20px 24px; margin-top:76px; border:1px solid #d5e2ef; border-radius:50px; background:#eef5fc; color:var(--ink); font-size:2rem; font-weight:500; }
.news-all > span { display:grid; place-items:center; flex:none; width:30px; height:30px; border-radius:50%; background:var(--accent); color:#fff; font-size:1.7rem; line-height:1; }
.home-news .news-all:hover { background:#eaf2fc; transform:translateX(4px); }
.home-news .mbox { border:0; border-radius:0; padding:0; background:none; }
.home-news .mbox > ul { margin:0; }
.home-news .mbox > ul > li { padding:0; border-bottom:1px solid var(--line); }
.home-news .mbox > ul > li:first-child { border-top:1px solid var(--line); }
.home-news .news_list_item > a { display:grid; grid-template-columns:100px 125px minmax(0,1fr) 30px; gap:25px; align-items:center; min-height:112px; padding:28px 8px; color:#263e55; }
.home-news .news_list_date { display:contents; margin:0; color:#5a6b7b; }
.home-news time { color:#5a6b7b; font-family:"Lato","Noto Sans JP",sans-serif; font-size:1.8rem; font-weight:700; white-space:nowrap; letter-spacing:0; }
.home-news .news_item { width:100%; margin:0; padding:4px 10px; border:1px solid #b8cee0; border-radius:30px; background:none; color:#27639a; font-size:1.2rem; font-weight:600; line-height:1.6; }
.home-news .news_list_item > a > p { min-width:0; font-size:1.8rem; line-height:1.8; font-weight:500; letter-spacing:0; }
.home-news .news_list_item .arrow { position:static; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#eef4fa; color:var(--accent); }
.home-news .news_list_item .arrow::after { content:"→"; position:static; width:auto; height:auto; background:none; transform:none; font-family:sans-serif; font-size:1.7rem; line-height:1; }
.home-news .news_list_item > a:hover { background:#f4f8fc; }
.home-news a:focus-visible { outline-color:var(--accent); }
.home-news.news-index { margin-top:106px; }
.home-news.news-index .single_01 { grid-template-rows:auto 1fr; row-gap:48px; padding-top:72px; padding-bottom:100px; align-items:start; }
.news-index-list { grid-column:2; grid-row:1 / 3; min-width:0; }
.news-archive { grid-column:1; grid-row:2; padding-right:32px; }
.news-archive h3 { margin-bottom:20px; color:var(--ink); font-size:1.6rem; font-weight:700; }
.news-archive .category_nav li { border:0; }
.news-archive .category_nav ul ul li { border-bottom:1px solid var(--line); }
.news-archive .category_nav li a { display:flex; align-items:center; gap:10px; padding:10px 0; color:var(--muted); font-size:1.4rem; }
.news-archive .category_nav li a::before { color:var(--accent); margin:0; }
.news-archive .category_nav li a:hover { color:var(--accent); opacity:1; }
.news-archive-all { display:block; padding:12px 16px; margin-bottom:10px; background:#eef5fc; border-radius:5px; color:var(--ink); font-size:1.4rem; }
.news-archive-all:hover { color:var(--accent); background:#e5f0fa; }
.button01 a { background:none; color:var(--ink); border:0; border-bottom:1px solid var(--ink); border-radius:0; padding-left:0; min-width:200px; }
.button01 a:hover { background:none; color:var(--accent); border-color:var(--accent); }
.button01 a::before { display:none; }
.parallax_02 { padding:100px 0; }
.parallax_02 .inner_bg { max-width:1400px; margin:auto; padding:64px 6%; background-image:linear-gradient(90deg,rgba(22,74,128,.9),rgba(0,138,210,.3)),url('../img/parallax_02.jpg'); border-radius:0 130px 0 130px; }
.parallax_02 .inner { padding:0; background:none; border-radius:0; color:#fff; }
.parallax_02 .mtitle_catch,.parallax_02 .mtitle_catch span,.parallax_02 .mtitle_sub_catch { color:#fff; }
.parallax_02 .button01 a { color:#fff; border-color:#fff; }
.brand-media { border-radius:65px 10px 65px 10px; }
.card { border-radius:28px 5px 28px 5px; }
.business_img { border-radius:70px 10px 70px 10px; }
.philosophy { border-radius:45px 5px 45px 5px; border:0; }
.mbox,.sbox { border-radius:30px 5px 30px 5px; }
#mailform button { border-radius:40px; background:var(--accent); }
#footer { background:#204483; border-radius:100px 0 0 0; }
.footer-brand { font-size:clamp(5rem,9vw,12rem); letter-spacing:.02em; }
.footer-nav,#footer .copyright { border-color:rgba(255,255,255,.25); }
#page-top a { border-radius:30px; color:var(--ink); }
.outer-menu { background:var(--accent); border-radius:50%; }
.outer-menu .menu > div { background:var(--ink); }
.maintenance { color:var(--ink); }
html .scroll-reveal {
  opacity:0 !important;
  transform:translate3d(0,24px,0) !important;
  transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.3,1);
}
html .scroll-reveal.is-revealed {
  opacity:1 !important;
  transform:translate3d(0,0,0) !important;
}
@media (prefers-reduced-motion:reduce) {
  html .scroll-reveal { opacity:1 !important; transform:none !important; transition:none; }
}
@media (max-width:1150px) {
  #header { height:80px; }
  #header #logo { width:210px; }
  .page-title { margin-top:80px; }
  .home-hero { margin-top:80px; height:calc(100svh - 80px); padding:0; }
  .hero-copy h2 { font-size:clamp(4.4rem,5.5vw,6rem); }
  .hero-link { width:220px; font-size:1.3rem; }
  .company_item_all > div,.corporate-inner { column-gap:40px; }
  .business-head-list { gap:24px; }
  .business-head-list a figure { height:220px; }
  .home-news .single_01 { grid-template-columns:240px minmax(0,1fr); gap:40px; }
  .home-news .mtitle_big span.en { font-size:8.8rem; }
  .home-news .news_list_item > a { grid-template-columns:90px 92px minmax(0,1fr) 28px; gap:16px; }
  .home-news .news_list_item > a > p { font-size:1.6rem; }
  .home-news time { font-size:1.6rem; }
  .home-news.news-index { margin-top:80px; }
}
@media (min-width:769px) and (max-width:1000px) {
  .home-news .single_01 { grid-template-columns:minmax(0,1fr); gap:40px; }
  .home-news .news-sidebar { display:flex; align-items:center; justify-content:space-between; gap:32px; }
  .home-news .news-all { margin-top:0; }
  .home-news.news-index .single_01 { grid-template-columns:minmax(0,1fr); grid-template-rows:auto; gap:36px; }
  .news-index-list { grid-column:1; grid-row:2; }
  .news-archive { grid-column:1; grid-row:3; max-width:360px; padding:0; }
}
@media (max-width:768px) {
  #header #logo { width:180px; }
  #header .inner { width:calc(100% - 40px); }
  .outer-menu { right:20px; }
  .bg_common { padding-top:75px; }
  .single_00,.single_01,.single_02 { padding-bottom:75px; }
  .page-title { border-bottom-right-radius:45% 18%; }
  .page-title .inner { padding:50px 0 65px; }
  .page-title .page-lead { font-size:1.6rem; }
  .page-title .page-lead .eng { font-size:clamp(3.6rem,9vw,6rem); overflow-wrap:anywhere; }
  .home-hero { height:calc(100svh - 138px); min-height:530px; max-height:850px; padding:0; border-radius:0; }
  .hero-layout { width:100%; height:100%; }
  .hero-visual { width:100%; border-radius:0; }
  .hero-visual::after { background:linear-gradient(0deg,rgba(8,26,40,.92),rgba(8,26,40,.28) 52%,rgba(8,26,40,.05)); }
  .home-hero .fade-area { height:100%; aspect-ratio:auto; margin:0; }
  .home-hero .fade-list:first-child img { object-position:75% center; }
  .home-hero .fade-list:nth-child(2) img { object-position:70% center; }
  .home-hero .fade-list:nth-child(3) img { object-position:50% center; }
  .hero-copy { left:24px; right:20px; bottom:122px; padding:0; }
  .hero-eyebrow { font-size:.8rem; max-width:270px; margin-bottom:16px; }
  .hero-copy h2 { font-size:clamp(3.6rem,9vw,5rem); line-height:1.55; }
  .hero-copy h2 br { display:block; }
  .hero-description { font-size:1.15rem; margin-top:18px; gap:8px; }
  .hero-description::before { width:12px; }
  .hero-links { top:24px; left:20px; right:20px; bottom:auto; gap:10px; }
  .hero-link { flex:1; width:auto; min-width:0; min-height:52px; gap:8px; padding:12px 14px; font-size:1.2rem; }
  .hero-link-description { font-size:1rem; line-height:1.6; }
  .home-hero .slide-summary { width:auto; left:24px; right:24px; bottom:52px; padding:0; gap:10px; }
  .slide-counter { gap:8px; font-size:1.1rem; }
  .slide-progress { width:auto; flex:1; min-width:12px; }
  .home-hero .pagination { gap:0; }
  .home-hero .slide-pause { font-size:1rem; padding:3px 10px; }
  .hero-scroll { display:none; }
  #particle-bg .bg_common { padding-top:85px; }
  .company_item_all { margin-bottom:50px; }
  .company_item_all > div { display:block; }
  .company_item_all .mtitle_catch { margin-bottom:38px; }
  .company_item_all .mtitle_p { font-size:1.4rem; }
  .business-head-list { grid-template-columns:1fr; gap:36px; }
  .business-head-list li:nth-child(2),.business-head-list li:nth-child(3) { padding-top:0; }
  .business-head-list a figure { height:auto; aspect-ratio:16/10; border-radius:50px 8px 50px 8px; }
  .business-head-list a figcaption { margin-top:20px; }
  .business-head-list a figcaption .big { font-size:2rem; }
  .corporate-section { border-radius:55px 0 55px 0; }
  .corporate-inner { grid-template-columns:minmax(0,1fr); padding-top:65px; padding-bottom:85px; gap:36px; }
  .section-kicker { font-size:1.6rem; }
  .section-display { font-size:clamp(3.8rem,10vw,5.6rem); }
  .corporate-content h3 { font-size:2.2rem; }
  .corporate-content p { font-size:1.4rem; }
  .corporate-tags { gap:8px; margin:24px 0 30px; }
  .corporate-tags li { font-size:1.1rem; padding:5px 12px; }
  .corporate-word { bottom:-4px; left:0; font-size:10rem; }
  .text-link { gap:16px; font-size:1.2rem; }
  .link-circle { width:40px; height:40px; font-size:2rem; }
  .home-products { padding-top:70px; }
  .home-products-heading { display:block; margin-bottom:32px; }
  .home-products-heading .text-link { margin-top:24px; }
  .home-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 16px; }
  .home-product-grid figure { border-radius:25px 5px 25px 5px; aspect-ratio:1; }
  .home-product-grid h3 { font-size:1.4rem; align-items:flex-start; gap:4px; }
  .home-product-grid h3 span { font-size:1.6rem; }
  .home-product-grid p { font-size:1.2rem; }
  .product-number { margin-top:14px; font-size:.85rem; letter-spacing:.04em; }
  .home-news { border-radius:0; }
  .home-news .single_01 { display:block; width:calc(100% - 40px); padding:48px 0; }
  .home-news .mtitle_big { font-size:1.3rem; gap:12px; }
  .home-news .mtitle_big span.en { font-size:6.8rem; }
  .home-news .news-all { width:215px; min-height:62px; padding:14px 20px; margin-top:28px; font-size:1.7rem; }
  .home-news .mbox { margin-top:36px; }
  .home-news .news_list_item > a { grid-template-columns:minmax(0,1fr) 100px 28px; gap:14px 12px; min-height:132px; padding:24px 0; }
  .home-news .news_list_item time { grid-column:1; grid-row:1; font-size:1.5rem; }
  .home-news .news_item { grid-column:2; grid-row:1; font-size:1.1rem; }
  .home-news .news_list_item > a > p { grid-column:1 / 3; grid-row:2; font-size:1.5rem; line-height:1.8; }
  .home-news .news_list_item .arrow { grid-column:3; grid-row:2; width:28px; height:28px; }
  .home-news.news-index .single_01 { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto; gap:36px; padding-top:48px; padding-bottom:64px; }
  .home-news.news-index .mbox { grid-column:1; grid-row:2; margin-top:0; }
  .news-archive { grid-column:1; grid-row:3; padding:0; max-width:none; }
  .mtitle_big span.en { font-size:5rem; }
  .parallax_02 { padding:65px 0; }
  .parallax_02 .inner_bg { padding:48px 24px; border-radius:0 60px 0 60px; }
  .parallax_02 .mtitle_sub_catch { font-size:1.9rem; }
  .brand-media,.business_img { border-radius:45px 8px 45px 8px; }
  #footer { border-top-left-radius:55px; }
  #footer .inner { padding-top:55px; }
  #sp_navi { background:#204483; }
}