@charset "Shift_JIS";

.GridSet *{
box-sizing: border-box;
}
h1.laurusTitle{
position: relative;
padding-top: 30px;
}
h1.laurusTitle a{
position: relative;
z-index: 1;
color: #0C0C0C;
}
#TopicPath{
position: relative;
z-index: 1;
}
h1.laurusTitle::after {
content: "";
display: block;
width: 1444px;
height: 800px;
transform: skew(290deg);
background-color: #ffe600;
position: absolute;
top: -43px;
left: -900px;
transform-origin: top left;
z-index: 0;
}
.PageTitleStyle1:has(h1.laurusTitle) ~.Section{
position: relative;
z-index: 1;
}
.JS #Contents img{
max-width: 100%;
height: auto;
}
h2 span{
border-radius: 3px;
position: relative;
}

.LaurusInnerLink{
padding: 15px 20px;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 6px;
border: 1px solid #F4F4F4;
}

@media screen and (max-width: 767px) {
#Contents{
overflow: hidden;
}
.JS h2,
.JS .ResponsiveLinkListStyle{
margin: 0;
}
}

.ImgHeadingStyle{
border-radius: 6px;
overflow: hidden;
}

/** slogan **/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700&display=swap');
.slogan{
text-align: center;
font-size: 300%;
letter-spacing: 0.5em;
padding: 80px 0;
position: relative;
margin: 0 auto 60px;
font-family: "Noto Serif JP", serif, "     ", YuMincho, "Hiragino Mincho ProN W3", " q   M m     ProN W3", "Hiragino Mincho ProN";
}
.slogan::before,
.slogan::after{
display: block;
content: "";
max-width: 480px;
width: 100%;
height: 6px;
background-color: #ffe600;
position: absolute;
left: 50%;
transform: translateX(-50%) skewX(-30deg);
}
.slogan::before{
top: 0;
}
.slogan::after{
bottom: 0;
}

/** schedule and result **/
.Schedule .BoxPatternB,
.Result .BoxPatternB{
background-color: #FFFFFF;
box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.25);
}
.Schedule .BoxPatternB.Ekiden,
.Result .BoxPatternB.Ekiden{
border-left: 2px solid #004596;
}
.Schedule .BoxPatternB.TrackAndRoad,
.Result .BoxPatternB.TrackAndRoad{
border-left: 2px solid #BB000B;
}
.Schedule .BoxPatternB .Inner,
.Result .BoxPatternB .Inner{
padding: 15px 20px;
}
.Schedule .BoxPatternB h2,
.Result .BoxPatternB h2{
padding-left: 20px;
margin-bottom: 0;
font-size: 120%;
color: #222222;
}
.Schedule .BoxPatternB p,
.Result .BoxPatternB p{
padding-left: 0;
}
.Schedule .BoxPatternB .DataTableStyle1,
.Result .BoxPatternB .DataTableStyle1{
width: 100%;
}
p.TextStyle1.Event-Date{
margin-bottom: 0;
}
.article-info{
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 15px;
}
.TrackAndRoad .article-date,
.Ekiden .article-date{
font-size: 100%;
line-height: 1em;
font-weight: 600;
padding-left: 20px;
color: #222222;
}
.TrackAndRoad .article-info::after{
display: block;
align-items: center;
content: " g   b N E   [ h";
font-size: 60%;
line-height: 1em;
color: #FFFFFF;
background-color: #BB000B;
border-radius: 3px;
padding: 4px 6px;
margin-left: 15px;
}
.Ekiden .article-info::after{
display: block;
align-items: center;
content: " w `";
font-size: 60%;
line-height: 1em;
color: #FFFFFF;
background-color: #004596;
border-radius: 3px;
padding: 4px 6px;
margin-left: 15px;
}

/*Team*/
.LaurusLogo{
width: 360px;
margin-bottom: 20px;
}
.readingGuides{
font-family: "Noto Serif JP", serif, "     ", YuMincho, "Hiragino Mincho ProN W3", " q   M m     ProN W3", "Hiragino Mincho ProN";
font-size: 120%;
letter-spacing: 0.2em;
margin-bottom: 40px;
}
.originTitle{
font-size: 110%;
letter-spacing: 0.5em;
position: relative;
width: fit-content;
margin-left: auto;
margin-right: auto;
font-feature-settings: "palt";
padding-left: 0.5em;
}
.originTitle::before,
.originTitle::after{
display: block;
content: "";
height: 1px;
width: 4em;
background-color: #737373;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.originTitle::before{
left: -5em;
}
.originTitle::after{
right: -5em;
}

.originText{
font-size: 110%;
color: #222222;
margin-bottom: 50px;
}
.team-flexSet{
margin-bottom: 50px;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.team-flexSet .boxHalf {
width: calc((100% - 20px) / 2);
}
.team-flexSet .contentBox {
position: relative;
z-index: 1;
background: #fff;
border: solid 1px #eee;
border-radius: 6px;
box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.25);
overflow: hidden;
min-height: 150px;
}
.team-flexSet h2{
position: absolute;
top: 0;
bottom: 0;
left: -80px;
background-image: none;
margin-bottom: 0;
padding-bottom: 0;
background-color: hsla(54, 100%, 50%, 0.9);
width: auto;
transform: skewX(-30deg);
height: 100%;
padding-left: 50px;
}
.team-flexSet h2 span{
background-color: transparent;
margin-bottom: 0;
transform: skewX(30deg);
font-feature-settings: "palt";
letter-spacing: 0.1em;
}
.team-flexSet h2+div{
position: absolute;
bottom: 10px;
top: auto;
right: 15px;
}
.team-flexSet .LinkListStyle1{
margin-bottom: 0;
padding: 8px 20px 10px;
background-color: rgba(255, 255, 255, 0.85);
border-radius: 9px;
border: 1px solid #F4F4F4;
}
.team-flexSet .LinkListStyle1 a:link,
.team-flexSet .LinkListStyle1 a:visited{
color: #222222;
}
.team-flexSet .contentBox:nth-child(1){
background-image: url(../../../team/images/bg_team.png);
background-size: cover;
}
.team-flexSet .contentBox:nth-child(2){
background-image: url(../../../team/images/bg_member.png);
background-size: cover;
}
.team-flexSet .contentBox:nth-child(3){
background-image: url(../../../team/images/bg_schedule.png);
background-size: cover;
}
.team-flexSet .contentBox:nth-child(4){
background-image: url(../../../team/images/bg_result.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.team-flexSet .contentBox:nth-child(5){
background-image: url(../../../team/images/bg_laurusch.png);
background-size: cover;
}

@media screen and (max-width: 767px) {
.team-flexSet{
gap: 10px;
}
.team-flexSet .boxHalf {
width: 100%;
}
.team-flexSet .LinkListStyle1{
border: none;
padding: 10px 15px;
}
}