#course #courses ul li{display:flex;margin-bottom:6rem;padding-bottom:6rem;justify-content:space-between;border-bottom:1px solid #d5d5d5}#course #courses ul li:nth-of-type(even){flex-direction:row-reverse}#course #courses ul li:last-of-type{margin-bottom:0;border:none}#course #courses ul li:nth-child(1) .contents:before{content:"01";color:#e5eefc}#course #courses ul li:nth-child(2) .contents:before{content:"02";color:#d6f5f4}#course #courses ul li:nth-child(3) .contents:before{content:"03";color:#f7f7de}#course #courses ul li:nth-child(4) .contents:before{content:"04";color:#e0f3d8}#course #courses ul li:nth-child(5) .contents:before{content:"05";color:#ffdaeb}#course #courses ul li:nth-child(6) .contents:before{content:"06";color:#ffeeda}#course #courses ul li .img{width:24%;z-index:1}#course #courses ul li .img img{z-index:0}#course #courses ul li .img::after{content:"© Google";font-family:"Noto Sans JP","メイリオ","Meiryo","Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;color:#fff;font-size:1.2rem;display:block;position:absolute;bottom:.5rem;left:.5rem;z-index:1}#course #courses ul li .elevation{width:50%;z-index:1}#course #courses ul li .contents{width:72%}#course #courses ul li .contents:before{font-size:30rem;font-weight:900;font-style:italic;font-family:"Noto Sans JP","メイリオ","Meiryo","Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;position:absolute;top:-5rem;right:0;z-index:0}#course #courses ul li .contents h3{font-size:4.8rem;font-weight:900;margin-bottom:2rem;color:#1a5f81;font-style:italic;z-index:1}#course #courses ul li .contents p{font-weight:700;font-size:2rem;z-index:1;margin-bottom:1rem}#course #courses ul li .contents a{display:block;position:absolute;bottom:0;right:0;z-index:1;background:#1a5f81;color:#fff;font-weight:700;font-size:1.8rem;padding:1rem 6rem 1.25rem 4rem;border-radius:.6rem}#course #courses ul li .contents a:after{content:"";position:absolute;top:50%;right:2rem;transform:translateY(-50%);font-weight:200}#course #courses ul li .contents a:hover{background:#34a5c0}#course #video .video-contents{width:100%;max-width:1080px;height:607.5px}#course #video .video-contents iframe{display:block;width:100%;height:100%}#course #transit-time dl dt{font-size:2.4rem;margin-bottom:2rem}#course #transit-time dl dd{margin-bottom:2rem;padding-left:2rem}#course #transit-time dl dd:nth-of-type(1) ul li:last-of-type:before{content:"第1中継所"}#course #transit-time dl dd:nth-of-type(2) ul li:last-of-type:before{content:"第2中継所"}#course #transit-time dl dd:nth-of-type(3) ul li:last-of-type:before{content:"第3中継所"}#course #transit-time dl dd:nth-of-type(4) ul li:last-of-type:before{content:"第4中継所"}#course #transit-time dl dd:nth-of-type(5) ul li:last-of-type:before{content:"FINISH";background:#34a5c0;color:#ff0}#course #transit-time dl dd ul{display:flex}#course #transit-time dl dd ul li{text-align:center;margin-right:5rem}#course #transit-time dl dd ul li:after{content:"";position:absolute;top:50%;right:-3rem;transform:translateY(-50%);font-weight:900;color:#34a5c0;font-size:2rem}#course #transit-time dl dd ul li:last-of-type:after{display:none}#course #transit-time dl dd ul li:last-of-type:before{display:block;position:absolute;background:#d34730;top:-3rem;left:50%;font-size:1.4rem;font-weight:700;transform:translateX(-50%);width:auto;white-space:nowrap;padding:.5rem 1.5rem;border-radius:2rem;color:#fff;font-family:"Noto Sans JP","メイリオ","Meiryo","Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif}#course #transit-time dl dd ul li p{line-height:1.25}#course #transit-time dl dd ul li:first-of-type .point:before{content:"";font-weight:700;margin-right:.5em;top:-1px}#course #transit-time dl dd ul li:first-of-type .time:before{content:"";font-weight:400;margin-right:.5em;top:-1px}#course #transit-time dl dd ul li .time{color:#d34730}@media screen and (max-width: 1080px){#course #courses ul li{margin-bottom:4rem;padding-bottom:4rem}#course #courses ul li:nth-of-type(even){flex-direction:row-reverse}#course #courses ul li .img{width:26%;z-index:1}#course #courses ul li .elevation{width:50%}#course #courses ul li .contents{width:70%}#course #courses ul li .contents:before{font-size:22rem;top:-5rem}#course #courses ul li .contents h3{font-size:4rem;margin-bottom:1.5rem}#course #courses ul li .contents p{font-size:1.8rem}#course #courses ul li .contents a{font-size:1.6rem;padding:1.5rem 4rem 1.75rem 3rem}#course #courses ul li .contents a:after{right:1.5rem}#course #video .video-contents{height:50.625vw}#course #video .video-contents iframe{display:block;width:100%;height:100%}}@media screen and (max-width: 520px){#course #courses ul li{flex-direction:column;margin-bottom:4rem;padding-bottom:4rem}#course #courses ul li:nth-of-type(even){flex-direction:column}#course #courses ul li:last-of-type{margin-bottom:0;border:none}#course #courses ul li .img{width:50%;margin:0 auto 2rem;z-index:1}#course #courses ul li .elevation{width:100%;margin-bottom:2rem}#course #courses ul li .contents{width:100%}#course #courses ul li .contents:before{font-size:20rem;top:-7.5rem;right:0}#course #courses ul li .contents h3{font-size:3rem;margin-bottom:1rem;text-align:center}#course #courses ul li .contents p{font-weight:700;font-size:1.8rem;z-index:1;margin-bottom:2rem}#course #courses ul li .contents a{width:80%;margin:0 auto;position:relative;bottom:auto;right:auto;z-index:1;text-align:center;font-size:1.8rem;padding:1.25rem 0 1.5rem}#course #courses ul li .contents a:after{right:1.5rem}#course #transit-time dl dt{font-size:1.8rem;margin-bottom:1.5rem}#course #transit-time dl dd{margin-bottom:1.5rem;padding-left:1.5rem}}/*# sourceMappingURL=page-style.css.map */