@charset "utf-8";:root{--default-font:'Noto Sans JP',sans-serif;--google-icon:'Material Symbols Outlined';--bootstrap:'bootstrap-icons';--main-color:#004099;--key-color:#0081cc;--link-color:#127eb5;--base-color:#111;--base-light-color:#666;--normal:400;--bold:600}.test-index{width:100%;height:100vh;position:relative}.test-index>ul{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.test-index>ul>li{white-space:nowrap;margin:.5em auto}#movie-container{width:100%;height:100vh;//height:auto;//aspect-ratio:16/9;overflow:hidden;position:fixed;top:0;left:0}#movie-container:after{content:"";width:100%;height:100%;background:rgba(0,0,0,.4);position:absolute;top:0;left:0}#movie-container>video{width:100%;height:100%;object-fit:cover}#index-container{width:100%}.index-first{width:100%;height:100vh;position:relative}.index-first>#title{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}.index-first>#title>#logo{width:540px;margin:0 auto 1em}.index-first>#title>h1{font-size:1.4em;line-height:1.6;color:#fff}.index-first>#title>#concept{font-size:1.6em;line-height:1.6;font-weight:var(--bold);color:#fff;text-align:center;white-space:nowrap;border-top:1px solid #fff;margin-top:2.5rem;padding-top:2.5rem}.index-contents{box-sizing:border-box;width:80%;padding:3em 4em 4.5em;margin:0 auto 10em;background:rgba(255,255,255,.95);text-align:center;position:relative}.index-contents>h2{display:inline-block;font-size:2.25em;line-height:1.2;margin-bottom:1.5em;position:relative;z-index:1}.index-contents>h2>span{text-transform:uppercase;color:var(--main-color)}.index-contents>h2:after{content:"";width:100%;height:2px;background:var(--main-color);position:absolute;bottom:-.25em;left:0}.index-contents>h3{font-size:1.15em;line-height:1.8;margin-bottom:2.5em;position:relative;z-index:1}.index-contents>p{margin-bottom:2.5em}.index-contents>ul.purpose-list{display:flex;justify-content:center;flex-wrap:wrap}.index-contents>ul.purpose-list>li{box-sizing:border-box;width:33%;text-align:center;margin-bottom:3em}.index-contents>ul.purpose-list>li:nth-child(4),.index-contents>ul.purpose-list>li:last-child{margin-bottom:0}.index-contents>ul.purpose-list>li>figure{width:36%;margin:0 auto .5em}.index-contents>ul.purpose-list>li>h3{font-size:1.05em;line-height:1.8}.index-contents>ul.solution-list{display:flex;flex-wrap:wrap;border-bottom:1px dashed #999}.index-contents>ul.solution-list>li{box-sizing:border-box;width:25%;margin:.75em 0;padding-left:1.4em;text-align:left;position:relative}.index-contents>ul.solution-list>li:before{font-family:var(--bootstrap);content:"\F271";color:var(--key-color);position:absolute;top:.1em;left:0}.index-contents>ul.solution-list+p{text-align:right;margin-top:.5em;margin-bottom:0}#vision.index-contents{position:relative}#vision.index-contents:before{content:"";width:480px;height:auto;aspect-ratio:242/114;background-image:url(//www.jmpa-marathon.or.jp/wp/wp-content/themes/jmpa/css/pc/../../img/logo_mark.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;bottom:0;right:0;transform:translate(-3%,-10%);opacity:.04}.index-contents>.vision-text{font-size:2.6vw;line-height:1.8;font-weight:var(--bold)}.index-contents ul.value-list{display:flex;justify-content:center;flex-wrap:wrap}.index-contents ul.value-list>li{width:30%;margin:.75em 1.5%;background:var(--main-color);border-radius:.5em;box-shadow:2px 2px 6px #999;font-size:1.2em;line-height:1.6;font-weight:var(--bold);color:#fff;padding:1.5em 0}#about.index-contents{padding:3em 6em 4.5em}.index-contents .about-box{display:flex;justify-content:space-between;text-align:left}.index-contents .about-box:has(.profile){gap:0 4rem}.index-contents .about-box:not(:first-of-type){margin-top:3em}.about-box>h3{width:15em;font-size:1em;line-height:1.6}.about-box>.profile{width:18em}.about-box>.profile>h3{font-size:1em;line-height:1.6}.about-box>.profile>figure{width:100%;height:auto;aspect-ratio:3/4;overflow:hidden;margin-top:1rem}.about-box>.profile>figure>img{width:100%;height:100%;object-fit:cover;object-position:center top}.about-box>.profile>figcaption{margin-top:.3em;font-size:.85rem;line-height:1.6;text-align:center}.about-box>.text-box{flex:1}.about-box table{width:100%;border-collapse:collapse;font-size:.95em;line-height:1.8}.about-box table>tbody>tr>th{font-weight:var(--normal);vertical-align:top;white-space:nowrap}.about-box table.about-table>tbody>tr:not(:last-of-type){border-bottom:1px solid #ccc}.about-box table.about-table>tbody>tr>th{padding:1em 0;padding-right:3em}.about-box table.about-table>tbody>tr>td{padding:1em 0}.about-box table.about-table>tbody>tr:first-of-type>th,.about-box table.about-table>tbody>tr:first-of-type>td{padding-top:0}.about-box table.about-table>tbody>tr>td>span.eng{font-size:.95em;margin-left:1em}.about-box table.about-table>tbody>tr>td>p:not(:first-of-type){margin-top:1em}.address{display:flex}.address:not(:last-of-type){margin-bottom:1.5rem}.address>p{flex:1}.address>p>.zip{display:block}.address>.gmap-box{width:340px;height:auto;aspect-ratio:3/2;overflow:hidden}.address>.gmap-box>iframe{width:100%;height:100%}.about-box table.profile-table>tbody>tr>th{padding:0 1.5em .5em 0}.about-box table.profile-table>tbody>tr>td{padding:0 0 .5em}.about-box table.profile-table>tbody>tr>td>.director{margin-top:.5em}.about-box table.profile-table>tbody>tr>td>.director>span{display:inline-block;font-weight:var(--bold);margin-bottom:.25em;position:relative}.about-box table.profile-table>tbody>tr>td>.director>span:after{content:"";width:100%;height:1px;background:var(--base-color);position:absolute;bottom:0;left:0}.about-box table.profile-table>tbody>tr>td>ul{font-size:.95em;line-height:1.8}table.contact-table{width:75%;border-collapse:collapse;margin:0 auto}table.contact-table tr{//border-top:1px solid #ccc}table.contact-table tr th{width:10em;padding:.15em 2em 2em 0;font-weight:var(--normal);white-space:nowrap;text-align:left;vertical-align:top;position:relative}table.contact-table tr th.hissu{color:var(--base-color) !important}table.contact-table tr th.hissu:after{display:inline-block;content:"必須";font-size:.7em;line-height:1.6;color:#fff;background:#d00;border-radius:1px;padding:0 1em .1em;position:absolute;top:.75em;right:1.5em}table.contact-table tr td{padding:0 0 2em;text-align:left}table.contact-table tr td>.caution{font-size:.8em;line-height:1.8;color:var(--base-light-color)}table.contact-table tr td h3{font-size:.95em;line-height:1.8;font-weight:var(--bold);color:var(--base-light-color);margin-bottom:.5em}table.contact-table tr td .label{font-size:.9em;line-height:1.8;margin-bottom:.5em}table.contact-table td input.p-postal-code{display:inline-block;width:30%}table.contact-table tr td strong{font-weight:500}table.contact-table tr td .wpcf7-list-item{box-sizing:border-box;width:33%;margin:0}table.contact-table tr td .wpcf7-not-valid-tip{font-size:.9em;line-height:1.8}table.contact-table tr td .button-list{display:flex;justify-content:center;margin:30px 0}table.contact-table tr td .button-list input[type=submit],table.contact-table tr td .button-list input[type=button],table.contact-table tr td .button-list input[type=reset]{margin:0 10px}table.contact-table tr td .button-list input[type=reset]{width:180px}table.contact-table td #privacy-box{height:15em;padding:1em 1.5em;border:1px solid #ccc;background:#fcfcfc;overflow:auto}table.contact-table td #privacy-box p{margin:0 0 1em;font-size:.8em;line-height:1.8}table.contact-table td #privacy-box ol li{list-style:decimal outside;font-size:.8em;line-height:1.8;margin:0 0 .5em 1.2em}table.contact-table tr td.bikou{text-align:center;padding-bottom:0}table.contact-table tr td.bikou>p{font-size:.95em;line-height:1.8}table.contact-table tr td .acceptance{margin:.5em auto 1.5em;font-weight:var(--normal);white-space:nowrap}.index-contents.contact-complete{margin-top:3em}footer{position:relative;z-index:1;box-sizing:border-box;width:100%;padding:4em 10% 2em;margin-top:3em;background:rgba(0,64,153,.05);background:rgba(255,255,255,.8);display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}footer>figure{width:240px;margin-right:4em}footer>.text-box{text-align:left;margin-bottom:3em}footer>.text-box>h1{font-size:.95em;line-height:1.8;font-weight:var(--bold)}footer>.text-box>p{font-size:.85em;line-height:1.8}footer>.text-box>p a{color:var(--base-color)}footer>.text-box>p a:hover{text-decoration:underline}footer>#copyright{width:100%;font-size:.7em;line-height:1.8;text-align:center}