@charset "UTF-8";


/* contents
------------------------------------------------- */
#contents {
    padding: 0;
}
.spe-ttl {
    text-align: center;
    color: #fff;
    letter-spacing: 0.08em;
    margin-bottom: 1.95em;
}
.spe-ttl span {
    background-color: #0181C0;
    padding: 0.2em 0.1em 0;
}
@media only screen and (max-width:750px){
.spe-ttl {
    font-size: 5.866vw;
    margin-bottom: 1.5em;
}
.spe-ttl span {
    background-color: #0181C0;
    padding: 0.3em 0.2em 0.1em;
}
}


/* security.html
------------------------------------------------- */
/* common */
.security .sec-ttl {
    display: flex;
    align-items: center;
    margin-bottom: 0.6em;
    line-height: 1.4;
}
.security .sec-ttl span {
    display: block;
    width: 1.75em;
    line-height: 1.55;
    background-color: #0181C0;
    border-radius: 2em;
    color: #fff;
    text-align: center;
    margin-right: 0.7em;
    padding-top: 0.2em;
    box-sizing: border-box;
}
.security .sec-ttl.db span {
    margin-bottom: 1.5em;
}
.security .cont3 .sec-ttl span {
   /* background-color: #DE2764;元のピンク */
      background-color: #0181C0;
}
.security .ttl-list li {
    padding-left: 1.55em;
    margin-bottom: 1.875em;
    position: relative;
}
.security .ttl-list li::before {
    content: '';
    width: 0.375em;
    height: 90%;
    background-color: #0181C0;
    position: absolute;
    left: 0;
    top: 0;
}
.security .ttl-list li h5 {
    line-height: 1.4;
    padding-bottom: 0.2em;
}
.security .cont3 .ttl-list li::before {
   /* background-color: #DE2764;元のピンク */
　　　background-color: #0181C0;
}
.security .plist {
    display: flex;
}
.security .plist li {
    width: 13.75em;
    margin-left: 1.5em;
    line-height: 1.6;
}
.security .plist li:first-child {
    margin: 0;
}
.security .plist li .headline3 {
    margin: 0.8em 0 0.5em;
    padding: 0;
}
.security .plist li .btnst1 {
    margin-top: 1em;
}
.security .note li {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.38;
}
.security .note li::before {
    content: '※';
}
@media only screen and (max-width:750px){
.security .sec-ttl {
    font-size: 6.933vw;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.7em;
    line-height: 1.23;
}
.security .sec-ttl.spdb {
    margin-bottom: 0.3em;
}
.security .sec-ttl span {
    font-size: 5.33vw;
    width: 1.7em;
    line-height: 1.5;
    margin-right: 0.7em;
}
.security .sec-ttl.db span,
.security .sec-ttl.spdb span {
    margin-bottom: 1.5em;
}
.security .cont3 .sec-ttl span {
   /*background-color: #DE2764;元のピンク */
　　background-color: #0181C0;

}
.security .sec-ttl i {
    width: 84.5%;
}
.security .ttl-list li {
    padding-left: 9vw;
    margin-bottom: 1.5em;
}
.security .ttl-list li::before {
    width: 1.6vw;
}
.security .ttl-list li h5 {
    font-size: 5.866vw;
}
.security .plist {
    justify-content: space-between;
}
.security .plist li {
    font-size: 3.733vw;
    width: 45.8%;
    margin: 0;
    line-height: 1.4;
}
.security .plist li .headline3 {
    margin: 0.5em 0;
    line-height: 1.1;
}
.security .cont2 .plist li .headline3 {
    height: 2.2em;
}
.security .cont2 .plist li p.fo14 {
    height: 6.5em;
}
.security .plist li .btnst1 {
    margin-top: 0.8em;
}
.security .plist li .btnst1 a {
    font-size: 3.466vw;
    line-height: 3;
}
.security .note li {
    font-size: 3.466vw;
}
}

/* .mainvisual */
.security .mainvisual {
    height: 53.375em;
    background: url("../img/products/parking_system/security/main_bg.png") center bottom no-repeat;
    background-size: cover;
    margin-bottom: 6.25em;
}
.security .mainvisual h1 {
    color: #0181C0;
    line-height: 1.34;
    padding-top: 6.55em;
    letter-spacing: 0.1em;
}
.security .mainvisual h1 span {
    background-color: #fff;
    padding-top: 0.2em;
}
.security .mainvisual h1 span.sp {
    padding: 0.2em 0.2em 0;
}
.security .mainvisual .img {
    width: 60.875em;
    position: absolute;
    left: 50%;
    margin-left: -4.75em;
    top: 4em;
}
.security .mainvisual .img img {
    position: relative;
    z-index: 2;
}
.security .mainvisual .img img.shadow {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    mix-blend-mode: multiply;
}
@media only screen and (max-width:750px){
.security .mainvisual {
    height: 191vw;
    background: url("../img/products/parking_system/security/main_bg_sp.png") center bottom no-repeat;
    background-size: cover;
    margin-bottom: 10.5vw;
}
.security .mainvisual h1 {
    font-size: 8.533vw;
    padding-top: 33vw;
    letter-spacing: 0.08em;
    white-space: nowrap;
}
.security .mainvisual .img {
    width: 105.2vw;
    max-width: inherit;
    left: 0;
    margin-left: 0;
    top: 52.5vw;
}
}

/* .cont1 */
.security .cont1 {
    position: relative;
    z-index: 2;
}
.security .cont1 .sec {
    padding: 0 6em 6em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.security .cont1 .sec .con {
    width: 53.35%;
}
.security .cont1 .sec .img1 {
    width: 14em;
    margin-right: 3em;
}
@media only screen and (max-width:750px){
.security .cont1 .sec {
    padding: 0;
    display: block;
}
.security .cont1 .sec .con {
    width: 100%;
}
.security .cont1 .sec .img1 {
    width: 43.5vw;
    margin: 6vw 0 9.3vw 39.5vw;
}
.security .cont1 .img2 img {
    width: 100vw;
    max-width: inherit;
    margin-left: -8.5vw;
}
}

/* .cont2 */
.security .cont2 {
    background-color: #EAF7FD;
    padding-top: 13.5em;
    margin-top: -5.125em;
}
.security .cont2 .sec1 {
    padding: 0 6em 2em;
}
.security .cont2 .titbox1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 4.2em;
}
.security .cont2 .titbox1 p {
    width: 48.4%;
}
.security .cont2 .titbox2 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2.8em;
}
.security .cont2 .titbox2 dl {
    display: flex;
    align-items: center;
}
.security .cont2 .titbox2 dl dt {
    width: 5em;
    line-height: 1.8;
    padding-top: 0.2em;
    margin-right: 1em;
    background-color: #0181C0;
    color: #fff;
    text-align: center;
}
.security .cont2 .titbox2 dl dd {
    line-height: 1.2;
}
.security .cont2 .titbox2 dl dd i {
    padding-left: 0.5em;
}
.security .cont2 .titbox2 dl dd span {
    display: block;
}
.security .cont2 .titbox2 .note {
    width: 43%;
}
.security .cont2 .conbox1 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 3.2em;
}
.security .cont2 .conbox1 .img {
    width: 47.1%;
}
.security .cont2 .conbox1 .con {
    width: 48.2%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.security .cont2 .conbox2 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 4.6em;
}
.security .cont2 .conbox2 .con1 {
    width: 44.2%;
    background-color: #fff;
    padding: 1.875em 1em;
    box-sizing: border-box;
}
.security .cont2 .conbox2 .con1 h5 {
    text-align: center;
    color: #0181C0;
    line-height: 1.45;
    padding-bottom: 1.5em;
}
.security .cont2 .conbox2 .con1 ul {
    display: flex;
}
.security .cont2 .conbox2 .con1 ul li {
    width: 50%;
    border-right: 1px solid #D0D0D0;
    padding: 0 2.3em;
    box-sizing: border-box;
    line-height: 1.58;
}
.security .cont2 .conbox2 .con1 ul li:last-child {
    border-right: none;
}
.security .cont2 .conbox2 .con1 ul li h6 {
    padding: 1em 0 0.5em;
}
.security .cont2 .sec2 {
    padding: 2.8em 6em 8em;
    display: flex;
    justify-content: space-between;
}
.security .cont2 .sec2 .con {
    width: 47.2%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.security .cont2 .sec2 .con p {
    margin-bottom: 2em;
}
.security .cont2 .sec3 {
    padding: 0 6em 6em;
    display: flex;
    justify-content: space-between;
}
.security .cont2 .sec3 .con {
    width: 48.2%;
}
.security .cont2 .sec3 .img {
    width: 47.1%;
}
@media only screen and (max-width:750px){
.security .cont2 {
    padding-top: 12vw;
    margin-top: 0;
}
.security .cont2 .sec1 {
    padding: 0 0 12vw;
}
.security .cont2 .titbox1 {
    display: block;
    padding-bottom: 12vw;
}
.security .cont2 .titbox1 p {
    width: 100%;
}
.security .cont2 .titbox2 {
    display: block;
    padding-bottom: 5vw;
}
.security .cont2 .titbox2 dl {
    display: block;
    padding-bottom: 0.5em;
}
.security .cont2 .titbox2 dl dt {
    font-size: 5.866vw;
    width: 29.6vw;
    margin: 0 0 4vw;
}
.security .cont2 .titbox2 dl dd {
    font-size: 5.866vw;
    line-height: 1.2;
}
.security .cont2 .titbox2 dl dd i {
    font-size: 7.2vw;
    padding: 0 0.5em 0 0;
}
.security .cont2 .titbox2 dl dd span {
    font-size: 4vw;
    display: inline;
}
.security .cont2 .titbox2 .note {
    width: 100%;
}
.security .cont2 .conbox1 {
    display: block;
    padding-bottom: 8vw;
}
.security .cont2 .conbox1 .img {
    width: 100%;
    margin-bottom: 8vw;
}
.security .cont2 .conbox1 .con {
    width: 100%;
    display: block;
}
.security .cont2 .conbox1 .con .note {
    padding-top: 6vw;
}
.security .cont2 .conbox2 {
    display: block;
    padding-bottom: 20vw;
}
.security .cont2 .conbox2 .con1 {
    width: 100%;
    padding: 1.5em 0.5em;
    margin-bottom: 12vw;
}
.security .cont2 .conbox2 .con1 h5 {
    font-size: 5.333vw;
    padding-bottom: 0.7em;
}
.security .cont2 .conbox2 .con1 ul li {
    width: 50%;
    padding: 0 6.5vw;
}
.security .cont2 .conbox2 .con1 ul li h6 {
    font-size: 4.8vw;
    padding: 0.5em 0 0.2em;
}
.security .cont2 .conbox2 .con1 ul li p {
    font-size: 3.733vw;
}
.security .cont2 .sec2 {
    padding: 0;
    display: block;
}
.security .cont2 .sec2 .con {
    width: 100%;
    margin-bottom: 20vw;
}
.security .cont2 .sec2 .con p {
    margin-bottom: 1em;
}
.security .cont2 .sec3 {
    padding: 0 0 20vw;
    display: block;
}
.security .cont2 .sec3 .con {
    width: 100%;
    margin-bottom: 1em;
}
.security .cont2 .sec3 .img {
    width: 100%;
}
}

/* .cont3 */
.security .cont3 {
    padding: 8.25em 0 5.5em;
}
.security .cont3 .sec1 {
    padding: 0 6em 6.5em;
}
.security .cont3 .sec1 .conbox1 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 4.5em;
}
.security .cont3 .sec1 .conbox1 .con {
    width: 48.2%;
}
.security .cont3 .sec1 .conbox1 .img {
    width: 47.3%;
}
.security .cont3 .sec1 .conbox2 {
    display: flex;
    justify-content: space-between;
}
.security .cont3 .sec1 .conbox2 .con1 {
    width: 58%;
}
.security .cont3 .sec2 {
    padding: 0 6em;
    display: flex;
    justify-content: space-between;
}
.security .cont3 .sec2 .con {
    width: 48.2%;
}
.security .cont3 .sec2 .img {
    width: 47.1%;
}
@media only screen and (max-width:750px){
.security .cont3 {
    padding: 12vw 0 20vw;
}
.security .cont3 .sec1 {
    padding: 0 0 20vw;
}
.security .cont3 .sec1 .conbox1 {
    display: block;
    padding-bottom: 12vw;
}
.security .cont3 .sec1 .conbox1 .con {
    width: 100%;
    margin-bottom: 1em;
}
.security .cont3 .sec1 .conbox1 .img {
    width: 100%;
}
.security .cont3 .sec1 .conbox2 {
    display: block;
}
.security .cont3 .sec1 .conbox2 .con1 {
    width: 100%;
}
.security .cont3 .sec2 {
    padding: 0;
    display: block;
}
.security .cont3 .sec2 .con {
    width: 100%;
    margin-bottom: 1em;
}
.security .cont3 .sec2 .img {
    width: 100%;
}
}

/* .cont4 */
.security .cont4 {
    padding: 7.5em 0 6em;
    background-color: #EAF7FD;
}
.security .cont4 .headline5 {
    text-align: center;
    letter-spacing: 0.05em;
}
.security .cont4 .headline5 span {
    display: block;
}
.security .cont4 .sec {
    display: flex;
    justify-content: space-between;
    padding: 2.5em 0 4em;
}
.security .cont4 .sec .img {
    width: 50.5%;
}
.security .cont4 .sec .con {
    width: 33.5%;
    margin-right: 8.57%;
}
.security .cont4 .btnst3 {
    width: 46em;
    margin: 0 auto;
}
@media only screen and (max-width:750px){
.security .cont4 {
    padding: 16vw 0 20vw;
}
.security .cont4 .headline5 {
    font-size: 7.2vw;
    line-height: 1.4;
}
.security .cont4 .headline5 span {
    font-size: 4.8vw;
}
.security .cont4 .sec {
    display: block;
    justify-content: space-between;
    padding: 3vw 0 10vw;
}
.security .cont4 .sec .img {
    width: 100%;
}
.security .cont4 .sec .con {
    width: 100%;
    margin: 2em 0 0;
}
.security .cont4 .btnst3 {
    width: 100%;
}
}

/* .cont5 */
.security .cont5 {
    padding: 7.5em 0 5em;
}
.security .cont5 .sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 7.5em;
}
.security .cont5 .sec .headline5 {
    width: 36.6%;
    margin-left: 8.57%;
    letter-spacing: 0.05em;
    white-space: nowrap;
}
.security .cont5 .sec .img {
    width: 53.5%;
}
.security .cont5 .btnst1 a {
    width: 24.22em;
    margin: 0 auto;
}
@media only screen and (max-width:750px){
.security .cont5 {
    padding: 20vw 0;
}
.security .cont5 .sec {
    display: block;
    padding-bottom: 16vw;
}
.security .cont5 .sec .headline5 {
    font-size: 7.2vw;
    width: 100%;
    margin-left: 0;
}
.security .cont5 .sec .img {
    width: 100%;
}
.security .cont5 .btnst1 a {
    width: 100%;
}
}


/* ticketless_parking.html
------------------------------------------------- */
/* .mainvisual */
.ticketless .mainvisual {
    height: 53.375em;
    background: url("../img/products/parking_system/ticketless/main_bg.png") center bottom no-repeat;
    background-size: cover;
    margin-bottom: 6.25em;
}
.ticketless .mainvisual h1 {
    display: inline-block;
    color: #0181C0;
    background-color: #fff;
    border: 0.3em solid #0181C0;
    line-height: 2.15;
    padding: 0 0.8em; 
    margin-top: 6.75em;
    box-sizing: border-box;
    position: relative;
    z-index: 4;
}
.ticketless .mainvisual p {
    color: #0181C0;
    line-height: 1.34;
    padding: 0.4em 0 0.7em;
    letter-spacing: 0.05em;
	position: relative;
    z-index: 4;
}
.ticketless .mainvisual p span {
    background-color: #fff;
    padding-top: 0.2em;
}
.ticketless .mainvisual .tit {
    color: #0181C0;
    line-height: 1.25;
    margin-bottom: 1em;
}
.ticketless .mainvisual .tit span {
    display: inline-block;
    margin-bottom: 0.5em;
    padding: 0 1.2em;
    position: relative;
}
.ticketless .mainvisual .tit span::before {
    content: '';
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.728%22%20height%3D%2218.188%22%20viewBox%3D%220%200%2010.728%2018.188%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19434%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019434%22%20d%3D%22M-14553-19982l8.952%2C17.266%22%20transform%3D%22translate(14553.888%2019982.461)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    width: 0.61em;
    height: 1em;
    position: absolute;
    left: 0;
    top: 0;
}
.ticketless .mainvisual .tit span::after {
    content: '';
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.728%22%20height%3D%2218.188%22%20viewBox%3D%220%200%2010.728%2018.188%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19435%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019435%22%20d%3D%22M-14544.047-19982l-8.952%2C17.266%22%20transform%3D%22translate(14553.887%2019982.461)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    width: 0.61em;
    height: 1em;
    position: absolute;
    right: 0;
    top: 0;
}
.ticketless .mainvisual ul {
	width: 19.166em;
    display: flex;
	justify-content: space-between;
	position: relative;
}
.ticketless .mainvisual ul::before {
    content: '';
	width: 2em;
	height: 2em;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2249%22%20height%3D%2248%22%20viewBox%3D%220%200%2049%2048%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34404%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034404%22%20transform%3D%22translate(0.345%200.109)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_200%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20200%22%20transform%3D%22translate(-0.345%20-0.109)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23c1c1c1%22%20stroke-width%3D%224%22%3E%20%3Cellipse%20cx%3D%2224.5%22%20cy%3D%2224%22%20rx%3D%2224.5%22%20ry%3D%2224%22%20stroke%3D%22none%22%2F%3E%20%3Cellipse%20cx%3D%2224.5%22%20cy%3D%2224%22%20rx%3D%2222.5%22%20ry%3D%2222%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34403%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034403%22%20transform%3D%22translate(15.409%2014.409)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_26979%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2026979%22%20width%3D%2218%22%20height%3D%226%22%20transform%3D%22translate(0.245%206.482)%22%20fill%3D%22%23707070%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_26980%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2026980%22%20width%3D%2218%22%20height%3D%226%22%20transform%3D%22translate(12.245%200.482)%20rotate(90)%22%20fill%3D%22%23707070%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -1em 0 0 -1em;
	z-index: 2;
}
.ticketless .mainvisual ul li {
    width: 8.9em;
}
.ticketless .mainvisual ul li a {
	display: block;
    width: 100%;
	line-height: 2.1;
	padding-top: 0.2em;
	text-align: center;
	color: #fff;
	background-color: #30BCA8;
	border-radius: 0.33em;
}
.ticketless .mainvisual ul li:nth-child(2) a {
	background-color: #F07122;
}
.ticketless .mainvisual .img3 {
    width: 28em;
    position: absolute;
    left: 50%;
    margin-left: 3.125em;
    top: 9.625em;
}
.ticketless .mainvisual .img4 {
    width: 33.53125em;
    position: absolute;
    left: 50%;
    margin-left: 10.125em;
    top: 28.875em;
}
@media only screen and (max-width:750px){
.ticketless .mainvisual {
    height: 244vw;
    background: url("../img/products/parking_system/ticketless/main_bg_sp.png") center bottom no-repeat;
    background-size: cover;
    margin-bottom: 10.5vw;
}
.ticketless .mainvisual p {
    font-size: 8.533vw;
    padding-top: 4vw;
}
.ticketless .mainvisual h1 {
    font-size: 6.133vw;
    border: 2.13vw solid #0181C0;
    line-height: 2.15;
    padding: 0; 
    margin-top: 33.5vw;
    width: 100%;
    text-align: center;
}
.ticketless .mainvisual .tit {
    margin-bottom: 0;
	text-align: center;
}
.ticketless .mainvisual ul {
	width: 100%;
	font-size: 4.266vw;
}
.ticketless .mainvisual ul li {
    width: 46.77%;
}
.ticketless .mainvisual ul li a {
	line-height: 2.1;
	padding-top: 0.2em;
	text-align: center;
	color: #fff;
	background-color: #30BCA8;
	border-radius: 0.33em;
}
.ticketless .mainvisual .img3 {
    width: 74.66vw;
    left: -5.33vw;
    margin-left: 0;
    top: 126vw;
}
.ticketless .mainvisual .img4 {
    width: 89.33vw;
    left: auto;
	right: -20vw;
    margin-left: 0;
    top: 170.66vw;
}
}

/* .cont1 */
.ticketless .cont1 {
    padding-bottom: 7.5em;
}
.ticketless .cont1 .sec {
    padding: 0 6em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ticketless .cont1 .sec .con {
    width: 53.35%;
}
.ticketless .cont1 .sec .con p span {
    color: #0181C0;
}
.ticketless .cont1 .sec .img {
    width: 23em;
}
@media only screen and (max-width:750px){
.ticketless .cont1 {
    padding-bottom: 0;
}
.ticketless .cont1 .sec {
    padding: 0;
    display: block;
}
.ticketless .cont1 .sec .con {
    width: 100%;
}
.ticketless .cont1 .sec .img {
    width: 48.8vw;
    margin: -5vw 0 5.6vw 34vw;
}
}

/* .cont2 */
.ticketless .cont2 {
    background-color: #E4F7F0;
    padding: 8.5em 0 20.5em;
}
.ticketless .cont2 .spe-ttl {
    margin-bottom: 1em;
}
.ticketless .cont2 h4 {
    text-align: center;
    line-height: 1.66;
    margin-bottom: 2.5em;
}
.ticketless .cont2 h4 span {
    border-bottom: 0.2em solid #0181C0;
    padding-bottom: 0.2em;
}
.ticketless .cont2 .flow {
    position: relative;
}
.ticketless .cont2 .flow::before {
    content: '';
    width: 100vw;
    height: 7.5em;
    background-color: #F4FFFB;
    position: absolute;
    left: 50%;
    margin-left: -50vw; 
    top: 9em;
    z-index: 1;
}
.ticketless .cont2 .flow ul {
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
}
.ticketless .cont2 .flow ul li:nth-child(1) {
    width: 34.73%;
}
.ticketless .cont2 .flow ul li:nth-child(2) {
    width: 23%;
	margin-left: 2.65%;
}
.ticketless .cont2 .flow ul li:nth-child(2) img {
    width: 11.5625em;
	margin: 1em 0 4.4em 1.25em;
}
.ticketless .cont2 .flow ul li:nth-child(3) {
    width: 36.42%;
}
.ticketless .cont2 .flow ul li:nth-child(3) img {
	margin-top: 1em;
}
.ticketless .cont2 .flow ul li .sec {
    width: 16.5em;
    margin: 0 auto;
}
.ticketless .cont2 .flow ul li h5 {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    line-height: 1.4;
}
.ticketless .cont2 .flow ul li h5 span {
    display: block;
    width: 1.65em;
    height: 1.65em;
    line-height: 1.45;
    border: 2px solid #0181C0;
    border-radius: 2em;
    color: #0181C0;
    text-align: center;
    margin-right: 0.7em;
    padding-top: 0.1em;
    box-sizing: border-box;
}
.ticketless .cont2 .flow ul li .sec .con {
    padding-left: 1.55em;
    position: relative;
}
.ticketless .cont2 .flow ul li .sec .con::before {
    content: '';
    width: 0.375em;
    height: 94%;
    background-color: #0181C0;
    position: absolute;
    left: 0;
    top: 0;
}
.ticketless .cont2 .flow ul li .sec .con h6 {
    line-height: 1.4;
    padding-bottom: 0.2em;
}
@media only screen and (max-width:750px){
.ticketless .cont2 {
    padding: 14.5vw 0 32vw;
}
.ticketless .cont2 .spe-ttl {
    margin-bottom: 8vw;
    position: relative;
    z-index: 2;
}
.ticketless .cont2 h4 {
    width: 100vw;
    margin: 0 0 8vw -8.5vw;
    font-size: 5.866vw;
    line-height: 1.9;
}
.ticketless .cont2 h4 span {
    padding-bottom: 0.1em;
}
.ticketless .cont2 .flow::before,
.ticketless .cont2 .flow::after {
    display: none;
}
.ticketless .cont2 .flow ul {
    display: block;
}
.ticketless .cont2 .flow ul li {
    width: 100% !important;
    margin: 0 0 10vw;
}
.ticketless .cont2 .flow ul li img {
    width: 76.8vw !important;
    display: block;
    margin: 0 auto;
}
.ticketless .cont2 .flow ul li:nth-child(2) img {
    width: 40vw !important;
	margin: 0 auto;
}
.ticketless .cont2 .flow ul li .sec {
    width: 100%;
    margin: 5vw auto 0;
}
.ticketless .cont2 .flow ul li h5 {
    font-size: 6.933vw;
    margin-bottom: 5vw;
}
.ticketless .cont2 .flow ul li h5 span {
    font-size: 6.133vw;
}
.ticketless .cont2 .flow ul li .sec .con h6 {
    font-size: 5.866vw;
}
}

/* .cont3 */
.ticketless .cont3 {
    margin-top: -13em;
    padding-bottom: 15em;
}
.ticketless .cont3 .sec {
    width: 46em;
    margin: 0 auto;
    position: relative;
}
.ticketless .cont3 .sec::before {
    content: '';
    width: 3em;
    height: 33em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2258%22%20height%3D%22547.01%22%20viewBox%3D%220%200%2058%20547.01%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_20777%22%20data-name%3D%22%E3%83%91%E3%82%B9%2020777%22%20d%3D%22M-2836-21248.412h-48v527.01h48%22%20transform%3D%22translate(2894%2021258.412)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%2220%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: auto 100%;
    position: absolute;
    left: -8.75em;
    top: 50%;
    margin-top: -16em;
}
.ticketless .cont3 .sec::after {
    content: '';
    width: 3em;
    height: 33em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2258%22%20height%3D%22547.01%22%20viewBox%3D%220%200%2058%20547.01%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_20779%22%20data-name%3D%22%E3%83%91%E3%82%B9%2020779%22%20d%3D%22M-2836-21248.412h-48v527.01h48%22%20transform%3D%22translate(-2836%20-20711.402)%20rotate(180)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%2220%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: auto 100%;
    position: absolute;
    right: -8.75em;
    top: 50%;
    margin-top: -16em;
}
.ticketless .cont3 .tit {
    color: #0181C0;
    text-align: center;
    line-height: 1.25;
    margin-bottom: 1em;
}
.ticketless .cont3 .tit span {
    display: inline-block;
    margin-bottom: 0.5em;
    padding: 0 1.2em;
    position: relative;
}
.ticketless .cont3 .tit span::before {
    content: '';
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.728%22%20height%3D%2218.188%22%20viewBox%3D%220%200%2010.728%2018.188%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19434%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019434%22%20d%3D%22M-14553-19982l8.952%2C17.266%22%20transform%3D%22translate(14553.888%2019982.461)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    width: 0.61em;
    height: 1em;
    position: absolute;
    left: 0;
    top: 0;
}
.ticketless .cont3 .tit span::after {
    content: '';
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.728%22%20height%3D%2218.188%22%20viewBox%3D%220%200%2010.728%2018.188%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19435%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019435%22%20d%3D%22M-14544.047-19982l-8.952%2C17.266%22%20transform%3D%22translate(14553.887%2019982.461)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    width: 0.61em;
    height: 1em;
    position: absolute;
    right: 0;
    top: 0;
}
.ticketless .cont3 .movie {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    position: relative;
}
.ticketless .cont3 .movie iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
@media only screen and (max-width:750px){
.ticketless .cont3 {
    margin-top: -28.8vw;
    padding-bottom: 25.33vw;
}
.ticketless .cont3 .sec {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.ticketless .cont3 .sec::before,
.ticketless .cont3 .sec::after {
    display: none;
}
.ticketless .cont3 .tit {
    color: #0181C0;
    text-align: center;
    line-height: 1.25;
    margin-bottom: 1em;
}
.ticketless .cont3 .tit span {
    font-size: 5.33vw;
    margin-bottom: 0.3em;
}
}

/* .cont9 */
.ticketless .cont9 h3.spe-ttl {
    margin-bottom: 2.5em;
}
.ticketless .cont9 .box {
    width: 79.625em;
	background-color: #E4F7F0;
	border-radius: 8.75em;
	padding: 7.5em 4.8125em 14em;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}
.ticketless .cont9 .box::before {
    content: '';
	width: 6em;
	height: 6em;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2295%22%20height%3D%2296%22%20viewBox%3D%220%200%2095%2096%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34830%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034830%22%20transform%3D%22translate(6.741%206.864)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_200%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20200%22%20transform%3D%22translate(-6.741%20-6.864)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23c1c1c1%22%20stroke-width%3D%227%22%3E%20%3Cellipse%20cx%3D%2247.5%22%20cy%3D%2248%22%20rx%3D%2247.5%22%20ry%3D%2248%22%20stroke%3D%22none%22%2F%3E%20%3Cellipse%20cx%3D%2247.5%22%20cy%3D%2248%22%20rx%3D%2244%22%20ry%3D%2244.5%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34403%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034403%22%20transform%3D%22translate(25.259%2026.136)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_26979%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2026979%22%20width%3D%2231%22%20height%3D%228%22%20transform%3D%22translate(0%2011)%22%20fill%3D%22%23707070%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_26980%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2026980%22%20width%3D%2230%22%20height%3D%228%22%20transform%3D%22translate(20)%20rotate(90)%22%20fill%3D%22%23707070%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 50%;
	margin-left: -3em;
	top: -2.5em;
}
.ticketless .cont9 .box .tit1 {
    color: #0181C0;
    line-height: 1.25;
    margin-bottom: 1em;
	text-align: center;
}
.ticketless .cont9 .box .tit1 span {
    display: inline-block;
    margin-bottom: 0.5em;
    padding: 0 1.2em;
	letter-spacing: 0.08em;
    position: relative;
}
.ticketless .cont9 .box .tit1 span::before {
    content: '';
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.728%22%20height%3D%2218.188%22%20viewBox%3D%220%200%2010.728%2018.188%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19434%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019434%22%20d%3D%22M-14553-19982l8.952%2C17.266%22%20transform%3D%22translate(14553.888%2019982.461)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    width: 0.61em;
    height: 1em;
    position: absolute;
    left: 0;
    top: 0;
}
.ticketless .cont9 .box .tit1 span::after {
    content: '';
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.728%22%20height%3D%2218.188%22%20viewBox%3D%220%200%2010.728%2018.188%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19435%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019435%22%20d%3D%22M-14544.047-19982l-8.952%2C17.266%22%20transform%3D%22translate(14553.887%2019982.461)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    width: 0.61em;
    height: 1em;
    position: absolute;
    right: 0;
    top: 0;
}
.ticketless .cont9 .box .tit2 {
	display: block;
	width: 8.15em;
	line-height: 1.8;
	background-color: #30BCA8;
	border-radius: 0.23em;
	text-align: center;
	padding-top: 0.2em;
	margin: 0 auto 1.5em;
	color: #fff;
}
.ticketless .cont9 .box .tit3 {
	text-align: center;
	margin-bottom: 2.5em;
}
.ticketless .cont9 .box .tit3 span {
	border-bottom: 0.2em solid #0181C0;
	padding-bottom: 0.2em;
}
.ticketless .cont9 .box .warrbox ul {
	display: flex;
	justify-content: center;
}
.ticketless .cont9 .box .warrbox ul li {
	width: 24.25em;
	margin: 0 1.75em;
	display: flex;
	justify-content: flex-end;
	position: relative;
}
.ticketless .cont9 .box .warrbox ul li .img {
	width: 6.2em;
	position: absolute;
	left: 0;
	top: 0.75em;
}
.ticketless .cont9 .box .warrbox ul li .tit4 {
	width: 15.55em;
	height: 6.66em;
	line-height: 1.4;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22288%22%20height%3D%22124.146%22%20viewBox%3D%220%200%20288%20124.146%22%3E%20%3Cg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_84_119%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%2084%20%E2%80%93%20119%22%20transform%3D%22translate(3.5%203.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19542%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019542%22%20d%3D%22M-6446.5-20202.5v60h43%22%20transform%3D%22translate(6446.5%2020242.479)%22%20fill%3D%22none%22%20stroke%3D%22%23d0d0d0%22%20stroke-width%3D%227%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19543%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019543%22%20d%3D%22M-6401.02-20124.5l18.52-16.027h217V-20242.5h-18%22%20transform%3D%22translate(6446.5%2020242.5)%22%20fill%3D%22none%22%20stroke%3D%22%23d0d0d0%22%20stroke-width%3D%227%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: auto;
	background-size: 100% auto;
	padding: 0.5em 0 0 1.75em;
	box-sizing: border-box;
}
.ticketless .cont9 .box .warrbox ul li .tit4 span {
	display: inline-block;
	position: relative;
	z-index: 2;
}
.ticketless .cont9 .box .warrbox ul li .tit4 span::before {
	content: '';
	width: 100%;
	height: 0.33em;
	background-color: #F8FC39;
	position: absolute;
	left: 0;
	bottom: 0.16em;
	z-index: -1;
}
.ticketless .cont9 .box .warrbox .tit5 {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2.5em 0 3.5em;
}
.ticketless .cont9 .box .warrbox .tit5 dt {
	width: 2.78em;
	margin-right: 0.5em;
}
.ticketless .cont9 .box .warrbox .tit5 dd {
	color: #0181C0;
}
.ticketless .cont9 .box .flowbox {
	position: relative;
}
.ticketless .cont9 .box .flowbox::before {
    content: '';
    width: 79.625em;
    height: 7.5em;
    background-color: #F4FFFB;
    position: absolute;
    left: 50%;
	margin-left: -39.8125em;
    top: 9em;
    z-index: 1;
}
.ticketless .cont9 .box .flowbox ul {
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
}
.ticketless .cont9 .box .flowbox ul li:nth-child(1) {
    width: 36.42%;
}
.ticketless .cont9 .box .flowbox ul li:nth-child(1) .sec {
    margin-left: 4.75em;
}
.ticketless .cont9 .box .flowbox ul li:nth-child(2) {
    width: 21.75%;
	margin-left: 3.57%;
}
.ticketless .cont9 .box .flowbox ul li:nth-child(2) img {
    width: 11.5625em;
	margin: 0.2em 0 4.4em;
}
.ticketless .cont9 .box .flowbox ul li:nth-child(3) {
    width: 36.42%;
}
.ticketless .cont9 .box .flowbox ul li:nth-child(3) .sec {
    margin-left: 6.5em;
}
.ticketless .cont9 .box .flowbox ul li h5 {
    display: flex;
    align-items: center;
    margin: 0.5em 0;
    line-height: 1.4;
}
.ticketless .cont9 .box .flowbox ul li h5 span {
    display: block;
    width: 1.65em;
    height: 1.65em;
    line-height: 1.45;
    border: 2px solid #30BCA8;
    border-radius: 2em;
    color: #30BCA8;
    text-align: center;
    margin-right: 0.7em;
    padding-top: 0.1em;
    box-sizing: border-box;
}
.ticketless .cont9 .box .tenbox {
	width: 57.75em;
	height: 23.75em;
	background: url("../img/products/parking_system/ticketless/cont9_bg1.png") center top no-repeat;
	background-size: 100% auto;
	padding: 5em 4.5em 4em;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.ticketless .cont9 .box .tenbox .con1 {
	width: 16.5em;
	border-right: 1px solid #C1C1C1;
	padding-right: 2.5em;
}
.ticketless .cont9 .box .tenbox .con2 {
	width: 27em;
}
.ticketless .cont9 .box .tenbox h6 {
    display: flex;
    align-items: center;
    margin-bottom: 0.5em;
    line-height: 1.4;
}
.ticketless .cont9 .box .tenbox .con2 h6 {
    color: #30BCA8;
}
.ticketless .cont9 .box .tenbox h6 span {
    display: block;
    width: 1.65em;
    height: 1.65em;
    line-height: 1.45;
	background-color: #75BEB3;
    border-radius: 2em;
    color: #fff;
    text-align: center;
    margin-right: 0.7em;
    padding-top: 0.2em;
    box-sizing: border-box;
}
.ticketless .cont9 .box .tenbox p {
    padding-bottom: 1em;
}
.ticketless .cont9.or .box {
	background-color: #FFE8D9;
	padding-bottom: 5.5em;
	margin-top: -4.625em;
}
.ticketless .cont9.or .box .tit1 {
    color: #F07122;
}
.ticketless .cont9.or .box .tit1 span::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.728%22%20height%3D%2218.188%22%20viewBox%3D%220%200%2010.728%2018.188%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19434%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019434%22%20d%3D%22M-14553-19982l8.952%2C17.266%22%20transform%3D%22translate(14553.888%2019982.461)%22%20fill%3D%22none%22%20stroke%3D%22%23f07122%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
}
.ticketless .cont9.or .box .tit1 span::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.728%22%20height%3D%2218.188%22%20viewBox%3D%220%200%2010.728%2018.188%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19435%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019435%22%20d%3D%22M-14544.047-19982l-8.952%2C17.266%22%20transform%3D%22translate(14553.887%2019982.461)%22%20fill%3D%22none%22%20stroke%3D%22%23f07122%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
}
.ticketless .cont9.or .box .tit2 {
	background-color: #F07122;
}
.ticketless .cont9.or .box h4.spe-ttl {
	margin-bottom: 0.5em;
}
.ticketless .cont9.or .box .warrbox ul li:nth-child(2) .tit4 {
	padding: 1.2em 0 0 2.5em;
}

.ticketless .cont9.or .box .flowbox::before {
    background-color: #FFF4ED;
	top: 11em;
}
.ticketless .cont9.or .box .flowbox ul li:nth-child(1) {
    width: 39.9%;
}
.ticketless .cont9.or .box .flowbox ul li:nth-child(1) .sec {
    margin-left: 6em;
}
.ticketless .cont9.or .box .flowbox ul li:nth-child(2) {
    width: 21.6%;
	margin-left: 1.5%;
}
.ticketless .cont9.or .box .flowbox ul li:nth-child(2) img {
    width: 11.25em;
	margin: 2em 0 4.9em;
}
.ticketless .cont9.or .box .flowbox ul li:nth-child(3) {
    width: 36.42%;
}
.ticketless .cont9.or .box .flowbox ul li:nth-child(3) img {
    margin-top: 3.75em;
}
.ticketless .cont9.or .box .flowbox ul li h5 {
	margin-top: 0;
}
.ticketless .cont9.or .box .flowbox ul li h5 span {
    border: 2px solid #F07122;
    color: #F07122;
}
.ticketless .cont9.or .box .tenbox {
	height: 26.875em;
	background-image: url("../img/products/parking_system/ticketless/cont9_bg2.png");
	padding-bottom: 3em;
}
.ticketless .cont9.or .box .tenbox h6 {
	align-items: flex-start;
}
.ticketless .cont9.or .box .tenbox .con2 h6 {
    color: #F07122;
}
.ticketless .cont9.or .box .tenbox h6 span {
	background-color: #F49E69;
}
@media only screen and (max-width:750px){
.ticketless .cont9 h3.spe-ttl {
    margin-bottom: 2em;
}
.ticketless .cont9 .box {
    width: 94vw;
	border-radius: 8.533vw;
	padding: 13.5vw 5.33vw 29vw;
}
.ticketless .cont9 .box::before {
	width: 14.6vw;
	height: 14.6vw;
	margin-left: -7.3vw;
	top: -7.3vw;
}
.ticketless .cont9 .box .tit1 {
	margin-bottom: 0.5em;
}
.ticketless .cont9 .box .tit2 {
	font-size: 6.8vw;
}
.ticketless .cont9 .box .tit3 {
	font-size: 5.866vw;
	line-height: 1.75;
}
.ticketless .cont9 .box .warrbox ul {
	display: block;
}
.ticketless .cont9 .box .warrbox ul li {
	width: 94%;
	margin: 0 auto 10vw;
}
.ticketless .cont9 .box .warrbox ul li .img {
	width: 5.5em;
	top: 0.75em;
}
.ticketless .cont9 .box .warrbox ul li .tit4 {
	font-size: 3.466vw;
}
.ticketless .cont9 .box .warrbox .tit5 {
	padding-bottom: 5em;
}
.ticketless .cont9 .box .warrbox .tit5 dt {
	width: 16vw;
	margin-right: 1em;
}
.ticketless .cont9 .box .warrbox .tit5 dd {
	font-size: 4.533vw;
	line-height: 1.5;
}
.ticketless .cont9 .box .flowbox::before {
    display: none;
}
.ticketless .cont9 .box .flowbox ul {
    display: block;
}
.ticketless .cont9 .box .flowbox ul li {
    width: 100% !important;
    margin: 0 0 10vw !important;
	padding-top: 12vw;
	position: relative;
}
.ticketless .cont9 .box .flowbox ul li img {
    width: 76.8vw !important;
    display: block;
    margin: 0 auto;
}
.ticketless .cont9 .box .flowbox ul li:nth-child(2) img {
    width: 40vw !important;
	margin: 0 auto;
}
.ticketless .cont9 .box .flowbox ul li .sec {
    width: 100%;
    margin: 0 auto !important;
	position: absolute;
	left: 0;
	top: 0;
}
.ticketless .cont9 .box .flowbox ul li h5 {
    font-size: 6.933vw;
    margin: 0 !important;
}
.ticketless .cont9 .box .flowbox ul li h5 span {
    font-size: 6.133vw;
}
.ticketless .cont9 .box .tenbox {
	width: 100%;
	height: 135.6vw;
	background: url("../img/products/parking_system/ticketless/cont9_bg1_sp.png") center top no-repeat;
	background-size: auto 100%;
	padding: 14.5vw 6vw 6.5vw;
	margin: 0 auto;
	box-sizing: border-box;
	display: block;
}
.ticketless .cont9 .box .tenbox .con1 {
	width: 100%;
	border-bottom: 1px solid #C1C1C1;
	border-right: none;
	padding: 0 0 6.5vw;
	margin-bottom: 6.5vw;
}
.ticketless .cont9 .box .tenbox .con2 {
	width: 100%;
}
.ticketless .cont9 .box .tenbox h6 {
	font-size: 5.866vw;
}
.ticketless .cont9 .box .tenbox h6 span {
	font-size: 5.066vw;
	width: 10.4vw;
	height: 10.4vw;
	padding-top: 0.4em;
}
.ticketless .cont9 .box .tenbox p {
    padding-bottom: 1em;
}
.ticketless .cont9 .box .tenbox .con1 img {
	display: block;
	width: 46.5vw;
	margin: 0 auto;
}
.ticketless .cont9.or .box {
	padding-bottom: 15vw;
	margin-top: -4vw;
}
.ticketless .cont9.or .box .flowbox::before {
    display: none;
}
.ticketless .cont9.or .box .flowbox ul li:nth-child(2) img {
    width: 40vw !important;
	margin: 0 auto;
}
.ticketless .cont9.or .box .flowbox ul li:nth-child(3) img {
    margin-top: 0;
}
.ticketless .cont9.or .box .tenbox {
	height: 171vw;
	background-image: url("../img/products/parking_system/ticketless/cont9_bg2_sp.png");
}
}

/* .cont8 */
.ticketless .cont8 {
    padding-bottom: 10em;
}
.ticketless .cont8 h3 {
	color: #0181C0;
	border-top: 1px solid #D0D0D0;
	padding: 1em 0 2.5em;
}
.ticketless .cont8 ul {
	display: flex;
    justify-content: space-between;
}
.ticketless .cont8 ul li {
    width: 31.4%;
}
.ticketless .cont8 ul li a {
    display: block;
    height: 16em;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_12201%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2012201%22%20transform%3D%22translate(11449%20-242)%20rotate(90)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_6%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%206%22%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20transform%3D%22translate(242%2011431)%22%20fill%3D%22%230181c0%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_193%22%20data-name%3D%22%E3%83%91%E3%82%B9%20193%22%20d%3D%22M10400.07%2C15729.109l2.747-2.748-2.747-2.746%22%20transform%3D%22translate(-10150.069%20-4286.616)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center bottom 0.5em no-repeat;
    background-size: 1em auto;
    border: 0.25em solid #DDDDDD;
    border-radius: 1.25em;
    position: relative;
    text-align: center;
    padding-top: 2em;
	padding-bottom: 2.5em;
    line-height: 1.27;
    box-sizing: border-box;
}
.ticketless .cont8 ul li a img {
	display: block;
    width: 12.8125em;
	margin: 0 auto 0.5em;
}
.ticketless .cont8 ul li a i {
    display: block;
    color: #0181C0;
	padding-top: 0.2em;
}
@media only screen and (min-width:751px){
.ticketless .cont8 ul li a:hover {
    border-color: #0181C0;
}
}
@media only screen and (max-width:750px){
.ticketless .cont8 {
    padding-bottom: 20vw;
}
.ticketless .cont8 h3 {
	font-size: 6.933vw;
	line-height: 1.3;
	padding-bottom: 1em;
}
.ticketless .cont8 ul {
    display: block;
}
.ticketless .cont8 ul li {
    width: 100%;
    margin-bottom: 1.53vw;
}
.ticketless .cont8 ul li a {
    font-size: 4.533vw;
    height: auto;
    border: 1.33vw solid #DDDDDD;
    border-radius: 5vw;
    text-align: center;
    padding: 5vw 0 8vw;
}
.ticketless .cont8 ul li a img {
    width: 55vw;
	margin: 0 auto 0.5em;
}
.ticketless .cont8 ul li a i {
    font-size: 3.466vw;
}
}

/* .cont4 */
.ticketless .cont4 {
    padding: 0 0 6.5em;
}
.ticketless .cont4 .spe-ttl {
    margin-bottom: 4em;
}
.ticketless .cont4 .spe-ttl.ttl2 {
    margin-bottom: 1em;
}
.ticketless .cont4 .spe-ttl.ttl3 {
    margin: 3em 0 1em;
}
.ticketless .cont4 .limg {
    width: 39em;
    position: absolute;
    left: 50%;
    margin-left: 0.5em;
    top: 7em;
}
.ticketless .cont4 .limg.left {
    width: 37.5em;
    left: auto;
    right: 50%;
    margin: 0 -3em 0 0;
}
.ticketless .cont4 .sec {
    width: 28.125em;
    margin-left: 6em;
}
.ticketless .cont4 .sec.right {
    margin-left: 41.875em;
}
.ticketless .cont4 .sec .imgbox {
    padding: 3.75em 0 6.625em;
    position: relative;
}
.ticketless .cont4 .sec .imgbox .img {
    height: 17em;
    background-color: #E0E0E0;
    border-radius: 0.75em;
    margin-bottom: 1.875em;
}
.ticketless .cont4 .sec .imgbox .img img {
    width: auto;
    height: 100%;
    display: block;
    margin: 0 auto;
}
.ticketless .cont4 .sec .imgbox ul {
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 22.625em;
}
.ticketless .cont4 .sec .imgbox ul li {
    width: 16.44%;
    position: relative;
    transition: 0.2s;
    cursor: pointer;
}
.ticketless .cont4 .sec .imgbox ul li span {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 4em;
    transform: translateX(-50%);
    text-align: center;
    transition: 0.2s;
}
.ticketless .cont4 .sec .imgbox ul li img {
    border-radius: 0.25em;
    transition: 0.2s;
}
.ticketless .cont4 .sec .imgbox ul li.active img {
    border: 0.375em solid #F2EB46;
    border-radius: 0.25em;
    box-sizing: border-box;
}
.ticketless .cont4 .sec .gbox {
    padding: 1.5625em 2em;
    border: 1px solid #30BCA8;
    border-radius: 1em;
    margin-bottom: 8em;
    overflow: hidden;
}
.ticketless .cont4 .sec.right .gbox {
    margin-bottom: 7em;
}
.ticketless .cont4 .sec .gbox .imgs {
    width: 10.3125em;
    margin: 0 auto;
}
.ticketless .cont4 .sec .gbox h5 {
    color: #30BCA8;
    text-align: center;
}
.ticketless .cont4 .sec .gbox p {
    line-height: 1.57;
}
.ticketless .cont4 .sec .gbox .btnst1 {
    margin-top: 1em;
}
.ticketless .cont4 .sec.right .gbox #slider2 {
    padding: 0.625em 0 4em;
    position: relative;
}
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-slide {
    width: 17em;
    margin: 0 0.375em;
    opacity: 0.4;
}
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-slide.swiper-slide-active {
    opacity: 1;
}
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-button-prev,
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-button-next {
    width: 2em;
    height: 2em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%20%3Cg%20id%3D%22%E7%9F%A2%E5%8D%B0_%E5%B0%8F%22%20transform%3D%22translate(32%2032)%20rotate(180)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_103%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20103%22%20fill%3D%22none%22%20stroke%3D%22%23d0d0d0%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19424%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019424%22%20d%3D%22M-16503.08%2C2017.156l4%2C3.5-4%2C3.5%22%20transform%3D%22translate(16517.08%20-2004.656)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    top: auto;
    bottom: 0.75em;
    left: 6.875em;
    z-index: 12;
    transition: 0.4s;
}
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-button-next {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E7%9F%A2%E5%8D%B0_%E5%B0%8F%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_103%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20103%22%20fill%3D%22none%22%20stroke%3D%22%23d0d0d0%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19424%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019424%22%20d%3D%22M-16503.08%2C2017.156l4%2C3.5-4%2C3.5%22%20transform%3D%22translate(16517.08%20-2004.656)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
    left: auto;
    right: 6.875em;
}
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-button-prev::after,
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-button-next::after {
    display: none;
}
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-pagination {
    width: auto;
    color: #fff;
    bottom: 0.2em;
    left: 10.8em;
    padding: 1.5em 0 0 1em;
}
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-pagination .swiper-pagination-current {
    color: #0181C0;
    position: absolute;
    left: 0.2em;
    top: 0.1em;
}
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-pagination .swiper-pagination-current::before {
    content: '';
    width: 1px;
    height: 2.5em;
    background-color: #D0D0D0;
    position: absolute;
    left: 0.85em;
    top: 0.4em;
    transform: rotate(45deg);
}
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-pagination .swiper-pagination-total {
    color: #8C8C8C;
}
.ticketless .cont4 .sec.right .gbox #slider2 .next2 {
    width: 120%;
    height: 16.25em;
    background: none;
    position: absolute;
    left: -10%;
    top: 1.15em;
}
@media only screen and (min-width: 751px) {
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-button-prev:hover,
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-button-next:hover {
    transform: scale(0.88,0.88);
}
.ticketless .cont4 .sec.right .gbox #slider2 .next2:hover {
    transform: scale(1,1);
}
}
.ticketless .cont4 .probox {
	padding: 0 6em;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.ticketless .cont4 .probox .con {
	width: 47.5%;
    padding-bottom: 2.5em;
}
.ticketless .cont4 .probox .con h5 {
	padding-bottom: 0.2em;
}
.ticketless .cont4 .probox dl {
    display: flex;
    justify-content: space-between;
}
.ticketless .cont4 .probox dl dt {
    width: 13.75em;
}
.ticketless .cont4 .probox dl dd {
    width: 12em;
}
.ticketless .cont4 .probox dl dd .headline3 {
    margin: 0 0 0.5em;
    padding: 0;
}
.ticketless .cont4 .probox dl dd .txt-he1 {
	height: 8em;
}
.ticketless .cont4 .probox dl dd .btnst1 {
    margin-top: 1em;
}
@media only screen and (max-width:750px){
.ticketless .cont4 {
    padding: 0 0 8vw;
}
.ticketless .cont4 .inner::before {
    font-size: 32vw;
    left: 0;
    top: -0.25em;
}
.ticketless .cont4 .spe-ttl {
    margin-bottom: 8vw;
    position: relative;
    z-index: 2;
}
.ticketless .cont4 .spe-ttl.ttl3 {
    margin: 10vw 0 1em;
}
.ticketless .cont4 .limg {
    width: 57.33vw;
    margin-left: -4vw;
    top: 44vw;
}
.ticketless .cont4 .limg.left {
    width: 57.33vw;
    margin: 0 -4vw 0 0;
    top: 50vw;
}
.ticketless .cont4 .sec {
    width: 100%;
    margin-left: 0;
}
.ticketless .cont4 .sec.right {
    margin-left: 0;
}
.ticketless .cont4 .sec .txt {
    width: 37.6vw;
}
.ticketless .cont4 .sec.right .txt {
    margin-left: 45.5vw;
}
.ticketless .cont4 .sec .imgbox {
    padding: 24vw 0 22vw;
    margin-bottom: 8vw;
}
.ticketless .cont4 .sec .imgbox .img {
    height: 49.85vw;
    border-radius: 3.2vw;
    margin-bottom: 5.85vw;
}
.ticketless .cont4 .sec .imgbox ul {
    top: 80vw;
}
.ticketless .cont4 .sec .imgbox ul li {
    width: 16.44%;
}
.ticketless .cont4 .sec .imgbox ul li span {
    font-size: 3.2vw;
    top: 3.5em;
}
.ticketless .cont4 .sec .imgbox ul li img {
    border-radius: 1vw;
}
.ticketless .cont4 .sec .imgbox ul li.active img {
    border: 1.6vw solid #F2EB46;
    border-radius: 1vw;
}
.ticketless .cont4 .sec .gbox {
    padding: 6vw 5.8vw 8.5vw;
    border-radius: 4.266vw;
    margin-bottom: 20vw;
}
.ticketless .cont4 .sec.right .gbox {
    margin-bottom: 20vw;
}
.ticketless .cont4 .sec .gbox .imgs {
    width: 50vw;
}
.ticketless .cont4 .sec .gbox h5 {
    font-size: 5.33vw;
    padding: 0.5em 0;
}
.ticketless .cont4 .sec .gbox p {
    font-size: 3.466vw;
}
.ticketless .cont4 .sec .gbox .btnst1 a {
    line-height: 1.4;
    padding: 0.6em 0 0.4em;
}
.ticketless .cont4 .sec.right .gbox #slider2 {
    padding: 0.5em 0 5em;
}
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-slide {
    width: 55vw;
    margin: 0 2vw;
}
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-button-prev,
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-button-next {
    bottom: 1.5em;
    left: 4em;
}
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-button-next {
    left: auto;
    right: 4em;
}
.ticketless .cont4 .sec.right .gbox #slider2 .swiper-pagination {
    bottom: 0.8em;
    left: 7.7em;
}
.ticketless .cont4 .sec.right .gbox #slider2 .next2 {
    height: 14em;
    top: 0.5em;
    left: -10%;
}    
    
    
    
    
    
.ticketless .cont4 .probox {
	padding: 0;
}
.ticketless .cont4 .probox .con {
	font-size: 3.733vw;
    width: 45.8%;
    margin: 0;
    line-height: 1.4;
    display: block;
}
.ticketless .cont4 .probox .con h5 {
	font-size: 4.533vw;
}
.ticketless .cont4 .probox dl {
    display: block;
}
.ticketless .cont4 .probox dl dt {
    width: 100%;
}
.ticketless .cont4 .probox dl dd {
    width: 100%;
}
.ticketless .cont4 .probox dl dd .headline3 {
    font-size: 5.066vw;
    margin: 0.5em 0;
    line-height: 1.1;
	word-break: break-all;
}
.ticketless .cont4 .probox dl dd .headline3.ttt {
    height: 11.15vw;
}
.ticketless .cont4 .probox .tit-he1 {
    height: 3em;
}
.ticketless .cont4 .probox dl dd .txt-he1 {
	height: auto;
}
.ticketless .cont4 .probox dl dd .txt-he2 {
	height: 8.5em;
}
.ticketless .cont4 .probox dl dd .txt-he3 {
	padding-top: 0.5em;
}
.ticketless .cont4 .probox dl dd .btnst1 {
    margin-top: 0.8em;
}	
.ticketless .cont4 .probox dl dd .btnst1 a {
    font-size: 3.466vw;
    line-height: 3;
}
}

/* .cont5 */
.ticketless .cont5 {
	padding-bottom: 6.5em;
}
.ticketless .cont5 .sec {
	padding: 3.75em 6em 5.5em;
    border: 1px solid #30BCA8;
    border-radius: 1em;
}
.ticketless .cont5 .box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
	padding-bottom: 10em;
	position: relative;
}
.ticketless .cont5 .box.box2 {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.ticketless .cont5 .sec .con {
    width: 33.5em;
}
.ticketless .cont5 .sec .con .tit {
    color: #30BCA8;
    letter-spacing: 0.06em;
    line-height: 1.25;
    margin-bottom: 1em;
}
.ticketless .cont5 .sec .con .tit span {
    display: inline-block;
    margin-bottom: 0.5em;
    padding: 0 1.2em;
    position: relative;
}
.ticketless .cont5 .sec .con .tit span::before {
    content: '';
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.728%22%20height%3D%2218.188%22%20viewBox%3D%220%200%2010.728%2018.188%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19434%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019434%22%20d%3D%22M-14553-19982l8.952%2C17.266%22%20transform%3D%22translate(14553.888%2019982.461)%22%20fill%3D%22none%22%20stroke%3D%22%2330bca8%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    width: 0.61em;
    height: 1em;
    position: absolute;
    left: 0;
    top: 0;
}
.ticketless .cont5 .sec .con .tit span::after {
    content: '';
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.728%22%20height%3D%2218.188%22%20viewBox%3D%220%200%2010.728%2018.188%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19435%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019435%22%20d%3D%22M-14544.047-19982l-8.952%2C17.266%22%20transform%3D%22translate(14553.887%2019982.461)%22%20fill%3D%22none%22%20stroke%3D%22%2330bca8%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    width: 0.61em;
    height: 1em;
    position: absolute;
    right: 0;
    top: 0;
}
.ticketless .cont5 .sec .con .note {
    margin-top: 1.5em;
}
.ticketless .cont5 .sec .con .note li {
    padding-left: 1em;
    text-indent: -1em;
}
.ticketless .cont5 .sec .con .note li::before {
    content: '※';
}
.ticketless .cont5 .sec .con .btnst1 {
    margin-top: 1.5em;
}
.ticketless .cont5 .sec .imgbox {
    position: absolute;
	left: 3.75em;
	top: -5em;
}
.ticketless .cont5 .sec .imgbox .img {
    height: 30.75em;
}
.ticketless .cont5 .sec .imgbox .img img {
    width: auto;
    height: 100%;
    display: block;
    margin: 0 auto;
}
.ticketless .cont5 .sec .imgbox ul {
	width: 33.5em;
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: -38em;
    top: 22em;
}
.ticketless .cont5 .sec .imgbox ul li {
    width: 15.7%;
    position: relative;
    transition: 0.2s;
    cursor: pointer;
}
.ticketless .cont5 .sec .imgbox ul li::before {
    content: '';
	width: 0.5625em;
	height: 1.1em;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.668%22%20height%3D%2216.253%22%20viewBox%3D%220%200%208.668%2016.253%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_29799%22%20data-name%3D%22%E3%83%91%E3%82%B9%2029799%22%20d%3D%22M-16503.082%2C2017.156l8.668%2C8.126-8.668%2C8.127%22%20transform%3D%22translate(16503.082%20-2017.156)%22%20fill%3D%22%2330bca8%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
	background-size: 100% auto;
	position: absolute;
	right: -0.4em;
	top: 50%;
	margin-top: -0.55em;
}
.ticketless .cont5 .sec .imgbox ul li:last-child::before {
    display: none;
}
.ticketless .cont5 .sec .imgbox ul li span {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 8em;
    transform: translateX(-50%);
    text-align: center;
    transition: 0.2s;
	line-height: 1.25;
}
.ticketless .cont5 .sec .imgbox ul li img {
	display: block;
	width: auto;
	height: 6.2em;
	margin: 0 auto;
	border: 1px solid #C1C1C1;
    border-radius: 0.25em;
    transition: 0.2s;
	box-sizing: border-box;
}
.ticketless .cont5 .sec .imgbox ul li.active img {
    border: 0.375em solid #F2EB46;
}
.ticketless .cont5 .sec .img2 {
    width: 21.25em;
	position: absolute;
	left: 0;
	top: 0;
}
@media only screen and (max-width:750px){
.ticketless .cont5 {
	padding-bottom: 20vw;
}
.ticketless .cont5 .sec {
    height: auto;
    border-radius: 4.266vw;
    display: block;
    padding: 6vw 5.8vw 8.5vw;
}
.ticketless .cont5 .box {
	padding-bottom: 10em;
}
.ticketless .cont5 .box.box2 {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.ticketless .cont5 .sec .con {
    width: 100%;
    margin-right: 0;
}
.ticketless .cont5 .sec .con .tit {
    font-size: 6.933vw;
    line-height: 1.3;
    margin-bottom: 1em;
    text-align: center;
}
.ticketless .cont5 .sec .con .tit span {
    font-size: 4.266vw;
    margin-bottom: 0.5em;
    padding: 0 1.2em;
}
.ticketless .cont5 .sec .con p {
    width: 42vw;
}
.ticketless .cont5 .sec .con .note {
    width: 38.66vw;
    font-size: 3.733vw;
    margin-top: 1.5em;
}
.ticketless .cont5 .sec .con .note li {
    line-height: 1.55;
}
.ticketless .cont5 .sec .imgbox {
	left: 46vw;
	top: 35vw;
}
.ticketless .cont5 .sec .imgbox .img {
    height: 82.933vw;
}
.ticketless .cont5 .sec .imgbox .img img {
    max-width: inherit;
}
.ticketless .cont5 .sec .imgbox ul {
	width: 80vw;
    right: 13.5vw;
    top: 90vw;
}
.ticketless .cont5 .sec .imgbox ul li::before {
    content: '';
	width: 0.28125em;
	height: 0.55em;
	right: -0.4em;
	margin-top: -0.55em;
}
.ticketless .cont5 .sec .imgbox ul li img {
	height: 4em;
}
.ticketless .cont5 .sec .imgbox ul li span {
	font-size: 1.866vw;
	top: 9.5em;
}
.ticketless .cont5 .sec .box.box2 .con p {
	width: 100%;
	padding-top: 46vw;
}
.ticketless .cont5 .sec .img2 {
    width: 56.8vw;
	left: 7vw;
	top: 21vw;
}	
.ticketless .cont5 .sec .box.box2 .con .btnst1 {
	padding-top: 0;
}
.ticketless .cont5 .sec .box.box2 .con .btnst1 a {
	line-height: 1.4;
	padding: 0.5em 0;
}
	
}

/* .cont6 */
.ticketless .cont6 {
    background-color: #E4F7F0;
    padding: 8.5em 0 15em;
}
.ticketless .cont6 .spe-ttl {
    margin-bottom: 2.5em;
}
.ticketless .cont6 .sec {
    display: flex;
    position: relative;
}
.ticketless .cont6 .sec .con {
    width: 28em;
    margin-left: 6em;
}
.ticketless .cont6 .sec #slider {
    width: 49.25em;
    position: absolute;
    left: 50%;
    top: -2em;
}
.ticketless .cont6 .sec #slider .slide-item p {
    text-align: center;
    padding-top: 1em;
}
.ticketless .cont6 .sec #slider .slick-counter {
    color: #8C8C8C;
    position: absolute;
    left: -11.5em;
    bottom: 0.4em;
    padding: 1.5em 0 0 1.5em;
}
.ticketless .cont6 .sec #slider .slick-counter::before {
    content: '';
    width: 1px;
    height: 2em;
    background-color: #D0D0D0;
    position: absolute;
    left: 1em;
    top: 0.75em;
    transform: rotate(45deg);
}
.ticketless .cont6 .sec #slider .slick-counter .current {
    color: #0181C0;
    position: absolute;
    left: 0.2em;
    top: 0.1em;
}
.ticketless .cont6 .sec #slider .slick-prev,
.ticketless .cont6 .sec #slider .slick-next {
    width: 3.25em;
    height: 3.25em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2253%22%20height%3D%2252%22%20viewBox%3D%220%200%2053%2052%22%3E%20%3Cg%20id%3D%22%E7%9F%A2%E5%8D%B0_%E5%B0%8F%22%20transform%3D%22translate(53%2052)%20rotate(180)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_103%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20103%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%20stroke%3D%22%23d0d0d0%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2226%22%20cy%3D%2226%22%20r%3D%2226%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2226%22%20cy%3D%2226%22%20r%3D%2225%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19424%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019424%22%20d%3D%22M-16503.08%2C2017.156l6.525%2C5.709-6.525%2C5.709%22%20transform%3D%22translate(16525.918%20-1996.765)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    top: auto;
    bottom: 1.375em;
    left: -22.375em;
}
.ticketless .cont6 .sec #slider .slick-prev {
}
.ticketless .cont6 .sec #slider .slick-next {
    left: -11em;
    transform: rotate(180deg);
}
@media only screen and (min-width:751px){
.ticketless .cont6 .sec #slider .slick-prev:hover {
    transform: scale(0.88,0.88);
}
.ticketless .cont6 .sec #slider .slick-next:hover {
    transform: scale(0.88,0.88) rotate(180deg);
}
}
@media only screen and (max-width:750px){
.ticketless .cont6 {
    padding: 18.5vw 0 8vw;
}
.ticketless .cont6 .inner::before {
    font-size: 32vw;
    left: 0;
    top: -0.25em;
}
.ticketless .cont6 .spe-ttl {
    margin-bottom: 8vw;
    position: relative;
    z-index: 2;
}
.ticketless .cont6 .sec {
    display: block;
}
.ticketless .cont6 .sec .con {
    width: 100%;
    margin: 0 0 8vw;
}
.ticketless .cont6 .sec #slider {
    width: 105vw;
    position: static;
    margin-left: -11vw;
    padding-bottom: 22vw;
}
.ticketless .cont6 .sec #slider .slide-item p {
    font-size: 3.733vw;
    padding-top: 0;
}
.ticketless .cont6 .sec #slider .slick-counter {
    left: 45%;
    bottom: 0.7em;
}
.ticketless .cont6 .sec #slider .slick-prev,
.ticketless .cont6 .sec #slider .slick-next {
    width: 8.53vw;
    height: 8.53vw;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%20%3Cg%20id%3D%22%E7%9F%A2%E5%8D%B0_%E5%B0%8F%22%20transform%3D%22translate(32%2032)%20rotate(180)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_103%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20103%22%20fill%3D%22none%22%20stroke%3D%22%23d0d0d0%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19424%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019424%22%20d%3D%22M-16503.08%2C2017.156l4%2C3.5-4%2C3.5%22%20transform%3D%22translate(16517.08%20-2004.656)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    top: auto;
    bottom: 1.375em;
    left: 50%;
}
.ticketless .cont6 .sec #slider .slick-prev {
    margin-left: -18.93vw;
}
.ticketless .cont6 .sec #slider .slick-next {
    left: 50%;
    margin-left: 10.4vw;
}
}

/* .cont7 */
.ticketless .cont7 {
    margin-top: 7em;
    padding-bottom: 5em;
}
.ticketless .cont7 .sec {
    width: 46em;
    margin: 0 auto;
    position: relative;
}
.ticketless .cont7 .sec::before {
    content: '';
    width: 3em;
    height: 33em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2258%22%20height%3D%22547.01%22%20viewBox%3D%220%200%2058%20547.01%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_20777%22%20data-name%3D%22%E3%83%91%E3%82%B9%2020777%22%20d%3D%22M-2836-21248.412h-48v527.01h48%22%20transform%3D%22translate(2894%2021258.412)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%2220%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: auto 100%;
    position: absolute;
    left: -8.75em;
    top: 50%;
    margin-top: -16em;
}
.ticketless .cont7 .sec::after {
    content: '';
    width: 3em;
    height: 33em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2258%22%20height%3D%22547.01%22%20viewBox%3D%220%200%2058%20547.01%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_20779%22%20data-name%3D%22%E3%83%91%E3%82%B9%2020779%22%20d%3D%22M-2836-21248.412h-48v527.01h48%22%20transform%3D%22translate(-2836%20-20711.402)%20rotate(180)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%2220%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: auto 100%;
    position: absolute;
    right: -8.75em;
    top: 50%;
    margin-top: -16em;
}
.ticketless .cont7 .tit {
    color: #0181C0;
    text-align: center;
    line-height: 1.25;
    margin-bottom: 1em;
}
.ticketless .cont7 .tit span {
    display: inline-block;
    margin-bottom: 0.5em;
    padding: 0 1.2em;
    position: relative;
}
.ticketless .cont7 .tit span::before {
    content: '';
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.728%22%20height%3D%2218.188%22%20viewBox%3D%220%200%2010.728%2018.188%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19434%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019434%22%20d%3D%22M-14553-19982l8.952%2C17.266%22%20transform%3D%22translate(14553.888%2019982.461)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    width: 0.61em;
    height: 1em;
    position: absolute;
    left: 0;
    top: 0;
}
.ticketless .cont7 .tit span::after {
    content: '';
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.728%22%20height%3D%2218.188%22%20viewBox%3D%220%200%2010.728%2018.188%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19435%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019435%22%20d%3D%22M-14544.047-19982l-8.952%2C17.266%22%20transform%3D%22translate(14553.887%2019982.461)%22%20fill%3D%22none%22%20stroke%3D%22%230181c0%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    width: 0.61em;
    height: 1em;
    position: absolute;
    right: 0;
    top: 0;
}
.ticketless .cont7 .movie {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    position: relative;
}
.ticketless .cont7 .movie iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
@media only screen and (max-width:750px){
.ticketless .cont7 {
    margin-top: 15.33vw;
    padding-bottom: 15.33vw;
}
.ticketless .cont7 .sec {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.ticketless .cont7 .sec::before,
.ticketless .cont7 .sec::after {
    display: none;
}
.ticketless .cont7 .tit {
    color: #0181C0;
    text-align: center;
    line-height: 1.25;
    margin-bottom: 1em;
}
.ticketless .cont7 .tit span {
    font-size: 5.33vw;
    margin-bottom: 0.3em;
}
}

/* .btnarea2 */
.ticketless .btnarea2 {
    width: 46em;
    margin: 4.875em auto 10.25em;
}
.ticketless .btnarea2.mtb {
    margin-bottom: 7.75em;
}
.ticketless .btnarea2 .btnst1 a {
    width: 27.11em;
	margin: 0 auto;
}
.ticketless .btnarea2.mtb .btnst1 a {
    margin-bottom: 4.5em;
}
@media only screen and (max-width:750px){
.ticketless .btnarea2 {
    width: 83%;
    margin: 12vw auto 20vw;
}
.ticketless .btnarea2.mtb {
    margin-bottom: 20vw;
}
.ticketless .btnarea2 .btnst1 a {
    width: 110%;
    margin: 12vw 0 10vw -5%;	
    /* margin: 12vw 0 0 -5%;*/
}
.ticketless .btnarea2.mtb .btnst1 a {
    margin-bottom: 10vw;
}
}

/* idPad2 */
.ticketless .idPad2 {
    padding-top: 14.625em;
    margin-top: -14.625em;
}
@media only screen and (max-width:750px){
.ticketless .idPad2 {
    padding-top: 19vw;
    margin-top: -19vw;
}
}



/* modal-list
------------------------------------------------- */
/* modal-list */
@media only screen and (min-width:751px){
.modal-list {
    height: 100vh;
    display: flex;
    align-items: center;
    overflow-y: auto;
}
.modal-list .inner {
    padding-top: 2em;
    padding-bottom: 2em;
}
}
@media only screen and (min-width:751px) and (max-height:37.5em){
.modal-list {
    align-items: flex-start;
}
}
.modal-list .sec {
    display: flex;
    justify-content: space-between;
}
.modal-list .headline5 {
    line-height: 1.3;
    padding-bottom: 0.5em;
}
.modal-list .headline5 span {
    display: block;
    color: #3C3C3C;
}
@media only screen and (max-width:750px){
.modal-list {
    padding: 3em 0 1em;
}
.modal-list .inner {
    width: 90%;
}
.modal-list .sec {
    display: block;
}
.modal-list .headline5 {
    font-size: 6.4vw;
    padding-bottom: 0.8em;
}
.modal-list .headline5 span {
    font-size: 4.533vw;
}
}

/* table */
.modal-list .tablebox {
    width: 40em;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.modal-list table {
    width: 100%;
}
.modal-list table th,
.modal-list table td {
    padding: 0.2em 1.75em 0;
    line-height: 2.3;
    text-align: left;
    border-bottom: 1px solid #BABABA;
    white-space: nowrap;
}
.modal-list table th {
    width: 19%;
    background-color: #E5E5E5;
    padding: 0 0.8em;
    font-family: "DINNextLTPro-Bold", "FP-こぶりなゴシック StdN W6", sans-serif;
    font-weight: 600;
}
.modal-list .tablebox .linkbtn {
    text-align: right;
    margin-top: 2em;
}
.modal-list .tablebox .linkbtn a {
    color: #0181C0;
    padding-left: 1.8em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_330%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20330%22%20transform%3D%22translate(-242%20-11431)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_6%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%206%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%228%22%20transform%3D%22translate(242%2011431)%22%20fill%3D%22%230181c0%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_193%22%20data-name%3D%22%E3%83%91%E3%82%B9%20193%22%20d%3D%22M10400.07%2C15731.716l4.051-4.051-4.051-4.051%22%20transform%3D%22translate(-10152.096%20-4288.665)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: 1em auto;
}
@media only screen and (min-width:751px){
.modal-list .tablebox .linkbtn a:hover {
    text-decoration: underline;
}
}
@media only screen and (max-width:750px){
.modal-list .tablebox {
    width: 100%;
    display: block;
}
.modal-list table {
    margin-bottom: 0.5em;
}
.modal-list table th,
.modal-list table td {
    padding: 0.2em 7.5vw 0;
    line-height: 2.46;
}
.modal-list table th {
    padding: 0 3.5vw;
}
.modal-list table th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}
.modal-list table th:first-child::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #BABABA;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.modal-list .tableOver.hand::before {
    top: 2vw;
    transform: translateY(0) translateX(-50%);
}
.modal-list .tableOver.hand::after {
    top: 4vw;
    transform: translateY(0) translateX(-50%);
}
.modal-list .tablebox .linkbtn {
    text-align: left;
    padding-bottom: 10vw;
}
}

/* infobox type */
.modal-list .infobox {
    width: 22em;
}
.modal-list .infobox .type {
    padding-top: 1em;
}
.modal-list .infobox .type ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.modal-list .infobox .type.all ul {
    width: 100%;
    display: block;
}
.modal-list .infobox .type ul li {
    width: 50%;
    border: 1px solid #C9C9C9;
    text-align: center;
    line-height: 2.4;
    box-sizing: border-box;
    padding-top: 0.2em;
    margin-top: -1px;
}
.modal-list .infobox .type.all ul li {
    width: 100%;
    text-align: left;
    padding-left: 3em;
}
.modal-list .infobox .type.tab ul li {
    cursor: pointer;
    transition: 0.4s;
}
.modal-list .infobox .type ul li i {
    display: inline-block;
    width: 0.4375em;
    height: 0.5625em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%228%22%20viewBox%3D%220%200%206%208%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_24%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2024%22%20d%3D%22M4%2C0%2C8%2C6H0Z%22%20transform%3D%22translate(6)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    margin: 0 0.8em 0 -0.8em;
    opacity: 0;
    transition: 0.2s;
}
.modal-list .infobox .type ul li.selected {
    background-color: #0181C0;
    color: #fff;
    font-family: "DINNextLTPro-Bold", "FP-こぶりなゴシック StdN W6", sans-serif;
    font-weight: 600;
}
.modal-list .infobox .type ul li.selected i {
    opacity: 1;
}
.modal-list .infobox .type ul li:nth-child(2n) {
    margin-left: -1px;
}
.modal-list .infobox .type.all ul li:nth-child(2n) {
    margin-left: 0;
}
@media only screen and (min-width:751px){
.modal-list .infobox .type ul li:hover i {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%228%22%20viewBox%3D%220%200%206%208%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_46%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2046%22%20d%3D%22M4%2C0%2C8%2C6H0Z%22%20transform%3D%22translate(6)%20rotate(90)%22%20fill%3D%22%230181c0%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    opacity: 1;
}
.modal-list .infobox .type ul li.selected:hover i {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%228%22%20viewBox%3D%220%200%206%208%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_24%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2024%22%20d%3D%22M4%2C0%2C8%2C6H0Z%22%20transform%3D%22translate(6)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
}
}
@media only screen and (max-width:750px){
.modal-list .infobox {
    width: 100%;
    margin-bottom: 8.5vw;
}
.modal-list .infobox .type {
    padding-top: 4.5vw;
}
.modal-list .infobox .type ul li {
    font-size: 3.733vw;
    width: 50%;
    line-height: 2.46;
    margin-top: -1px;
}
}

/* infobox color */
.modal-list .infobox .color .imgbox {
    margin-bottom: 1em;
}
.modal-list .infobox .color ul {
    display: flex;
    justify-content: center;
}
.modal-list .infobox .color ul li {
    width: 2em;
    padding-bottom: 1.2em;
    margin: 0 0.3em;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.modal-list .infobox .color ul li i {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    position: relative;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 50%;
}
.modal-list .infobox .color ul li:first-child i {
    background-color: #E7C036;
}
.modal-list .infobox .color ul li:nth-child(2) i {
    background-color: #727575;
}
.modal-list .infobox .color ul li:nth-child(3) i {
    background-color: #B6B8B6;
}
.modal-list .infobox .color ul li:nth-child(4) i,
.modal-list .infobox .color ul li i.iv {
    background-color: #E6DFCE;
}
.modal-list .infobox .color ul li:nth-child(5) i {
    background-color: #3F1F1E;
}
.modal-list .infobox .color ul li:nth-child(6) i {
    background-color: #20314E;
}
.modal-list .infobox .color ul li:nth-child(7) i {
    background-color: #A1AB33;
}
.modal-list .infobox .color ul li:nth-child(8) i {
    background-color: #D47627;
}
.modal-list .infobox .color ul li i::before {
    content: '';
    width: 2em;
    height: 2em;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    transition: 0.4s;
}
.modal-list .infobox .color ul li.active i::before {
    border: 2px solid #2091DB;
}
.modal-list .infobox .color ul li span {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    transition: 0.2s;
}
.modal-list .infobox .color ul li.active span {
    opacity: 1;
}
@media only screen and (max-width:750px){
.modal-list .infobox .color .imgbox {
    width: 68vw;
    position: static;
    margin: 0 auto;
}
.modal-list .infobox .color.left ul {
    justify-content: flex-start;
}
.modal-list .infobox .color ul li span {
    font-size: 2.933vw;
}
}

/* tab */
.modal-list .infobox .tabcont {
    display: none;
}
.modal-list .infobox .tabcont.show {
    display: block;
}