@charset "UTF-8";


@media screen and (min-width: 768px),print {

#contentsmain {margin: -11.1rem auto 10.9rem;position: relative;background: url(../images/lineup/contentsmain-back01.svg)no-repeat top center;background-size: 45rem auto;padding: 14.3rem 5vw 0;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;max-width: 110rem;}
#contentsmain .inner-Box p {margin-bottom: 7.2rem;position: relative;font-size: 1.6rem;line-height: 2.5;letter-spacing: 0.2em;font-weight: normal;text-align: center;color: #111111;}
#contentsmain .inner-Box ul{display:flex;flex-wrap:wrap;gap:2.3636%;}
#contentsmain .inner-Box ul li{position:relative;width:48.8182%;}
#contentsmain .inner-Box ul li a {border: 1px solid var(--mred);color: var(--mred);border-radius: 10px;display: block;background: #fff;text-align: center;padding: 3rem 0 1.8rem;transition: all 0.3s ease-in-out;}
#contentsmain .inner-Box span.img {display: block;line-height: 1;margin-bottom: 1.4rem;transition: all 0.3s ease-in-out;}
#contentsmain .inner-Box span.img img {  }
#contentsmain .inner-Box p.ltext {margin-bottom: 1.5rem;position: relative;color: var(--mred);font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: center;transition: all 0.3s ease-in-out;}
#contentsmain .inner-Box span.arr { display: block; line-height: 1; transition: all 0.3s ease-in-out;}
#contentsmain .inner-Box span.arr img {  }
#contentsmain .inner-Box ul li a:hover {background: var(--mred);}
#contentsmain .inner-Box ul li a:hover p.ltext {color: #fff;}
#contentsmain .inner-Box ul li a:hover span.arr { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#contentsmain .inner-Box ul li a:hover span.img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


#contents01 {margin: 0 auto 7.1rem;position: relative;padding: 0 5vw;}
#contents01 .ttl-Box{width: 110rem;margin: 0 auto 4rem;position: relative;}
#contents01 .ttl-Box .dicon{width: 5.3rem;position: absolute;left: 50%;top: -3rem;margin-left: -9.2rem;}
#contents01 .ttl-Box .f-en{color: var(--mred);font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: center;padding-left: 2.1rem;margin-bottom: -0.3rem;}
#contents01 .ttl-Box .f-en span{ color: var(--mbl); }
#contents01 .ttl-Box h2{font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;padding-left: 2.1rem;}

#contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 110rem;}
#contents01 .inner-Box ul.list{display:flex;flex-wrap:wrap;gap:6.5455%;}
#contents01 .inner-Box ul.list li{width:46.7273%;margin-bottom: 5.5rem;}
#contents01 .inner-Box ul li figure {margin-bottom: 1.7rem;}
#contents01 .inner-Box ul li figure img{ width: 100%; height: auto; }
#contents01 .inner-Box ul li a {  }
#contents01 .inner-Box ul li a:hover {  }
#contents01 .inner-Box h3 {margin-bottom: 1.2rem;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #111111;}
#contents01 .inner-Box p.ltext {margin-bottom: 1.3rem;position: relative;font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: normal;text-align: left;color: #111111;}
#contents01 .inner-Box p.blank {margin-bottom: 0px;position: relative;text-align: right;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;color: #111111;padding: 0 2.1rem 0 0;}
#contents01 .inner-Box p.blank::before{content: "";display: block;background: url(../images/common/blank.svg)no-repeat;width: 1.5rem;height: 1.5rem;position: absolute;top: 0;right: 0;background-size: 100% auto;}

#contents02 {margin: 0 auto 4.1rem;position: relative;padding: 0 5vw;}
#contents02 .ttl-Box{width: 110rem;margin: 0 auto 3.2rem;position: relative;}
#contents02 .ttl-Box .dicon{width: 5.3rem;position: absolute;left: 50%;top: -3rem;margin-left: -10.5rem;}
#contents02 .ttl-Box .f-en{color: var(--mred);font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: center;margin-bottom: -0.3rem;padding-right: 4.7rem;}
#contents02 .ttl-Box .f-en span{ color: var(--mbl); }
#contents02 .ttl-Box h2{font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;padding-left: 2.1rem;margin-bottom: 3.2rem;}
#contents02 .ttl-Box .subttl{font-size: 1.6rem;line-height: 2.5;letter-spacing: 0.2em;font-weight: normal;text-align: center;color: #111111;}

#contents02 .inner-Box {margin: 0 auto;position: relative;max-width: 110rem;}
#contents02 .inner-Box ul.list{display:flex;flex-wrap:wrap;gap:6.5455%;}
#contents02 .inner-Box ul.list li{width:46.7273%;margin-bottom: 5.5rem;}
#contents02 .inner-Box ul li figure {margin-bottom: 1.7rem;}
#contents02 .inner-Box ul li figure img{ width: 100%; height: auto; }
#contents02 .inner-Box ul li a {  }
#contents02 .inner-Box ul li a:hover {  }
#contents02 .inner-Box h3 {margin-bottom: 1.2rem;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #111111;}
#contents02 .inner-Box p.ltext {margin-bottom: 1.3rem;position: relative;font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: normal;text-align: left;color: #111111;}
#contents02 .inner-Box p.blank {margin-bottom: 0px;position: relative;text-align: right;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;color: #111111;padding: 0 2.1rem 0 0;}
#contents02 .inner-Box p.blank::before{content: "";display: block;background: url(../images/common/blank.svg)no-repeat;width: 1.5rem;height: 1.5rem;position: absolute;top: 0;right: 0;background-size: 100% auto;}


}
@media screen and (min-width:768px) and ( max-width:1023px) {
	

	
}

@media screen and (max-width: 767px) {

#contentsmain{margin: -11.5vw auto 17.067vw;position:relative;background:url(../images/lineup/contentsmain-back01.svg) no-repeat top center;background-size: 88vw auto;padding: 11.233vw 5.3vw 0;}
#contentsmain .inner-Box{margin:0 auto;position:relative;max-width:110rem;}
#contentsmain .inner-Box p{margin-bottom: 10.5vw;position:relative;font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: normal;text-align: center;color: #111111;}
#contentsmain .inner-Box ul{display:flex;flex-wrap:wrap;gap: 2.9636%;}
#contentsmain .inner-Box ul li{position:relative;width: 48.5182%;}
#contentsmain .inner-Box ul li a{border:1px solid var(--mred);color:var(--mred);border-radius:2.667vw;display:block;background:#fff;text-align:center;padding: 5vw 0 4.3vw;transition:all .3s ease-in-out;}
#contentsmain .inner-Box span.img{display:block;line-height:1;margin: 0 15.6vw 2.733vw;transition:all .3s ease-in-out;}
#contentsmain .inner-Box span.img img{}
#contentsmain .inner-Box p.ltext{margin-bottom: 1.2vw;position:relative;color:var(--mred);transition:all .3s ease-in-out;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: center;}
#contentsmain .inner-Box span.arr{display:block;line-height:1;transition:all .3s ease-in-out;margin: 0 19.2vw;}
#contentsmain .inner-Box span.arr img{}
#contentsmain .inner-Box ul li a:hover{background:var(--mred);}
#contentsmain .inner-Box ul li a:hover p.ltext{color:#fff;}
#contentsmain .inner-Box ul li a:hover span.arr{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}
#contentsmain .inner-Box ul li a:hover span.img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}

#contents01{margin: 0 auto 17.533vw;position:relative;padding:0 5vw;}
#contents01 .ttl-Box{margin: 0 auto 6.467vw;position:relative;}
#contents01 .ttl-Box .dicon{width: 11.633vw;position:absolute;left:50%;top:-8vw;margin-left: -20.833vw;}
#contents01 .ttl-Box .f-en{color:var(--mred);font-size: 3.233vw;line-height:1.714;letter-spacing: 0.19em;font-weight:600;text-align:center;padding-left: 5.3vw;margin-bottom:-0.8vw;}
#contents01 .ttl-Box .f-en span{color:var(--mbl);}
#contents01 .ttl-Box h2{padding-left: 5.6vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: center;color: #111111;}
#contents01 .inner-Box{margin:0 auto;position:relative;max-width:110rem;}
#contents01 .inner-Box ul.list{}
#contents01 .inner-Box ul.list li{width: 100%;margin-bottom: 10.767vw;}
#contents01 .inner-Box ul li figure{margin-bottom: 2.733vw;}
#contents01 .inner-Box ul li figure img{width:100%;height:auto;}
#contents01 .inner-Box ul li a{}
#contents01 .inner-Box ul li a:hover{}
#contents01 .inner-Box h3{margin-bottom: 2.9vw;position:relative;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #111111;}
#contents01 .inner-Box p.ltext{margin-bottom: 2.467vw;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: normal;text-align: left;color: #111111;}
#contents01 .inner-Box p.blank{margin-bottom:0;position:relative;text-align:right;font-size:3.2vw;line-height:1.5;letter-spacing:.1em;font-weight:500;color:#111;padding:0 5.6vw 0 0;}
#contents01 .inner-Box p.blank::before{content:"";display:block;background:url(../images/common/blank.svg) no-repeat;width:4vw;height:4vw;position:absolute;top:0;right:0;background-size:100% auto;}

#contents02 .ttl-Box .subttl{font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: normal;text-align: center;color: #111111;}

#contents02{margin:0 auto 18.933vw;position:relative;padding:0 5vw;}
#contents02 .ttl-Box{margin: 0 auto 4.767vw;position:relative;}
#contents02 .ttl-Box .dicon{width: 11.633vw;position:absolute;left:50%;top: -6.5vw;margin-left: -23.833vw;}
#contents02 .ttl-Box .f-en{color:var(--mred);font-size: 3.233vw;line-height:1.714;letter-spacing: 0.19em;font-weight:600;text-align:center;padding-right: 11.3vw;margin-bottom:-0.8vw;}
#contents02 .ttl-Box .f-en span{color:var(--mbl);}
#contents02 .ttl-Box h2{padding-left: 5.6vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: center;color: #111111;margin-bottom: 5.6vw;}
#contents02 .inner-Box{margin:0 auto;position:relative;max-width:110rem;}
#contents02 .inner-Box ul.list{}
#contents02 .inner-Box ul.list li{width: 100%;margin-bottom: 10.767vw;}
#contents02 .inner-Box ul li figure{margin-bottom: 2.733vw;}
#contents02 .inner-Box ul li figure img{width:100%;height:auto;}
#contents02 .inner-Box ul li a{}
#contents02 .inner-Box ul li a:hover{}
#contents02 .inner-Box h3{margin-bottom: 2.9vw;position:relative;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #111111;}
#contents02 .inner-Box p.ltext{margin-bottom: 2.467vw;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: normal;text-align: left;color: #111111;}
#contents02 .inner-Box p.blank{margin-bottom:0;position:relative;text-align:right;font-size:3.2vw;line-height:1.5;letter-spacing:.1em;font-weight:500;color:#111;padding:0 5.6vw 0 0;}
#contents02 .inner-Box p.blank::before{content:"";display:block;background:url(../images/common/blank.svg) no-repeat;width:4vw;height:4vw;position:absolute;top:0;right:0;background-size:100% auto;}


    

}