@charset "UTF-8";
#Top-page .news-list, #Top-page #Triplog .leg-list li a, #Top-page #Member .member-list > li .result { display: flex; flex-wrap: wrap; }

.page-nv ul, #Milai-footer ul, #Top-page #About .photo-bottom, #Top-page #Triplog .leg-list, #Top-page #Member .member-list > li { display: flex; flex-wrap: wrap; justify-content: space-between; }

/*####################　アニメ設定　####################*/
@keyframes fadeIn { 0% { opacity: 0; }
  30% { opacity: 0; }
  90% { opacity: 1; }
  100% { opacity: 1; } }
@keyframes fadeIn-down { 0% { opacity: 0; top: -20px; }
  100% { opacity: 1; top: 0; } }
@keyframes fadeIn-up { 0% { opacity: 0; bottom: -20px; }
  100% { opacity: 1; bottom: 0; } }
@keyframes fadeIn-up-left { 0% { opacity: 0; right: -30px; bottom: -30px; }
  100% { opacity: 1; right: 0; bottom: 0; } }
@keyframes fadeIn-up-right { 0% { opacity: 0; left: -30px; bottom: -30px; }
  100% { opacity: 1; left: 0; bottom: 0; } }
/*-------------------------------------------------------------- 初期化・基本パーツ
--------------------------------------------------------------*/
body { color: #161616; font-size: 16px; line-height: 1.75; -webkit-text-size-adjust: 100%; }
/*
header { font-size: 14px; line-height: 1.5; }

* { border: 0; margin: 0; padding: 0; list-style: none outside; }
*/
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 700; line-height: 1.4; }

img { max-width: 100%; height: auto; width: auto; vertical-align: top; }

a img, img { border: 0; }

a { color: #0452a5; }

a:hover { color: #03599b; }

header nav#gnavi ul li a:hover { text-decoration: none; }

#language-select { display: none; }

.mobile, .mb-wrap { display: none; }

#contents { max-width: none; margin: 0; width: 100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.en #contents { font-family: Arial, Helvetica, sans-serif; }

.small { font-size: 87%; }

.milai { color: #ca001e; }

/*-------------------------------------------------------------- ページ内ナビ
--------------------------------------------------------------*/
.page-nv { background-color: #02152e; }
.page-nv .page-nv-inner { overflow: hidden; }
.page-nv ul { margin: 0; padding: 0; width: calc(100% + 3.5em); margin-left: -1.25em; }
.page-nv li { margin: 0; padding: 0; display: flex; flex: 1 0 auto; min-height: 72px; width: 25%; }
.page-nv li a { box-sizing: border-box; color: #FFF; display: flex; padding: 1.75em 1.25em; transition: 0.1s; width: 100%; min-width: 5em; height: 100%; line-height: 1.5625; }
.page-nv li a:before { color: #fff; font-size: 1.25rem; line-height: 1.5; }
.page-nv li a strong { color: #26a6ff; display: block; padding-bottom: 0.75em; font-size: 1.25em; font-weight: normal; }
.page-nv li a:hover { text-decoration: none; }
.page-nv .prd-nv-top { display: none; }
@media screen and (max-width: 1200px) { .page-nv ul { flex-wrap: nowrap; width: 100%; margin-left: 0; }
  .page-nv li a { padding: 1.25em 0.5em; }
  .page-nv li a strong { font-size: 1.15em; padding-bottom: 0.25em; } }
@media screen and (max-width: 980px) { .page-nv li a { padding: 1.25em 0.5em; } }
@media screen and (max-width: 800px) { .page-nv .page-nv-inner { max-width: none; padding: 0; }
  .page-nv ul { flex-wrap: wrap; }
  .page-nv li { width: 50%; }
  .page-nv li a { padding: 0.75em 0.5em; font-size: 0.875em; }
  .page-nv li a:before { font-size: 1em; } }
@media screen and (max-width: 480px) { .page-nv { font-size: 0.875em; }
  .page-nv li { width: 100%; }
  .page-nv li a { padding: 0.5em 0.5em; font-size: 1em; }
  .page-nv li a:before { font-size: 1.25em; } }

.page-nv.fixed { margin: 0 auto; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1000; box-shadow: 0 0 16px 0 rgba(122, 122, 122, 0.95); }
.page-nv.fixed li a { padding: 0.75em 1.5em; display: flex; align-items: center; justify-content: center; }
.page-nv.fixed li a .copy { display: none; }
.page-nv.fixed li a:before { display: none; }
.page-nv.fixed strong { text-align: center; padding-bottom: 0; }
.page-nv.fixed .current { background-color: #173860; transition: all 500ms 0s ease; }
.page-nv.fixed .current span { padding: 0; border: none; }
.page-nv.fixed .current strong { color: #fff; }
@media screen and (max-width: 980px) { .page-nv.fixed li a { padding: 0.75em 0.75em; } }
@media screen and (max-width: 800px) { .page-nv.fixed li { width: 25%; } }
@media screen and (max-width: 800px) { .page-nv.fixed li a { font-size: 0.875em; } }

/* ナビゲーション制御
------------------------------ */
#navTitle { color: #FFF; display: block; float: left; font-weight: bold; padding: 0.5em 0 0.5em; max-width: calc(100% - 7em); max-height: 1.8em; overflow: hidden; }
@media screen and (max-width: 640px) { #navTitle { color: #fff; position: absolute; float: none; top: 0; height: 1em; }
  #navTitle small { background: #fff; border: 1px solid #5a5a5a; display: inline-block; font-size: 0.6875em; font-weight: normal; padding: 0.1em 0.25em; margin-right: 0.5em; } }

#navTitle .products-category { margin-top: -1.69rem; }

/*-------------------------------------------------------------- フッターナビ
--------------------------------------------------------------*/
#Milai-footer { background: rgba(8, 4, 46, 0.2) url("/Portals/0/MILAI/imgs/section_bg.jpg") center top; background-size: cover; }
#Milai-footer h2 { background: #eff2f4; margin-bottom: 0; padding: 60px 0; text-align: center; }
#Milai-footer h2 img { vertical-align: middle; }
#Milai-footer .inner { padding: 3em 0 0; }
#Milai-footer h3 { color: #fff; font-size: 1.5em; font-weight: normal; margin-bottom: 0; text-align: center; padding-bottom: 7.3%; }
#Milai-footer a { color: #161616; }
#Milai-footer a:hover { color: #03599b; }
#Milai-footer ul { width: 100%; padding-bottom: 8%; }
#Milai-footer ul li { box-sizing: border-box; display: flex; }
#Milai-footer ul li li { width: 50%; }
#Milai-footer ul .top { width: 33.75%; font-size: 1.125em; }
#Milai-footer ul .dtail { width: 66%; font-size: 1.125em; }
#Milai-footer ul h4 { border: none; line-height: 1.2; padding-bottom: 1.25rem; }
#Milai-footer ul a { display: flex; justify-content: flex-start; width: 98%; color: #fff; align-items: baseline; padding-bottom: 1.25em; }
#Milai-footer ul a:before { width: 1.65em; padding: 0; margin: 0; }
#Milai-footer ul .current a, #Milai-footer ul a:hover { color: #ff536d; }
@media screen and (max-width: 980px) { #Milai-footer h3 { font-size: 1.4rem; }
  #Milai-footer h3 a { padding-bottom: 1.75rem; }
  #Milai-footer h4 { font-size: 1.125rem; }
  #Milai-footer ul a div { width: calc(100% - 2em ); }
  #Milai-footer ul a:before { width: 2em; } }
@media screen and (max-width: 980px) { #Milai-footer h2 { padding: 5% 5%; } }
@media screen and (max-width: 680px) { #Milai-footer { padding-bottom: 0; }
  #Milai-footer .inner { background: rgba(8, 4, 46, 0.2); padding: 3em 2% 0; margin: 0; max-width: none; }
  #Milai-footer ul .top { width: 100%; }
  #Milai-footer ul .dtail { width: 100%; } }
@media screen and (max-width: 480px) { #Milai-footer h3 { font-size: 1.25rem; }
  #Milai-footer h3 a { padding-bottom: 0.5em; }
  #Milai-footer ul .top { font-size: 1em; }
  #Milai-footer ul .dtail { font-size: 0.875em; }
  #Milai-footer ul li { padding-bottom: 0.75em; }
  #Milai-footer ul li li { width: 100%; }
  #Milai-footer ul li > span:before { font-size: 2.25rem; }
  #Milai-footer ul a { display: flex; align-items: center; padding-bottom: 0.75em; }
  #Milai-footer ul a:before { font-size: 1rem; width: 1em; }
  #Milai-footer ul h4 { padding-bottom: 0.5em; } }

/* 共通パーツ
---------------------------------------*/
.icon-new { font-size: 24px; width: 3.25em; display: block; height: 0; border-right: 0.5em solid transparent; border-top: 1.3em solid #002a48; margin-right: 0.25em; }
.icon-new .text { color: #fff; display: block; margin-top: -1.35em; padding: 0 0 0 0.5em; }

#contents section section { padding-bottom: 0; }

section .inner { padding-top: 5.5em; padding-bottom: 5.5em; }
section h2 { text-align: center; color: #002659; padding-bottom: 5%; margin: 0; font-size: 2.5em; font-weight: normal; }
section h3 { font-size: 2.5em; font-weight: bold; color: #173860; margin-bottom: 2.6rem; }
section.bg { background: #eff2f4; padding-bottom: 3.5em; }
section p { padding-bottom: 1.5em; }
@media screen and (max-width: 980px) { section .inner { padding-top: 3.5em; padding-bottom: 3.5em; }
  section.bg { padding-bottom: 1.5em; } }
@media screen and (max-width: 680px) { section > .inner { padding-top: 35px; padding-bottom: 4em; }
  section h2 { font-size: 1.6em; margin-bottom: 1em; }
  section h3 { font-size: 1.5em; } }

.btn a { display: inline-block; color: #FFF; font-size: 20px; text-decoration: none; }
.btn a:hover { background: #115786; }
@media screen and (max-width: 980px) { .btn a { padding: 0.5em 2em; line-height: 1.3; } }
@media screen and (max-width: 680px) { .btn a { font-size: 18px; padding: 0.75em 0.5em; line-height: 1.3; width: 100%; box-sizing: border-box; } }

#Last { margin-bottom: 2.5em; }

.youtube-arw { background: url("/special/jp/marine-dx/imgs/youtube_arw.svg") no-repeat center center; background-size: 135px 135px; display: block; cursor: pointer; }
.youtube-arw:hover img { opacity: 0.7; }
.youtube-arw img { position: relative; z-index: -1; }

/* スマホサイズ用 */
@media screen and (max-width: 1200px) { .inner { max-width: 90%; padding-left: 5%; padding-right: 5%; } }
@media screen and (max-width: 680px) { .forPC { display: none; }
  .mobile { display: block; }
  .pc { display: none; }
  .youtube-arw { background-size: 70px; }
  #contents #Milai-footer { padding-bottom: 0; }
  .icon-new { font-size: 18px; } }
#Top-page { /* メインイメージ */ /* sec1 */ /* sec2 */ /* sec3 */ /* sec4 */ /* sec5 */ }
#Top-page .main-title-bg { background: #00204f url(/Portals/0/MILAI/imgs/top/main_bg2.jpg) no-repeat center top; margin: auto; }
#Top-page .main-title { background: url(/Portals/0/MILAI/imgs/top/main_bg.jpg) no-repeat center top; background-size: cover; position: relative; max-width: 1200px; margin: auto; }
#Top-page .main-title h1 { width: 60.2%; max-width: 712px; padding: 2.417% 0 2.9% 0; position: relative; z-index: 3; font-size: 1em; }
#Top-page .main-title h1 span.logo { display: block; padding-bottom: 11.485%; width: 72.19%; }
@media screen and (max-width: 680px) { #Top-page .main-title h1 span.logo { width: 82.29%; } }
#Top-page .main-title h1 img { animation: fadeIn 3s; }
#Top-page .main-title .btn { padding: 0 0 5.58%; }
#Top-page .main-title .btn a { padding: 0; width: 23.75%; animation: fadeIn 3.3s; }
#Top-page .main-title .btn a:hover { background: none; opacity: 0.8; }
@media screen and (max-width: 1920px) { #Top-page .main-title .main-title-bg { background-size: cover; } }
@media screen and (max-width: 1200px) { #Top-page .main-title { padding-left: 5%; }
  #Top-page .main-title h1, #Top-page .main-title btn a { padding-left: 0; } }
@media screen and (max-width: 980px) { #Top-page .main-title .inner { max-width: 90%; }
  #Top-page .main-title .bg { padding: 2rem 0; }
  #Top-page .main-title .bg p { line-height: 1.8; } }
@media screen and (max-width: 680px) { #Top-page .main-title h1 { width: 63.2%; }
  #Top-page .main-title .btn a { width: 30.403%; } }
@media screen and (max-width: 480px) { #Top-page .main-title { background-color: #142f44; } }
@media screen and (max-width: 680px) { #Top-page .main-title-bg { background-image: none; }
  #Top-page .main-title { background: url(/Portals/0/MILAI/imgs/top/main_bg_mb.jpg) no-repeat center top; max-width: 680px; background-size: cover; padding-left: 2.263%; }
  #Top-page .main-title h1 { padding: 2.108% 0 7.374% 0; }
  #Top-page .main-title h1 span.logo { padding-bottom: 20.24%; }
  #Top-page .main-title .btn { padding: 0 0 9.33%; } }
@media screen and (max-width: 680px) and (max-width: 480px) { #Top-page .main-title h1 { padding-bottom: 4%; }
  #Top-page .main-title h1 span.logo { padding-bottom: 12%; }
  #Top-page .main-title .btn a { width: 42%; } }

#Top-page .list-two-clm .clm { width: 45.8%; }
#Top-page #About { padding-bottom: 7.5em; }
#Top-page #About h2 { color: #000000; font-size: 2.5rem; }
#Top-page #About h2 small { font-size: 1.75rem; }
#Top-page #About .copy-clm { text-align: center; }
#Top-page #About .copy-clm p { font-size: 1.125em; }
#Top-page #About li { width: 32.5%; }
#Top-page #About .copylight { padding-top: 0; padding-bottom: 0; text-align: right; }
@media screen and (max-width: 480px) { #Top-page #About { padding-bottom: 3em; }
  #Top-page #About h2 { font-size: 1.75rem; }
  #Top-page #About h2 small { font-size: 1.25rem; }
  #Top-page #About .copy-clm { padding-bottom: 20px; }
  #Top-page #About .copy-clm p { font-size: 1em; }
  #Top-page #About .copylight { font-size: 0.875em; } }
#Top-page #Globe40 .photo { padding-bottom: 3%; }
#Top-page #Globe40 .copy { padding-bottom: 8.4%; }
#Top-page #Globe40 .race-detail { margin-top: 55px; border-collapse: collapse; width: 100%; font-size: 0.875em; }
#Top-page #Globe40 .race-detail thead th { border: none; border-top: 3px solid #2795c9; border-bottom: 3px solid #2795c9; vertical-align: top; position: relative; }
#Top-page #Globe40 .race-detail thead th:first-child { min-width: 6em; }
#Top-page #Globe40 .race-detail thead th span { display: block; width: 100%; }
#Top-page #Globe40 .race-detail thead th .title { color: #002659; padding-bottom: 1.25em; font-weight: bold; }
#Top-page #Globe40 .race-detail thead th .course { font-weight: normal; }
#Top-page #Globe40 .race-detail thead th.here:before { content: ""; background: url("/Portals/0/MILAI/imgs/top/tt1_icon.png") no-repeat center top; position: absolute; top: -55px; width: 100%; height: 64px; left: 0; right: 0; z-index: 1; }
#Top-page #Globe40 .race-detail th, #Top-page #Globe40 .race-detail td { background: #fff; padding: 1.25em 0.4em; text-align: center; }
#Top-page #Globe40 .race-detail th:first-child, #Top-page #Globe40 .race-detail td:first-child { text-align: left; }
#Top-page #Globe40 .race-detail th:nth-of-type(2n), #Top-page #Globe40 .race-detail td:nth-of-type(2n) { background: #e8f6fb; }
#Top-page #Globe40 .race-detail tbody td { border-bottom: 1px solid #757575; }
@media screen and (max-width: 480px) { #Top-page #Globe40 .race-detail thead th.here:before { top: -40px; height: 50px; background-size: contain; } }
#Top-page .news-list dt, #Top-page .news-list dd { border-bottom: 1px solid #b9b9b9; padding: 1.5em 0; }
#Top-page .news-list dt { width: 12em; }
#Top-page .news-list dt:before { content: ""; height: 0.75em; width: 0.75em; display: inline-block; background: #ca001e; margin-right: 0.75em; }
#Top-page .news-list dd { width: calc(100% - 12em); }
@media screen and (max-width: 680px) { #Top-page .news-list dt { width: 100%; padding: 1.5em 0 0 0; border: none; font-size: 1.125em; }
  #Top-page .news-list dd { width: 100%; padding-top: 0.25em; } }
#Top-page #Triplog { background: #eef2f5 url("/Portals/0/MILAI/imgs/top/tt4_bg.jpg") no-repeat center bottom; background-size: cover; }
#Top-page #Triplog h3 { font-size: 2.5em; color: #000000; margin-bottom: 0.75em; font-weight: normal; }
#Top-page #Triplog .copy { padding-bottom: 4em; }
#Top-page #Triplog .leg-list li { width: 32.5%; background: url("/Portals/0/MILAI/imgs/top/leg0_bg.jpg") center center; background-size: cover; margin-bottom: 6em; position: relative; }
#Top-page #Triplog .leg-list li.is-empty { background: none; height: 0; margin: 0; padding: 0; overflow: hidden; }
#Top-page #Triplog .leg-list li.here:before { content: ""; background: url("/Portals/0/MILAI/imgs/top/tt5_icon.png") no-repeat left top; position: absolute; top: -38px; width: 100%; height: 48px; left: 0; right: 0; z-index: 1; }
#Top-page #Triplog .leg-list li a { background: rgba(78, 85, 93, 0.6); font-size: 1.125em; color: #fff; display: flex; }
#Top-page #Triplog .leg-list li a:hover { transition: background-color 0.5s; background: rgba(78, 85, 93, 0.3); }
#Top-page #Triplog .leg-list li a:hover strong { background: rgba(30, 133, 249, 0.95); transition: background-color 0.5s; }
#Top-page #Triplog .leg-list li a span { width: 100%; height: 9em; align-content: flex-end; align-items: flex-end; padding: 0 1rem 1rem; display: flex; }
#Top-page #Triplog .leg-list li a strong { background: rgba(30, 133, 249, 0.66); padding: 0.5em 0 0.5em 0.5rem; width: 100%; font-weight: normal; }
#Top-page #Triplog .leg-list .leg1 { background-image: url("/Portals/0/MILAI/imgs/top/leg0_bg.jpg"); }
#Top-page #Triplog .leg-list .leg2 { background-image: url("/Portals/0/MILAI/imgs/top/leg1_bg.jpg"); }
#Top-page #Triplog .leg-list .leg3 { background-image: url("/Portals/0/MILAI/imgs/top/leg2_bg.jpg"); }
#Top-page #Triplog .leg-list .leg4 { background-image: url("/Portals/0/MILAI/imgs/top/leg3_bg.jpg"); }
#Top-page #Triplog .leg-list .leg5 { background-image: url("/Portals/0/MILAI/imgs/top/leg4_bg.jpg"); }
#Top-page #Triplog .leg-list .leg6 { background-image: url("/Portals/0/MILAI/imgs/top/leg5_bg.jpg"); }
#Top-page #Triplog .leg-list .leg7 { background-image: url("/Portals/0/MILAI/imgs/top/leg6_bg.jpg"); }
#Top-page #Triplog .leg-list .leg8 { background-image: url("/Portals/0/MILAI/imgs/top/leg7_bg.jpg"); }
#Top-page #Triplog .leg-list .leg9 { background-image: url("/Portals/0/MILAI/imgs/top/leg8_bg.jpg"); }
@media screen and (max-width: 680px) { #Top-page #Triplog .leg-list li { margin-bottom: 4em; }
  #Top-page #Triplog .leg-list li a { font-size: 1em; }
  #Top-page #Triplog .leg-list li a span { height: 7em; padding: 0 1rem 0.25rem; }
  #Top-page #Triplog .leg-list li a strong { padding: 0.25em 0 0.25em 0.5rem; } }
@media screen and (max-width: 480px) { #Top-page #Triplog h3 { font-size: 1.75em; }
  #Top-page #Triplog .copy { padding-bottom: 2em; }
  #Top-page #Triplog .leg-list li { width: 100%; margin-bottom: 2em; }
  #Top-page #Triplog .leg-list li.is-empty { display: none; }
  #Top-page #Triplog .leg-list li.here:before { top: -28px; height: 40px; background-size: contain; }
  #Top-page #Triplog .leg-list li a span { height: 6em; } }
#Top-page #Member { background: #3b76bc url("/Portals/0/MILAI/imgs/section_bg.jpg") no-repeat center top; }
#Top-page #Member h2 { color: #fff; }
#Top-page #Member h3.logo { width: 57.5%; max-width: 690px; margin: 0 auto 3%; background: #fff; padding: 0.5em; text-align: center; }
#Top-page #Member h3.logo img { vertical-align: middle; }
#Top-page #Member h3.catch { font-size: 2.5em; font-weight: normal; color: #fff; }
#Top-page #Member .top { text-align: center; color: #fff; }
#Top-page #Member .top p { font-size: 1.125em; }
#Top-page #Member .member-list > li { background: #fff; margin: 0 0 2.5em; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5); padding: 1.5em; }
#Top-page #Member .member-list > li h3 { color: #000; font-size: 1rem; font-weight: normal; border-bottom: 3px solid #d3d3d3; position: relative; margin: -0.2em auto 2em; padding: 0 0 1rem; }
#Top-page #Member .member-list > li h3:before { content: ""; position: absolute; left: 0; bottom: -3px; width: 16.5%; height: inherit; border-bottom: 3px solid #ca001e; }
#Top-page #Member .member-list > li h3 .name { font-size: 1.75em; font-weight: bold; }
#Top-page #Member .member-list > li h3 .Country { font-size: 1rem; }
#Top-page #Member .member-list > li h3 .job { display: block; font-size: 1rem; padding-top: 0.25em; }
#Top-page #Member .member-list > li h4 { font-size: 1.25em; font-weight: bold; padding-bottom: 1.5em; }
#Top-page #Member .member-list > li h5 { font-weight: normal; }
#Top-page #Member .member-list > li .result li { width: 48%; padding-right: 2%; }
#Top-page #Member .member-list > li .photo { width: 29.2%; }
#Top-page #Member .member-list > li .copy { width: 67.5%; }
#Top-page #Member .youtube { background: #02152e; }
#Top-page #Member .youtube .inner { padding-top: 6.5%; padding-bottom: 6.5%; }
@media screen and (max-width: 680px) { #Top-page #Member .inner { padding-bottom: 0; }
  #Top-page #Member .top p { font-size: 1em; }
  #Top-page #Member .member-list > li h4 { font-size: 1em; }
  #Top-page #Member .youtube .inner { padding-top: 20%; padding-bottom: 20%; } }
@media screen and (max-width: 480px) { #Top-page #Member h3.catch { font-size: 1.65em; }
  #Top-page #Member .member-list > li h3 .name { font-size: 1.35em; }
  #Top-page #Member .member-list > li .photo { width: 100%; text-align: center; }
  #Top-page #Member .member-list > li .copy { width: 100%; }
  #Top-page #Member .member-list > li .result li { font-size: 0.875em; width: 100%; } }
@media screen and (max-width: 980px) { #Top-page section p { padding-bottom: 1em; } }
@media screen and (max-width: 680px) { #Top-page #contents > section#Member:nth-of-type(2n-1) { padding-bottom: 0; } }

#Top-page #About .photo-bottom li, #Top-page #Globe40 .photo, #Top-page #Globe40 .race-detail, #Top-page #Triplog .leg-list > li, #Top-page #Member .member-list > li { opacity: 0; position: relative; }
#Top-page #Globe40 .photo.active { animation-name: fadeIn; animation-duration: 1s; animation-fill-mode: forwards; transition: all 600ms 0s ease; }
#Top-page #Globe40 .race-detail.active { animation-name: fadeIn-down; animation-duration: 1s; animation-fill-mode: forwards; transition: all 600ms 0s ease; }
#Top-page #About .photo-bottom.active li, #Top-page #Triplog .leg-list.active > li, #Top-page #Member .member-list.active > li { animation-name: fadeIn-up-left; animation-duration: 1s; animation-fill-mode: forwards; transition: all 600ms 0s ease; }
#Top-page #About .photo-bottom.active li:nth-of-type(2), #Top-page #Triplog .leg-list.active > li:nth-of-type(2), #Top-page #Member .member-list.active > li:nth-of-type(2) { animation-delay: 0.3s; }
#Top-page #About .photo-bottom.active li:nth-of-type(3), #Top-page #Triplog .leg-list.active > li:nth-of-type(3), #Top-page #Member .member-list.active > li:nth-of-type(3) { animation-delay: 0.5s; }
#Top-page #About .photo-bottom.active li:nth-of-type(4), #Top-page #Triplog .leg-list.active > li:nth-of-type(4), #Top-page #Member .member-list.active > li:nth-of-type(4) { animation-delay: 0.7s; }
#Top-page #About .photo-bottom.active li:nth-of-type(5), #Top-page #Triplog .leg-list.active > li:nth-of-type(5), #Top-page #Member .member-list.active > li:nth-of-type(5) { animation-delay: 0.9s; }
#Top-page #About .photo-bottom.active li:nth-of-type(6), #Top-page #Triplog .leg-list.active > li:nth-of-type(6), #Top-page #Member .member-list.active > li:nth-of-type(6) { animation-delay: 1.1s; }
#Top-page #About .photo-bottom.active li:nth-of-type(7), #Top-page #Triplog .leg-list.active > li:nth-of-type(7), #Top-page #Member .member-list.active > li:nth-of-type(7) { animation-delay: 1.3s; }
#Top-page #About .photo-bottom.active li:nth-of-type(8), #Top-page #Triplog .leg-list.active > li:nth-of-type(8), #Top-page #Member .member-list.active > li:nth-of-type(8) { animation-delay: 1.5s; }
#Top-page #About .photo-bottom.active li:nth-of-type(9), #Top-page #Triplog .leg-list.active > li:nth-of-type(9), #Top-page #Member .member-list.active > li:nth-of-type(9) { animation-delay: 1.7s; }

.triplog { /* メインイメージ */ }
.triplog .breadcrumb { padding: 1em 0; border: none; margin: 0; }
.triplog .main-title-bg { background: url(/Portals/0/MILAI/imgs/triplog/main_bg2.jpg) no-repeat center top; max-width: 1920px; margin: auto; }
.triplog .main-title { background: url(/Portals/0/MILAI/imgs/triplog/main_bg.jpg) no-repeat center top; background-size: cover; position: relative; max-width: 1200px; margin: auto; }
.triplog .main-title h1 { width: 59.2%; max-width: 712px; padding: 2.5% 0 4.5% 0; position: relative; z-index: 3; font-size: 1em; }
.triplog .main-title h1 span.logo { display: block; padding-bottom: 10.5%; width: 72.19%; }
.triplog .main-title h1 img { animation: fadeIn 3s; }
@media screen and (max-width: 1200px) { .triplog .main-title { padding-left: 5%; }
  .triplog .main-title h1 { padding-left: 0; } }
@media screen and (max-width: 680px) { .triplog .main-title .main-title-bg { background: none; }
  .triplog .main-title .main-title { background-image: url(/Portals/0/MILAI/imgs/triplog/main_bg_mb.jpg); } }
.triplog #Top .inner, .triplog .articles .inner { max-width: 1136px; }
.triplog #Top .inner { display: flex; justify-content: space-between; padding-top: 110px; padding-bottom: 110px; }
.triplog #Top .data-clm { width: 47.3%; }
.triplog #Top .data-clm h2 { font-size: 1rem; font-weight: normal; margin-bottom: 1.75em; padding-bottom: 0; text-align: left; color: #000; }
.triplog #Top .data-clm h2 .leg { color: #ca001e; font-size: 4.5em; line-height: 1; font-family: Arial, Helvetica, sans-serif; }
.triplog #Top .data-clm h2 small { font-size: 2.5em; font-family: Arial, Helvetica, sans-serif; display: inline-block; padding: 0.25em 0 0; }
.triplog #Top .data-clm p { font-size: 1.25em; }
.triplog #Top .copy-clm { width: 50%; font-size: 1.125em; }
@media screen and (max-width: 1200px) { .triplog #Top .inner { padding-top: 9.6%; padding-bottom: 9.6%; } }
@media screen and (max-width: 980px) { .triplog #Top .data-clm h2 { font-size: 0.875rem; } }
@media screen and (max-width: 680px) { .triplog #Top .data-clm h2 { font-size: 0.65rem; }
  .triplog #Top .data-clm h2 .leg { font-size: 3.5em; }
  .triplog #Top .data-clm p { font-size: 1em; }
  .triplog #Top .copy-clm { font-size: 1em; } }
@media screen and (max-width: 480px) { .triplog #Top .inner { flex-wrap: wrap; }
  .triplog #Top .data-clm, .triplog #Top .copy-clm { width: 100%; }
  .triplog #Top .data-clm { padding-bottom: 1em; }
  .triplog #Top .data-clm h2 { margin-bottom: 0.75em; }
  .triplog #Top .data-clm h2 small { font-size: 2em; }
  .triplog #Top .data-clm p { font-size: 0.875em; } }
.triplog .articles { background: #eff2f4; }
.triplog .articles h3 { color: #000; font-size: 2.5em; font-weight: normal; letter-spacing: 0.02em; border-left: 8px solid #ca001e; padding: 0.25em 0 0.25em 0.5em; margin-bottom: 1.25em; display: flex; flex-wrap: wrap; }
.triplog .articles h3 .date { font-size: 0.7em; line-height: 1; padding: 0 0 0.25em; }
.triplog .articles h3 .title { width: 100%; }
.triplog .articles h3 br { line-height: 0.7; }
.triplog .articles .article { position: relative; margin-bottom: 5em; padding-bottom: 5em; }
.triplog .articles .article:after { content: ""; display: block; margin: auto; background: #b3b5b6; height: 0.75em; width: 0.75em; border-radius: 50%; position: absolute; bottom: 0; left: 0; right: 0; }
.triplog .articles .article:last-child { padding-bottom: 0; margin-bottom: 0; }
.triplog .articles .article:last-child:after { display: none; }
@media screen and (max-width: 680px) { .triplog .articles h3 { font-size: 1.5em; }
  .triplog .articles .article { margin-bottom: 3em; padding-bottom: 1.5em; } }
@media screen and (max-width: 480px) { .triplog .articles h3 { font-size: 1.25em; } }

/* 英文調整 */
#Top-page.en .main-title .btn { padding: 0 0 5.667%; }
#Top-page.en .main-title .btn a { width: 16%; }
#Top-page.en .main-title h1 span.logo { padding-bottom: 13.625%; }
#Top-page.en #Member .member-list > li h5 { font-weight: bold; }
#Top-page.en #Member .member-list > li .result li { width: 100%; }
#Top-page.en #About h2 { font-weight: bold; }
#Top-page.en #About h2 small { font-weight: normal; }
@media screen and (max-width: 980px) { #Top-page.en #About h2 { font-size: 2em; }
  #Top-page.en #About h2 small { font-size: 1.25rem; }
  #Top-page.en #About .copy-clm p { font-size: 1em; }
  #Top-page.en #Member h3.catch, #Top-page.en #Triplog h3 { font-size: 2.25em; } }
@media screen and (max-width: 680px) { #Top-page.en .main-title .btn { padding: 0 0 6.47%; }
  #Top-page.en .main-title .btn a { width: 22%; }
  #Top-page.en .main-title h1 { padding: 2.108% 0 6.02% 0; }
  #Top-page.en .main-title h1 span.logo { padding-bottom: 15%; }
  #Top-page.en #About h2 { font-size: 1.5em; }
  #Top-page.en #About h2 small { font-size: 1.125rem; }
  #Top-page.en #About .copy-clm p { font-size: 1em; }
  #Top-page.en #Member h3.catch, #Top-page.en #Triplog h3 { font-size: 1.5em; } }
@media screen and (max-width: 480px) { #Top-page.en .main-title h1 { padding-bottom: 4%; }
  #Top-page.en .main-title h1 span.logo { padding-bottom: 11%; }
  #Top-page.en .main-title .btn a { width: 22%; } }

.triplog.en .main-title h1 { padding: 2.5% 0 9.25% 0; }
.triplog.en .main-title h1 span.logo { padding-bottom: 16.5%; }


/*triplog用
--------------------*/
.triplog .main-title h1 {
    margin-bottom: 0;
}
.triplog p {
  margin: initial;
    padding-bottom: 1.5em;
}
.aligncenter {
    text-align: center;
}

/*.com common.css　抜粋*/
.list-two-clm > li:nth-of-type(2n), .list-two-clm > .clm:nth-of-type(2n), .list-three-clm > li:nth-of-type(3n), .list-three-clm > div:nth-of-type(3n), .list-three-clm .clm:nth-of-type(3n), .list-four-clm > li:nth-of-type(4n), .list-four-clm > div:nth-of-type(4n), .list-five-clm > li:nth-of-type(5n), .list-five-clm > div:nth-of-type(5n), .list-one-two-clm > div:nth-of-type(2n), .list-one-two-clm > li:nth-of-type(2n), .list-two-one-clm > div:nth-of-type(2n), .list-two-one-clm > li:nth-of-type(2n) {
    margin-right: 0;
}
.list-two-clm > li, .list-two-clm > .clm {
    box-sizing: border-box;
    margin: 0 5% 1.5em 0;
    width: 47.5%;
}
.list-two-clm, .list-three-clm, .list-four-clm, .list-five-clm, .list-one-two-clm, .list-two-one-clm {
    display: flex;
    flex-wrap: wrap;
}
.list-three-clm > li, .list-three-clm > div, .list-three-clm .clm, .list-one-two-clm > li, .list-one-two-clm > div, .list-one-two-clm .clm, .list-two-one-clm > li, .list-two-one-clm > div, .list-two-one-clm .clm {
    width: 30%;
    margin: 0 5% 3em 0;
}
.related_banner {
    display: flex;
    flex-wrap: wrap;
}
.related_banner > p {
    width: 20.4%;
    margin-right: 6.13%;
}
.related_banner img {
    display: block;
}
.related_banner > p:nth-of-type(4n) {
    margin-right: 0;
}
.related_banner a .copy {
    background: linear-gradient(#e8e8e8, #fff 24px);
    color: #161616;
    display: block;
    margin-top: 2px;
    padding: 24px 0 0 0;
}
.related_banner a .title {
    color: #004ea2;
    font-weight: normal;
    line-height: 1.3;
    padding: 0 0.25em 1.25em;
    display: flex
;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.related_banner img {
    display: block;
}
.youtube-clm {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.youtube-clm iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.breadcrumb {
    /*margin: 0 auto 1.69rem;
    padding: 1.25em 0;
    font-size: 0.75em;*/
    line-height: 1.5;
    color: #1a1a1a;
    background: #e9e9e9;
    /*border-top: 2px solid #004ea2;*/
}

.breadcrumb > ul {
    margin: 0 auto;
    padding: 0 0 0 18px;
    list-style: none;
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
}
.breadcrumb a {
    color: #333333;
    text-decoration: underline;
}
.breadcrumb > ul > li:after {
    content: '>';
    margin: 0 5px;
}
@media screen and (max-width: 960px) {
    .related_banner > p {
        width: 23%;
        margin-right: 2.66%;
    }
}
@media screen and (max-width: 640px) {
    .related_banner > p {
        width: 100%;
        margin: 0 0 1em;
    }
	.related_banner > p > a {
        display: flex;
        flex-wrap: wrap;
    }
	.related_banner a .thumbnail {
        width: 150px;
    }
	.related_banner a .copy {
        background: none;
        box-sizing: border-box;
        font-size: 0.875em;
        margin: 0;
        padding: 0 0 0 1em;
        text-align: left;
        width: calc(100% - 150px);
    }
    .related_banner a .title {
        display: block;
        justify-content: left;
        padding: 0 0 0.75em;
        font-weight: bold;
        text-align: left;
    }
}
@media screen and (max-width: 400px) {
    .list-two-clm > li, .list-two-clm > .clm, .list-three-clm > li, .list-three-clm > div, .list-three-clm .clm, .list-four-clm > li, .list-four-clm > div, .list-one-two-clm > div:nth-of-type(2n), .list-one-two-clm > li:nth-of-type(2n), .list-two-one-clm > div:nth-of-type(2n-1), .list-two-one-clm > li:nth-of-type(2n-1), .list-one-two-clm > div, .list-one-two-clm > li, .list-two-one-clm > div, .list-two-one-clm > li {
        width: 100%;
        margin-right: 0;
    }
}
@media screen and (max-width: 680px) {
    .list-three-clm {
        justify-content: space-between;
    }
}
/*contents.css　上書き用*/
ul>li:before {
	content: none;
}

/*style.css 上書き*/
body {
  font-size: inherit;
}
a {
    text-decoration: none;
}
#Tracking h2, #About h2, #Goal h2, #Cheer h2 {
    border-bottom: none;
}
section h3 {
	padding-bottom: 0;
    border-bottom: none;
}

#Top-page #Member .youtube .inner {
  max-width: 1200px;
    margin: auto;
}
#Top-page #Triplog .leg-list li {
    padding: 0;
}
.page-nv ul {
  width: calc(100% + 2em);
  margin-left: -1em;
}
@media screen and (max-width: 1200px) {
    .inner {
        max-width: inherit;
        padding-inline: inherit;
    }
}

/*skin_common.css　上書き用*/
.inner {
    width: 100%;
}

#header .inner {
    width: 1200px;
}

section > .inner {
    width: 1200px;
}
.mainArea {
  font-size: 16px;
}

.breadcrumb #dnn_dnnBREADCRUMB_lblBreadCrumb {
    margin: auto;
    width: 1200px;
    display: block;
}
.PagetitlePane h1 {
    width: 1200px;
    margin-inline: auto;
    line-height: 1.2;
}

#footer .inner {
    width: 1200px;
}
#Top-page,
.triplog {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .mainArea {
		font-size: 14px;
	}
  #Top-page,
  .triplog {
    font-size: 16px;
  }
    .ContentPane {
        padding: 2.15em 6% 5em;
        padding: 0;
    }
	#header .inner,
	section > .inner,
	.breadcrumb #dnn_dnnBREADCRUMB_lblBreadCrumb,
	.PagetitlePane h1,
	#footer .inner {
		width: inherit;
		padding-inline: 18px;
	}
  #header .inner,
  .breadcrumb .inner,
  .breadcrumb #dnn_dnnBREADCRUMB_lblBreadCrumb,
  .PagetitlePane h1,
	#footer .inner,
  #footer .footBottom .inner {
		padding-inline: 0;
  }
}

/*style.css上書き用*/
.page-nv .page-nv-inner {
    max-width: 1200px;
    padding-block: inherit;
}
.page-nv li a {
    word-break: auto-phrase;
    padding: 1.75em 1.2em;
}
#Top-page section p {
  padding-bottom: 1em;
}
#Top-page .main-title {
    max-width: 1155px;
}
#Top-page.en .main-title {
    max-width: 1170px;
}
#Top-page .news-list dd {
    margin-left: 0;
}
section h2 {
  border-bottom: none;
}
#Top-page #About .photo-bottom li {
  padding-left: 0;
}
#Top-page #Member .top p {
  margin: inherit;
}
#Top-page #Member .member-list > li h4 {
  margin: inherit;
  margin-bottom: 0;
  padding-left: inherit;
  border-left: none;
}
#Top-page .main-title .btn {
    margin: 0;
}
#Top-page #Member .member-list > li h5 {
    margin: inherit;
    padding: inherit;
}
.alignright {
    text-align: right;
}
@media screen and (max-width: 800px) {
    .page-nv .page-nv-inner {
        width: 100%;
    }
}
@media screen and (max-width: 1200px) {
    #Top-page #Member .youtube .inner {
        /*max-width: 90%;*/
        padding-left: 5%;
        padding-right: 5%;
    }
}
@media screen and (max-width: 480px) {
    #Milai-footer ul li li {
        padding-left: 0;
    }
}
/*font.css 上書き
------------------------*/
#Milai-footer ul a {
  position: relative;
  margin-left: 1em;
}
#Milai-footer ul a:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.5em;
  margin-top: 11px;
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
}
#Milai-footer ul .current a:before,
#Milai-footer ul a:hover:before {
  border-color: #ff536d;
}
@media screen and (max-width: 480px) {
  #Milai-footer ul a:before {
    margin-top: 8px;
  }
  #Milai-footer ul .top {
    padding-left: 0.75em;
  }

}