@charset "utf-8";
 html {position: relative; height: 100%;}
body {margin: 0;}
h2,.h2{font-size: 3.0rem; font-weight: 600; line-height: 1.2; text-align: center; margin: 0 0 40px; padding: 0;}
h3,.h3{font-size: 2.4rem; line-height: 1.0; text-align: center; margin: 0; padding: 0;}
a{color: #313333; -webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s; text-decoration: none;}
a:hover,
a:focus,
a:active{text-decoration:none;cursor:pointer;}
a:hover {color: #e81321; opacity: 0.75;}
button{-webkit-tap-highlight-color:rgba(0,0,0,.75);}
.btnArea{width: 90%; max-width: 420px; margin: 0 auto;}
.btn {display: block; background: #e81321; color: #fff; font-size: 1.45rem; text-align: center; margin: 20px auto; padding: 15px 35px; position: relative;}
.btn.small {display: block; background: #FFFFFF; color: #272727; border: solid 1px #CECECE; font-size: 1rem !important; text-align: center; margin:1rem; padding: 5px 1.5rem !important; }
.btn.none {background: #c0c0c0; cursor: no-drop;}
.btn i{position: absolute; top: 35%; right: 4%;}
a.btn:hover{color: #fff;}
a.btn.small:hover{color: #5D5D5D;}
.page-loader {background: #fff;}
.br-sm{display: none;}
.br-lg{display: inline-block;}
.cf {zoom: 1;}
.cf:after {display: block; height: 0; content: ""; visibility: hidden; clear: both;}
.text-center { text-align: center;}
.text-left { text-align: left;}
.text-right { text-align: right;}
.img-responsive { display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
.video_wrapper iframe { aspect-ratio: 16/9; width: 100%; height: auto; max-width: 600px; display: block;margin: auto;}
.box_cp {max-width:820px; padding:1rem; border:1px solid #ff8a7d; margin:0 auto; background-color:#ffecea}
#toTop{position: fixed; right: 0; bottom: 0;
font-size: 32px; color: #fff; background: #e50c1a; padding: 10px; line-height: 0; display: block;
box-shadow: 0px 0px 2px 2px rgba(0, 05, 0, 0.45); visibility: hidden; border: none; cursor: pointer; transition: .3s; opacity: 0; z-index: 50;}
#toTop.active{opacity: 1; visibility: visible;}
#toTop.absolute{ }
footer a:hover{opacity: 1;} @media (max-width: 1199px) {
h2,.h2{font-size: 2.8rem; line-height: 1.2; margin: 0 0 30px;}
h3,.h3{font-size: 1.0rem; line-height: 2.2rem;}
.btnArea{width: 65%; max-width: 360px; margin: 0 auto;}
.btn {font-size: 1.1rem; margin: 10px auto; padding: 10px 30px 10px 10px;}
.btn i{top: 37.5%; right: 4%;}
.btn.btn-border-w {border: 1px solid rgba(255, 255, 255, 1.00);}
} @media (max-width: 767px) {
.br-sm{display: inline-block;}
.br-lg{display: none;}
h2,.h2{font-size: 1.55rem; line-height: 1.2; margin: 0 0 20px;}
h3,.h3{font-size: 1.0rem; line-height: 2.2rem;}
.btnArea{width: 75%; max-width: 400px; margin: 0 auto;}
.btn {font-size: 0.85rem; margin: 10px auto; padding: 10px;}
.btn i{top: 37.5%; right: 4%;}
.btn.btn-border-w {border: 1px solid rgba(255, 255, 255, 1.00);}
.btn.small {font-size: 0.7rem !important;}
#toTop{bottom: 110px; font-size: 24px;}
#toTop.absolute{ }
} section:not(#hero) {padding: 80px 0; position: relative;}
.container{width: 1200px; height: 100%; margin: 0 auto; padding: 0; position: relative;}
.flex{display: flex; justify-content: space-between; align-items: flex-start;}
.row{width: 1200px; margin: 0 auto; padding: 0;}
.flex-fix{ display: flex; justify-content: space-between; align-items: flex-start;} @media (max-width: 1199px) {
section:not(#hero) {padding: 60px 0;}
.container{width: 90%;}
.row{width: 90%;}
} @media (max-width: 767px) {
section:not(#hero) {padding: 40px 0;}
.container{width: 90%;}
.flex{flex-direction: column;}
.row{width: 90%;}
} header {margin: 0; padding: 0; position: relative;}
header:after{content: ""; display: block; width: 100%; height: 5px; background-color: #e4141c;}
header h1{display: block; margin: 0;}
header h1 > .title {font-size: 0.75rem; max-width: 700px; padding: 5px 0;}
header .pd-logo{display: block; width: 140px; height: 75px; margin: 15px 0 20px; text-indent: -9999px; overflow: hidden; background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/common/logo.svg); background-position: 0 0; background-size: 140px auto; background-repeat: no-repeat;}
header .pd-logo a{display: block; width: 140px; height: 75px;}
.apply-nav{position: absolute; top: 0; right: 0;}
.apply-nav ul{width: 510px; display: flex; justify-content: space-between; align-items: center; list-style: none; padding: 0; margin: 0;}
.apply-nav .btn-apply{font-size: 16px; margin: 0; padding: 10px 40px 10px 30px;} @media (max-width: 1199px) {
header h1 > .title {font-size: 0.7rem; padding: 2.5px 0;}
header .pd-logo{width: 75px; height: 40px; margin: 5px 0 10px; background-size: 75px auto;}
header .pd-logo a{width: 75px; height: 40px;}
.apply-nav{display: none;}
} nav#global-nav{position: absolute; bottom: 0; right: 0;}
nav#global-nav ul{width: 800px; display: flex; justify-content: space-between; align-items: center; font-size: 0.95rem; list-style: none; margin: 15px 0; padding: 0;}
nav#global-nav ul > li a:hover{color: #e81321; opacity: 1;}
#modal,.menu,.js-modal__btn{display: none;} @media (max-width: 1199px) {
nav#global-nav{display: none;}
#modal{display: block;}
.menu{display: block; width: 30px; height: 35px; position: absolute; top: 50%; right: 0; margin: -2.5px 0 0; padding: 0; border: none;}
.menu span{bottom: 25px; margin: 0;}
.menu span:before {bottom: -10px;}
.menu span:after {bottom: -20px;}
.menu span,
.menu span::before,
.menu span::after {content: ''; display: block; width: 30px; height: 4px; border-radius: 0; background: #434448; transition: 0.5s; position: absolute;} .js-modal__bg {width: 100%; height: 100%;background-color: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; z-index: 10; display: none;}
.js-modal__main {display: none; width: 100%; max-width: 768px; height: 100%; padding: 0; margin: 0 0 0 -384px; bottom: 0; left: 50%; background: #fff; position: fixed; z-index: 20;}
.js-modal__main .modal__header{display: block; width: 100px; height: 55px; margin: 15px auto; text-indent: -9999px; overflow: hidden; background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/common/logo.svg); background-position: 0 0; background-size: 100px auto; background-repeat: no-repeat;}
.js-modal__main .modal__sclollArea{width: 100%; height: 70vh; background: #fff; padding: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; position: relative;}
.js-modal__main .modal__contentsBox{width: 90%; margin: 0 auto 20px;}
.js-modal__main .modal__contentsBox:last-of-type{ margin: 0 auto;}
.js-modal__main .modal__contentsBox .modal__menu{}
.js-modal__main .modal__contentsBox .modal__menu ul{list-style: none; margin: 0; padding: 0;}
.js-modal__main .modal__contentsBox .modal__menu ul > li a{display: block; border-bottom: 2px solid #313333; padding: 5px 0;}
.js-modal__main .modal__contentsBox .modal__menu ul > li a:hover{ border-bottom: 2px solid #e81321;}
.js-modal__main .modal__contentsBox .modal__apply ul{list-style: none; margin: 0; padding: 0;}
.js-modal__main .modal__contentsBox .modal__apply ul.flex{flex-direction: row; position: relative; margin: -10px 0 0;}
.js-modal__main .modal__contentsBox .modal__apply ul.flex li{width: 48%;}
.js-modal__main .modal__contentsBox .modal__apply ul.flex li a.btn{font-size: 0.6rem; padding: 10px 5px;}
.js-modal__main .modal__contentsBox .modal__apply .tel{border: 2px solid #e81321; padding: 10px 10px 11px; text-align: center; font-size: 0.8rem; line-height: 1.25rem;}
.js-modal__main .modal__contentsBox .modal__apply .tel span{font-size: 1.5rem; font-weight: 700; color: #e81321; line-height: 1.8rem; letter-spacing: 2px;}
.js-modal__main .modal__contentsBox .modal__apply .modal__banner{max-width: 600px; margin: 0 auto;}
.js-modal__main .modal__contentsBox .modal__apply .modal__banner::before{content: ""; display: block; width: 100%; height: 1px; background: #cccccc; margin: 5px 0 15px;}
.js-modal__btn--close--fix {width: 30px; height: 30px; border-radius: 50%; position: absolute; top: 20px; right: 20px; z-index: 101; margin: 0; cursor: pointer;　-webkit-tap-highlight-color: rgba(0,0,0,0);}
.js-modal__btn--close--fix:before{content: ""; width: 30px; height: 30px; border-right: 5px solid #363838; transform: rotate(-45deg); position: absolute; top: 12px; left: -13px;}
.js-modal__btn--close--fix:after{content: ""; width: 30px; height: 30px; border-right: 5px solid #363838; transform: rotate(45deg); position: absolute; top: -10px; left: -13px;}
.js-modal__main._slideUp {animation: SlideUp .5s ease-in-out forwards;}
.js-modal__main._slideDown {animation: SlideDown .5s ease-in-out forwards;}
} @media (max-width: 767px) { .js-modal__main {margin: 0; bottom: 0; left: 0;}
} #hero{position: relative; background: #f2f2f2;}
#hero .slick-Area{max-width: 100%; margin: 0 auto; padding: 30px 0;}
#hero .slick-slider{height: auto;}
#hero .slick-slide{width:100vw; height: auto; margin:0 auto; text-align:center;}
#hero .slick-slide img{object-fit:cover; width: 100%; height: auto; margin: 0 auto;}
#hero .slick-slide a:hover{display: block; opacity: .7;}
#hero .slick-slide {padding: 0 15px; transition-duration: 0.3s;} #hero .slick-slide .video_box{overflow: hidden;}
#hero .slick-slide .video_box video.video-background {position: relative; top: 0; left: 100%; width: 100%; height: 100%; margin: 0; z-index: 0; transform: translateX(-100%); object-fit: cover;}
#hero .slick-dots {width: 5%; display: flex; justify-content: center; position: absolute; bottom: -2rem; left: 50%; margin: 0 0 0 -5%; z-index: 1;}
#hero .slick-dots li {position: relative; width: 20px; height: 20px; margin: 0 2.5%; padding: 0;}
#hero .slick-dots li button:before {font-size: 10px;}
#hero .slick-dotted.slick-slider {margin-bottom: 0;} @media (max-width: 1199px) {
} @media (max-width: 767px) {
#hero .slick-Area{padding: 20px 0;}
#hero .slick-slide {padding: 0 5px;}
} @media (max-height: 720px) and (min-width: 1200px) {
} #entrance{background: #f2f2f2;}
#entrance h3{font-weight: 600; margin: 0 0 60px;}
#entrance h3 > span{display: block; width: 700px; font-size: 2.0rem; margin: 20px auto; position: relative;}
#entrance h3 > span:before,
#entrance h3 > span:after{content: ""; display: block; position: absolute; top: 50%; width: 30%; height: 2px; background-color: #313333;}
#entrance h3 > span:before{left: 0;}
#entrance h3 > span:after{right: 0;}
#entrance ul{list-style: none; margin: 0 auto; padding: 0; justify-content: space-around !important; position: relative;}
#entrance .customer { background-color: #ffffff; margin-top: 20px;}
#entrance .customer h2 { font-size: 1.8rem; margin: 0; padding: 2rem 0 0; color: #e40008}
#entrance .customer h2 span{ display: inline-block; background-color: #000000; color: #ffffff; border-radius: 20rem; padding: 1rem 3rem}
#entrance .customer ul{width: 1000px; margin: 0 auto; justify-content: space-between !important; padding: 20px 0;} #entrance .customer ul > li{text-align: center;}
#entrance .customer ul > li a:before{content: ""; display: block; background-repeat: no-repeat; width: 200px; height: 200px; margin: 10px auto;}
#entrance .customer ul > li:nth-child(2) a:before{background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/pd_menuIco_agree.svg);}
#entrance .customer ul > li:nth-child(1) a:before{background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/pd_menuIco_machine.svg);}
#entrance .customer ul > li:nth-child(3) a:before{background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/pd_menuIco_estimate.svg);}
#entrance .customer ul > li:nth-child(4) a:before{background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/pd_menuIco_company.svg);}
#entrance .customer ul > li a:hover{color: #e4141c; opacity: 1;}
#entrance .customer ul > li a:before{transition: .2s;}
#entrance .customer ul > li a:hover:before{opacity: .75; transition: .2s;}
#entrance .service ul{width: 970px; margin: 0 auto;}
#entrance .service ul > li{width: 440px;}
#entrance .service ul > li a:hover{color: #e4141c;}
#entrance .service ul > li p{line-height: 1.6; margin: 0;}
#entrance .popup{display: block; width: 970px; text-align: center; margin: -25px auto 50px; padding: 0 0 50px; position: relative;}
#entrance .popup::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; border-top: 2px dotted #333; margin: 0 auto;} section#entrance {padding: 40px 0}
.salespt{ position: relative; padding-bottom: 30px;}
#salespt1 {
aspect-ratio: 960/438;
max-width: 720px;
margin-left: auto; margin-right: auto;
background-image:url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/salesept_1.png);
background-size:cover;
overflow: hidden; text-indent: 100%; white-space: nowrap;
}
#salespt2 {
aspect-ratio: 1200/538;
max-width: 1100px;
margin-left: auto; margin-right: auto;
background-image:url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/salesept_2.png);
background-size:cover;
overflow: hidden; text-indent: 100%; white-space: nowrap;
}
.salespt div.ontxt {
max-width: 720px;
margin-left: auto; margin-right: auto; text-align: center;
}
.salespt div.ontxt p {font-weight: bold; font-size: 1.2em; line-height: 1.5em}
.salespt div.ontxt p span{font-weight:normal; font-size: 0.8em; line-height: 1.5em}  @media (max-width: 1199px) {
#entrance h3{font-size: 1.8rem; margin: 0 0 15px;}
#entrance h3 > span{width: 100%; max-width: 360px; font-size: 1.2rem; margin: 5px auto 0;}
#entrance h3 > span:before,
#entrance h3 > span:after{content: ""; width: 25%; height: 1px;}
#entrance .customer h2{font-size: 2.8rem; line-height: 1.2; margin: 0 0 30px;}
#entrance .customer ul{width: 100%; max-width: 900px; margin: 50px auto 100px;}
#entrance .customer ul:after{content: ""; bottom: -80px; height: 2px;}
#entrance .customer ul > li{width: 50%; font-size: 0.8rem;}
#entrance .customer ul > li a:before{content: ""; width: auto; height: auto; margin: 5px auto; padding: 36%; background-position: center;}
#entrance .service ul{width: 100%; max-width: 850px;}
#entrance .service ul > li{width: 45%;}
#entrance .service ul > li p{font-size: 0.85rem;}
#entrance .popup{width: 80%; margin: -25px auto 50px; padding: 0 0 25px;}
} @media (max-width: 767px) {
#entrance h3{font-size: 1.0rem; margin: 0 0 15px; line-height: 1.6rem;}
#entrance h3 > span{width: 80%; max-width: 260px; font-size: 1.0rem; margin: 0 auto;}
#entrance h3 > span:before,
#entrance h3 > span:after{content: ""; width: 20%; height: 1px;}
#entrance .customer {margin-top:0;}
#entrance .customer h2{font-size: 1rem; line-height: 1; margin: -5px 0 -10px;}
#entrance .customer ul{width: 95%; max-width: 600px; margin: 0 auto; flex-wrap: wrap; flex-direction: row;}
#entrance .customer ul:after{content: ""; bottom: -40px; margin: 15px auto; height: 1px;}
#entrance .customer ul > li{width: 50%; font-size: 0.75rem;}
#entrance .customer ul > li a:before{content: ""; width: auto; height: auto; margin: 5px auto; padding: 36%; background-position: center;}
#entrance .service ul{width: 100%; max-width: 420px;}
#entrance .service ul > li{width: 100%; margin: 0 0 20px;}
#entrance .service ul > li:last-child{margin: 0;}
#entrance .service ul > li p{font-size: 0.8rem; line-height: 1.4;}
#entrance .popup{width: 100%; margin: -20px auto 35px; padding: 0 0 15px;}
#entrance .popup::after{content: ""; border-top: 1px dotted #333; margin: 0 auto;} .salespt div.ontxt { text-align: left;}
.salespt div.ontxt p {font-weight: bold; font-size: 0.9em; line-height: 1.5em}
.salespt div.ontxt p span{font-weight:normal; font-size: 0.7em; line-height: 1.2em} }  #topservice{background: #ffffff;}
#topservice h3{font-size: 3.8rem; line-height: 1.2; font-weight: 600; margin: 0 0 60px;}
#topservice h3 > span{display: block; font-size: 1.8rem; font-weight: normal; line-height: 3.0rem;} #topservice ul{list-style: none; margin: 0 auto; padding: 0; justify-content: space-around !important; position: relative;}
#topservice .customer ul{width: 1000px; margin: 60px auto 135px; justify-content: space-between !important;}
#topservice .customer ul:after{content: ""; display: block; position: absolute; bottom: -100px; left: 0; width: 100%; margin: 30px auto; height: 2px; background-color: #313333;}
#topservice .customer ul > li{text-align: center;}
#topservice .customer ul > li a:before{content: ""; display: block; background-repeat: no-repeat; width: 200px; height: 200px; margin: 10px auto;}
#topservice .customer ul > li:nth-child(1) a:before{background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/pd_menuIco_agree.svg);}
#topservice .customer ul > li:nth-child(2) a:before{background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/pd_menuIco_machine.svg);}
#topservice .customer ul > li:nth-child(3) a:before{background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/pd_menuIco_estimate.svg);}
#topservice .customer ul > li:nth-child(4) a:before{background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/pd_menuIco_company.svg);}
#topservice .customer ul > li a:hover{color: #e4141c; opacity: 1;}
#topservice .customer ul > li a:before{transition: .2s;}
#topservice .customer ul > li a:hover:before{opacity: .75; transition: .2s;}
#topservice .service ul{flex-wrap: wrap; width: 1000px; margin: 0 auto;}
#topservice .service ul > li{width: 22%; margin: 1.5%;}
#topservice .service ul > li a:hover{color: #e4141c;}
#topservice .service ul > li p{font-size: 0.85rem; line-height: 1.6; margin: 0;}
#topservice .popup{display: block; width: 970px; text-align: center; margin: -25px auto 50px; padding: 0 0 50px; position: relative;}
#topservice .popup::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; border-top: 2px dotted #333; margin: 0 auto;} @media (max-width: 1199px) {
#topservice h3{font-size: 1.8rem; margin: 0 0 15px;}
#topservice h3 > span{width: 100%; max-width: 360px; font-size: 1.2rem; margin: 5px auto 0;}
#topservice h3 > span:before,
#topservice h3 > span:after{content: ""; width: 25%; height: 1px;}
#topservice .customer h2{font-size: 2.8rem; line-height: 1.2; margin: 0 0 30px;}
#topservice .customer ul{width: 100%; max-width: 900px; margin: 50px auto 100px;}
#topservice .customer ul:after{content: ""; bottom: -80px; height: 2px;}
#topservice .customer ul > li{width: 50%; font-size: 0.8rem;}
#topservice .customer ul > li a:before{content: ""; width: auto; height: auto; margin: 5px auto; padding: 36%; background-position: center;}
#topservice .service ul{width: 100%; max-width: 850px;}
#topservice .service ul > li{width: 45%;}
#topservice .service ul > li p{font-size: 0.85rem;}
#topservice .popup{width: 80%; margin: -25px auto 50px; padding: 0 0 25px;}
} @media (max-width: 767px) {
#topservice h3{font-size: 1.55rem; line-height: 1.2; margin: 0 0 20px;}
#topservice h3 > span{font-size: 1.0rem; line-height: 1.8rem;} #topservice .customer h2{font-size: 1.2rem; line-height: 1; margin: -5px 0 -10px;}
#topservice .customer ul{width: 95%; max-width: 600px; margin: 25px auto 45px; flex-wrap: wrap; flex-direction: row;}
#topservice .customer ul:after{content: ""; bottom: -40px; margin: 15px auto; height: 1px;}
#topservice .customer ul > li{width: 50%; font-size: 0.75rem;}
#topservice .customer ul > li a:before{content: ""; width: auto; height: auto; margin: 5px auto; padding: 36%; background-position: center;}
#topservice .service ul{width: 100%; max-width: 480px; flex-direction: row;}
#topservice .service ul > li{width: 45%; margin: 0 0 25px;}
#topservice .service ul > li:last-child{margin: 0;}
#topservice .service ul > li p{font-size: 0.8rem; line-height: 1.4;}
#topservice .popup{width: 100%; margin: -20px auto 35px; padding: 0 0 15px;}
#topservice .popup::after{content: ""; border-top: 1px dotted #333; margin: 0 auto;}
}  #performance{background: #f2f2f2;}
#performance h2{color: #fff;}
#performance p{font-size: 2.0rem; color: #fff; line-height: 1.8; margin: 0; text-align: center;}
#performance .interview a:hover{opacity: 1; color: #313333;}
#performance .interview a:hover .interviewBox .catch{transition: .2s;}
#performance .interview .entry{background: #f2f2f2; padding: 3px; margin: 0 15px;}
#performance .interviewBox{position: relative;}
#performance .interviewBox{transition: .2s;}
#performance .interviewBox .status{width: 250px; position: absolute; top: 325px; right: 0; background-color: rgba(255,255,255,0.55);}
#performance .interviewBox .status dl{display: flex; align-items: center; margin: 0; padding: 10px;}
#performance .interviewBox .status dt{width: 30%; margin: 0; padding: 0; line-height: 1;}
#performance .interviewBox .status dd{font-size: 1.0rem; font-weight: 600; line-height: 1.6rem; margin: 0 0 0 5px;}
#performance .interviewBox .status dd span{display: block; font-size: 0.65rem; line-height: 1.0rem;}
#performance .interviewBox .images{margin: 0; padding: 0;}
#performance .interviewBox .catch{padding: 0 15px 15px; font-size: 1.7rem; font-weight: 600; line-height: 3.0rem; position: relative;}
#performance .interviewBox .catch span{display: block; font-size: 0.75rem; font-weight: normal; line-height: 1;}
#performance .interviewBox .catch i{font-size: 1.4rem; font-weight: normal; position: absolute; top: 50%; right: 15px; margin: -10px 0 0;}
#performance .interview a:hover .interviewBox .catch{color: #e4141c;}
#performance .interview a:hover .interviewBox .catch span{color: #313333;} @media (max-width: 1199px) {
#performance p{font-size: 1.0rem;}
#performance .interview .slick-dots {bottom: -40px;}
#performance .interview .slick-dots li {margin: 0 10px;}
#performance .interview .slick-dots li button:before {content: "•"; color: #cccccc; font-size: 20px; line-height: 20px;}
#performance .interview .slick-dots li.slick-active button:before {color: #6d0101; opacity: 1;}
#performance .interviewBox .status{top: 70%;}
#performance .interviewBox .status dt {width: 25%;}
#performance .interviewBox .status dd{font-size: 0.8rem; line-height: 1.45rem;}
#performance .interviewBox .catch{padding: 15px; font-size: 1.1rem; line-height: 2.0rem;}
} @media (max-width: 767px) {
#performance p{font-size: 1.0rem;}
#performance .interview.mt-50{margin-top: 25px !important;}
#performance .interview .entry{width: 250px; margin: 0 7.5px;}
#performance .interview .slick-dots {bottom: -40px;}
#performance .interview .slick-dots li {margin: 0 10px;}
#performance .interview .slick-dots li button:before {content: "•"; color: #cccccc; font-size: 20px; line-height: 20px;}
#performance .interview .slick-dots li.slick-active button:before {color: #6d0101; opacity: 1;}
#performance .interviewBox .status{width: 220px; top: 63%;}
#performance .interviewBox .status dl{padding: 5px;}
#performance .interviewBox .status dt {width: 25%;}
#performance .interviewBox .status dd{font-size: 0.8rem; line-height: 1.45rem;}
#performance .interviewBox .catch{padding: 10px; font-size: 1.1rem; line-height: 2.0rem;}
#performance .interviewBox .catch span{font-size: 0.65rem;}
#performance .interviewBox .catch i{font-size: 1.2rem; right: 10px;}
}  #magazine.top:after{content: ""; background-color: #cccccc; display: block; width: 100%; height: 1px; margin: 80px auto -80px;}
#magazine.top h3{font-size: 3.8rem; line-height: 1.2; font-weight: 600; margin: 0 0 60px;}
#magazine.top h3 > span{display: block; font-size: 1.8rem; font-weight: normal; line-height: 3.0rem;} @media (max-width: 1199px) {
#magazine.top:after{margin: 60px auto -60px;}
#magazine.top h3{font-size: 1.8rem; margin: 0 0 15px;}
#magazine.top h3 > span{width: 100%; max-width: 360px; font-size: 1.2rem; margin: 5px auto 0;}
} @media (max-width: 767px) {
#magazine.top:after{margin: 40px auto -40px;}
#magazine.top h3{font-size: 1.55rem; line-height: 1.2; margin: 0 0 20px;}
#magazine.top h3 > span{font-size: 1.0rem; line-height: 1.8rem;}
}  #store .infiniteslide_wrap{margin: 60px auto 0;}
#store .infiniteslide_wrap ul{list-style: none; margin: 0; padding: 0;}
#store .infiniteslide_wrap ul li{margin: 0 15px;}
#store .infiniteslide_wrap p{text-align: right; font-size: 0.85rem; margin: 15px 0 0; padding: 0;}
#store .slick-store{margin: 0 auto; padding: 0;}
#store .store_inner{width: 1200px; margin: 0 auto;}
#store .store_inner .store__slider-item{margin: 0 25px;}
#store .store_inner .slick-dots {bottom: -60px;}
#store .store_inner .slick-dots li {margin: 0 10px;}
#store .store_inner .slick-dots li button:before {content: "•"; color: #cccccc; font-size: 20px; line-height: 20px;}
#store .store_inner .slick-dots li.slick-active button:before {color: #ea000f; opacity: 1;}
#store .store_inner li.slick-slide{margin: 0 15px;}
#store .store_inner .store__image,
#store .store_inner .store__detail{width: 100%;}
#store .store_inner .store__detail .category{background: #888888; display: inline-block; font-size: 0.8rem; font-weight: 500; color: #fff; text-align: center; padding: 1px; min-width: 180px; margin: 10px 0; border-radius: 5px;}
#store .store_inner .store__detail .name h4{font-size: 1.25rem; font-weight: 600; line-height: 1.25rem; margin: 5px 0 10px;}
#store .store_inner .store__detail .address p{font-size: 0.75rem; margin: 0; padding: 0;}
#store .store_inner .store__detail .address p span{display: inline-block; background: #e81321; color: #fff; font-size: 0.7rem; line-height: 1.0rem; padding: 1px 12px 2px; margin-left: 10px;} #store .slick-dotted.slick-slider {margin-bottom: 100px;}
#store .store__image .slick-slide,
#store .store__image{overflow: hidden; height: 215px; margin-bottom: 5px; position: relative;}
#store .store__image .slick-slide img,
#store .store__image img{width: 100%; height: auto; position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);} @media (max-width: 1199px) {
#store .infiniteslide_wrap{margin: 50px auto;}
#store .store_inner{width: 100%; max-width: 720px;}
#store .store_inner .slick-dots li {margin: 0 5px;}
#store .store_inner .store__image,
#store .store_inner .store__detail{width: 100%;}
#store .store__image .slick-slide,
#store .store__image {height: 430px;}
} @media (max-width: 767px) {
#store .infiniteslide_wrap{margin: 30px auto 0; width: 100%; max-width: 480px;}
#store .infiniteslide_wrap ul > li{width: 48%; margin: 10px 0;}
#store .infiniteslide_wrap ul.infiniteslide{flex-flow: wrap !important; align-items: flex-start !important; justify-content: space-between; animation: none !important;}
#store .infiniteslide_wrap ul > li.infiniteslide_clone{display: none !important;}
#store .slick-store{margin: 0 auto 60px;}
#store .store_inner{width: 100%;}
#store .store_inner .store__slider-item{width: 270px; margin: 0 7.5px;}
#store .store_inner .slick-dots {bottom: -45px;}
#store .store_inner .slick-dots li button:before {font-size: 16px; line-height: 16px;}
#store .store_inner .store__detail .category{font-size: 0.75rem; min-width: 160px;}
#store .store_inner .store__detail .name h4{font-size: 1.0rem; line-height: 1.0rem; margin: 0px 0 5px;}
#store .store_inner .store__detail .address p{font-size: 0.75rem; margin: 0; padding: 0;}
#store .store_inner .store__detail .address p span{padding: 1px 10px 2px; margin-left: 5px;}
#store .store__image .slick-slide,
#store .store__image {height: 215px;} #store .slick-dotted.slick-slider {margin-bottom: 60px;}
} #machine{background: #f2f2f2;}
#machine ul{list-style: none; margin: 0; padding: 0; flex-wrap: wrap;}
#machine ul.limited{}
#machine ul.limited > li{width: 50%; padding: 0; margin: 0;}
#machine ul.limited > li a.cpn{width: 250px !important; background: #176fb9; padding: 15px 26px 15px 5px; letter-spacing: 0;}
#machine ul > li{width: 45%; padding: 2.5%; margin: 30px 0;}
#machine ul > li .images{text-align: center; position: relative;}
#machine ul > li .images .ico_online{position: absolute; top: 0; right: -15px;}
#machine ul > li .images .ico_offline{position: absolute; top: 60px; right: -15px;}
#machine ul > li .detail{height: 320px; display: table-cell; vertical-align: bottom;}
#machine ul > li .detail h3{text-align: left; font-weight: 600; letter-spacing: 3px; margin: 10px 0;}
#machine ul > li .detail h3 span{display: block; font-size: 1.8rem; letter-spacing: normal;}
#machine ul > li .detail ul{justify-content: center;}
#machine ul > li .detail ul > li{width: 50%; padding: 0; margin: 0;}
#machine ul > li .detail p{height: 130px; font-size: 1.4rem; line-height: 1.6;}
#machine ul > li .detail p span {display: block; text-align: right; font-size: 1.0rem; margin: 0;}
#machine ul > li .detail p span.tips {line-height: 1.6rem; text-align: left; font-size: 0.8rem; margin: 0;}
#machine ul > li .detail a.btn{width: 220px; font-size: 1.1rem; line-height: 1.25em; margin: 0 auto;}
#machine .slick-shopimage ul.slick-dots  { position: relative; bottom: -10px;}
#machine .slick-shopimage .slick-dots li { width:20px; padding: 0}
.wrap_slick_gallery { margin: 0 2rem} @media (max-width: 1199px) {
#machine ul > li{padding: 0;}
#machine ul > li a.btn{padding: 10px 25px 10px 10px;}
#machine ul.limited {width: 70%;}
#machine ul.limited > li {width: 42%; padding: 0; margin: 0;}
#machine ul.limited > li a.cpn{width: 180px !important; padding: 10px 30px 10px 10px;}
#machine ul > li .images{width: 35%; margin: 0 auto;}
#machine ul > li .images .ico_online{width: 75%; right: -75%;}
#machine ul > li .images .ico_offline{width: 75%; right: -75%; top: 8.5%;}
#machine ul > li .detail{height: 240px;}
#machine ul > li .detail h3{font-size: 1.8rem; line-height: 1.8rem;}
#machine ul > li .detail h3 span{font-size: 1.25rem;}
#machine ul > li .detail ul > li{width: 100%; padding: 5px 0;}
#machine ul > li .detail p{height: auto; font-size: 1rem; line-height: 1.6;}
#machine ul > li .detail a.btn{font-size: 1.0rem; width: 100%; max-width: 210px;}
} @media (max-width: 767px) {
#machine ul.limited {width: 100%;}
#machine ul.limited > li{width: 100%; margin: 15px 0;}
#machine ul.limited > li a.cpn{width: 180px !important; padding: 10px;}
#machine ul.limited > li:last-of-type{margin: 0;}
#machine ul.limited > li:last-of-type::after {display: none;}
#machine ul.limited > li::after{display: none;}
#machine ul > li{width: 100%; margin: 15px 0; padding: 0;}
#machine ul > li:after {content: ""; display: block; width: 100%; height: 1px; background: #cccccc; margin: 30px 0 5px;}
#machine .slick-shopimage ul > li:after { display: none;}
#machine ul > li:last-child{margin: 15px 0 0;}
#machine ul > li:last-child::after{display: none;}
#machine ul > li .images{width: 35%; margin: 0 auto;}
#machine ul > li .images .ico_online{width: 80%; right: -90%;}
#machine ul > li .images .ico_offline{width: 80%; right: -90%; top: 9.5%;}
#machine ul > li .detail{height: auto; display: block;}
#machine ul > li .detail h3{font-size: 1.4rem; line-height: 1.2rem;}
#machine ul > li .detail h3 span{font-size: 1.25rem;}
#machine ul > li .detail p{font-size: 1rem; line-height: 1.6;}
#machine ul > li .detail a.btn{width: 100%; padding: 10px 30px 10px 10px; margin: 0 auto;}
.wrap_slick_gallery { margin: 0 -20px;}
#machine .slick-shopimage li.slick-slide {filter: brightness(50%)} 
#machine .slick-shopimage li.slick-active {filter: brightness(100%)} 
} #outline{}
#outline .price,
#outline .flow,
#outline .qa{width: 1000px; margin: 0 auto;}
#outline .price:after,
#outline .flow:after{content: ""; background-color: #cccccc; display: block; width: 100%; height: 1px; margin: 60px auto;}
#outline .price ul{list-style: none; padding: 0; margin: 0;}
#outline .price ul > li{background: #ccc; padding: 35px; margin: 30px 0;}
#outline .price ul > li:nth-child(1){background: #167baf;}
#outline .price ul > li:nth-child(2){background: #e60343;}
#outline .price ul > li dl{align-items: center;}
#outline .price ul > li dt{width: 280px; background: #fff; font-size: 3.0rem; font-weight: 600; line-height: 1; padding: 25px 5px 20px; text-align: center;}
#outline .price ul > li dt span{font-size: 1.35rem; font-weight: 700; margin: 0 0 10px; letter-spacing: -1px; color: #167baf;}
#outline .price ul > li dd{width: 100%; font-size: 5.2rem; letter-spacing: 5px; line-height: 5.6rem; font-weight: 600; color: #fff; margin: 0; padding: 0; text-align: center;}
#outline .price ul > li sup{font-size: 1.6rem; font-weight: normal; line-height: 1; vertical-align: 35px;}
#outline .price span{display: block; width: 100%; font-size: 0.8rem; letter-spacing: 1px; text-align: center; line-height: 1.2rem; margin: 5px 0 0;}
#outline .price span.tax{display: inline; font-size: 2.0rem; margin: 0 0 0 -15px; text-align: left; vertical-align: -5px;}
#outline .banaArea{margin: 50px auto; width: 650px;}
#outline .flow p{font-size: 1.5rem; text-align: center; margin: 0;}
#outline .flow ol{background: #f2f2f2; list-style: none; margin: 60px 0; padding: 60px;}
#outline .flow ol > li{position: relative; padding: 0 0 0 70px;}
#outline .flow ol > li:before{content: "0"; background-color: #e4141c; color: #fff; display: block; width: auto; font-size: 2.2rem; font-weight: 700; line-height: 1; text-align: center; position: absolute; top: 40px; left: 0; border-radius: 50%; margin: -30px 0 0 0; padding: 7px 17px 12px;}
#outline .flow ol > li:nth-child(1):before{content: "1";}
#outline .flow ol > li:nth-child(2):before{content: "2";}
#outline .flow ol > li:nth-child(3):before{content: "3";}
#outline .flow ol > li:nth-child(4):before{content: "4";}
#outline .flow ol > li:nth-child(5):before{content: "5";}
#outline .flow ol > li:nth-child(6):before{content: "6";}
#outline .flow ol > li:after{content: ""; background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/common/pd_ico_arrow.svg); background-repeat: no-repeat; display: block; width: 70px; height: 70px; margin: 20px auto; padding: 0 45px 0 0;}
#outline .flow ol > li:last-child:after{display: none;}
#outline .flow ol > li h4{font-size: 1.8rem; font-weight: 700; line-height: 1.4; margin: 0 0 5px;}
#outline .flow ol > li p{font-size: 1.2rem; line-height: 1.8rem; text-align: left;}
#outline .merit h3{position: relative; margin: 20px 0; padding: 0 0 0 15px; font-size: 1.25rem; line-height: 1.25em;}
#outline .merit h3:before {content: ''; display: block; width: 5px; height: 100%; background-color: #999; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0;}
#outline .merit dl{width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
#outline .merit dt{width: 45%;}
#outline .merit dd{width: 52.5%; font-size: 0.875rem; margin: 0 0 0 2.5%;}
#outline .qa ul{list-style: none; margin: 0; padding: 0;}
#outline .qa ul > li{position: relative;}
#outline .qa ul > li:after{content: ""; display: block; background: #999; width: 100%; height: 2px;}
#outline .qa ul > li p{font-size: 1.1rem; line-height: 2.0rem; margin: 0; padding: 30px;}
#outline .qa ul > li p a{color: #e81321;}
#outline .qa ul > li .toggleBtn{display: block; width: 100%; height: 90px; position: absolute; top: 0; right: 0; z-index: 9; cursor: pointer;}
#outline .qa ul > li .toggleBtn span::before{content: ''; display: block; width: 25px; height: 5px; background-color: #e81321; position: absolute; top: 0; bottom: 0; right: 8px; margin: auto 0; transition: .2s;}
#outline .qa ul > li .toggleBtn span::after{content: ''; display: block; width: 25px; height: 5px; background-color: #e81321; position: absolute; top: 0; bottom: 0; right: 8px; margin: auto 0; transition: .2s;}
#outline .qa ul > li .toggleBtn span::before{transform: rotate(90deg);}
#outline .qa ul > li .toggleBtn span.active::before{transform: rotate(270deg); opacity: 0;}
#outline .qa ul > li .toggleBtn span.active::after{transform: rotate(180deg);}
#outline .qa ul > li .toggleArea{background-color: #f2f2f2;} @media (max-width: 1199px) {
#outline .price,
#outline .flow,
#outline .qa{width: 100%;}
#outline .price:after,
#outline .flow:after{margin: 50px auto;}
#outline .price ul > li{max-width: 800px; padding: 25px; margin: 30px auto;}
#outline .price ul > li dt{width: 40%; max-width: 160px; font-size: 2.0rem; padding: 25px 0; margin: 0 5px 0 0;}
#outline .price ul > li dd{font-size: 3.2rem; line-height: 2.5rem;}
#outline .price ul > li sup{font-size: 0.6rem; vertical-align: 8px;}
#outline .price span {width: 85%; font-size: 0.75rem; letter-spacing: 1px; line-height: 1.0rem; margin: 20px auto 0;}
#outline .flow p{font-size: 1.0rem;}
#outline .flow ol{margin: 40px 0; padding: 40px;}
#outline .flow ol > li{padding: 0 0 0 50px;}
#outline .flow ol > li:before{font-size: 1.0rem; top: 40px; margin: -33px 0 0 0; padding: 7px 12px 10px;}
#outline .flow ol > li:after{width: 50px; height: 50px; margin: 15px auto; padding: 0 25px 0 0;}
#outline .flow ol > li h4{font-size: 1.4rem;}
#outline .flow ol > li p{font-size: 1.0rem; line-height: 1.4rem;}
#outline .qa ul > li p{font-size: 1.0rem; line-height: 2.0rem; padding: 20px 30px 20px 20px;}
#outline .qa ul > li .toggleBtn{height: 75px;}
} @media (max-width: 767px) {
#outline .price,
#outline .flow,
#outline .qa{width: 100%;}
#outline .price:after,
#outline .flow:after{margin: 30px auto;}
#outline .price ul > li{padding: 20px; margin: 20px 0;}
#outline .price ul > li dl {flex-direction: column; margin: 0;}
#outline .price ul > li dt{width: 100%; max-width: 400px; font-size: 1.1rem; line-height: 1; padding: 10px 0; margin: 0 0 5px;}
#outline .price ul > li dt span{display: inline; font-size: 1.0rem; margin: 0; letter-spacing: 0;}
#outline .price ul > li dd{font-size: 2.0rem; line-height: 3.2rem; letter-spacing: 1.5px;}
#outline .price ul > li sup{font-size: 0.6rem; vertical-align: 8px;}
#outline .price span{width: 100%; font-size: 0.64rem; line-height: 0.95rem; font-weight: normal; letter-spacing: 0; margin: 0;}
#outline .price span.tax{font-size: 0.85rem; margin: 0 0 0 -5px; vertical-align: -2px;}
#outline .banaArea{margin: 25px auto; width: 100%; max-width: 600px;}
#outline .flow p{font-size: 0.9rem;}
#outline .flow ol{margin: 30px 0; padding: 20px;}
#outline .flow ol > li{padding: 0 0 0 45px;}
#outline .flow ol > li:before{font-size: 1.0rem; top: 40px; margin: -33px 0 0 0; padding: 7px 12px 10px;}
#outline .flow ol > li:after{width: 35px; height: 35px; margin: 10px auto; padding: 0 35px 0 0;}
#outline .flow ol > li h4{font-size: 1.1rem;}
#outline .flow ol > li p{font-size: 0.8rem; line-height: 1.4rem;}
#outline .merit dt{width: 100%; text-align: center; margin: 0 auto;}
#outline .merit dd{width: 100%; margin: 0 auto; font-size: initial;}
#outline .qa ul > li:after{height: 1px;}
#outline .qa ul > li p{font-size: 0.85rem; line-height: 1.4rem; padding: 15px 30px 15px 15px;}
#outline .qa ul > li .toggleBtn{height: 75px;}
#outline .qa ul > li .toggleBtn span::before{width: 15px; height: 3px; right: 10px;}
#outline .qa ul > li .toggleBtn span::after{width: 15px; height: 3px; right: 10px;}
} #news {background: #f2f2f2;}
#news h2 > span{font-size: 1.8rem; line-height: 3.0rem; display: block; font-weight: normal;}
#news ul.news-entry{width: 1000px; list-style: none; margin: 0 auto; padding: 0;}
#news ul.news-entry > li dl{margin: 0 0 50px; padding: 0;}
#news ul.news-entry > li dt{position: relative; width: 25%; max-width: 200px; margin-right: 2.5%;}
#news ul.news-entry > li dt .label{display: block; width: 100%; background: #c0c0c0; color: #444444; text-align: center; font-size: 1.0rem; line-height: 2.0rem; font-weight: 600; letter-spacing: 3px; padding: 1px 0 2px; position: absolute; bottom: 0; left: 0; border-radius: 0;} #news ul.news-entry > li dd{width: 100%; margin: 0; padding: 0;}
#news ul.news-entry > li dd p{margin: 0; line-height: 1.8rem;}
#news ul.news-entry > li dd p.news__date{font-size: 0.9rem; letter-spacing: 3px; margin-bottom: 5px;}
#news ul.news-entry > li dd p.news__ttl{font-size: 1.2rem; font-weight: 700; margin-bottom: 5px;}
#news ul.news-entry > li dd .news__txt{position: relative;}
#news ul.news-entry > li dd .news__txt::before{content: 'more >>'; display: block; font-size: 0.85rem; position: absolute; bottom: -30px; right: 0;}
#news .pager{text-align: center;}
#news .pager .page-numbers{background: #eeeeee; border: 1px solid #cccccc; padding: 5px 10px;}
#news .pager .page-numbers.current{background: #e81321; color: #fff;}
#news .single{width: 900px; margin: 0 auto; position: relative;}
#news .single::after{content: ""; background-color: #cccccc; display: block; width: 100%; height: 1px; margin: 50px auto;}
#news .single h4{position: relative; font-size: 1.8rem; padding: 0 0 0 15px;}
#news .single h4::before{content: ''; display: block; width: 6px; height: 85%; background-color: #e81321; position: absolute; top: 2px; bottom: 0; left: 0; margin: auto 0;}
#news .single .date{font-size: 0.9rem; letter-spacing: 3px; margin: -1.63rem 0 1.33em; text-align: right;}
#news .news__images,
#news .news__detail .news__box,
#news .news__detail .box__table,
#news .news__detail .box__list,
#news .news__detail .box__flex
#news .news__detail .box__mintro{margin: 0 0 20px;}
#news .news__detail h3{font-size: 2.25rem; line-height: 1.33em; font-weight: 500;}
#news .news__detail h5{position: relative; margin: 1rem 0; padding: 0 0 0 15px; font-size: 1.25rem; line-height: 1.33em;}
#news .news__detail h5::before{content: ''; display: block; width: 5px; height: 100%; background-color: #999; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0;}
#news .news__detail .btnArea.btnArea.secondary .btn {background: #fff; color: #e81321; border: 2px solid #e81321;}
#news .news__detail .news__box{border: 1px solid #ccc; background: #efefef; padding: 20px;}
#news .news__detail .news__box.entry{color: #333; border: 1px solid #b3b7bb; background: #efefef;}
#news .news__detail .news__box.notice{color: #333; border: 1px solid #ed969e; background: #f5c6cb;}
#news .news__detail .news__box.tips{color: #333; border: 1px solid #ffdf7e; background: #ffeeba;}
#news .news__detail .news__box.safe{color: #333; border: 1px solid #bcd0c7; background: #d1e7dd;}
#news .news__detail .news__box.safe h5{font-size: 2.0rem; font-weight: 600; line-height: 1.33em; margin: 1rem 0; padding: 0;}
#news .news__detail .news__box.safe h5::before {content: ''; display: none;}
#news .news__detail .news__box.safe h6{font-size: 1.1rem; font-weight: 600; margin: 1rem 0; padding: 0;}
#news .news__detail .news__box.safe p{font-size: 0.85rem !important;}
#news .news__detail .box__table table{width: 100%; border: 1px solid #cccccc; border-spacing: 0; border-collapse: collapse;}
#news .news__detail .box__table th{background: #f2f2f2; width: 20%;}
#news .news__detail .box__table td{border: 1px solid #cccccc; padding: 20px; vertical-align: middle;}
#news .news__detail .box__list ul{margin: 0 0 0 30px; padding: 0;}
#news .news__detail .box__flex ul{list-style: none; margin: 0; padding: 0;}
#news .news__detail .box__flex ul > li{width: 48%; font-size: 1.15rem; margin: 15px 0;}
#news .news__detail ul.movie{justify-content: space-evenly;}
#news .news__detail ul.single > li{width: 75%;}
#news .news__detail ul.single:after{display: none;}
#news .news__detail .box__movieArea{position: relative; width: 100%; padding-top: 56.25%;}
#news .news__detail .box__movieArea iframe{width: 100%; height: 100%; position: absolute; top: 0; right: 0;}
#news .news__detail .box__mintro{max-width: 900px; background: #f2f2f2; list-style: none; margin: 0 auto; padding: 10px;}
#news .news__detail .box__mintro dl{width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
#news .news__detail .box__mintro dt{width: 10%; padding: 0 10%;}
#news .news__detail .box__mintro dd{width: 70%; margin: 0 auto;}
#news .news__detail .box__mintro dd h6{font-size: 2.4rem; font-weight: 600; line-height: 1.0; margin: 0 0 0.75rem;}
#news .news__detail .box__mintro dd .btnArea {width: 100%; max-width: 320px;}
#news .news__detail .box__mintro dd .btn {font-size: 1.1rem; margin: 0 auto; padding: 10px 35px;}
#news .news__sub{display:none ;} #news .news__detail.campaign__202206{}
#news .news__detail.campaign__202206 .box__table tr:first-child td {text-align: center;}
#news .news__detail.campaign__202206 .box__table span{display: block; font-size: 0.9rem; line-height: 1;}
#news .news__detail.campaign__202206 .box__table ul{margin: 0; padding: 0 0 0 0.85em;}
#news .news__detail.campaign__202206 .box__table ul > li{font-size: 0.8rem; }
#news .news__detail.campaign__202206 .prod__Box h6{font-weight: 600; font-size: 1.15rem; line-height: 1.33em; margin: 5px 0; padding: 0;}
#news .news__detail.campaign__202206 .prod__Box ul{list-style: none; margin: 0; padding: 0; flex-wrap: wrap;}
#news .news__detail.campaign__202206 .prod__Box ul > li{width: 30%; padding: 0; margin: 0;}
#news .news__detail.campaign__202206 .prod__Box ul > li img{border: 1px solid #cccccc;}
#news .news__detail.campaign__202206 .prod__Box ul > li p{font-size: 0.85rem !important; line-height: 1.2rem !important;}
#news .news__detail.campaign__202206 .btnArea{max-width: 800px;}
#news .news__detail.campaign__202206 .btnArea ul{margin: 0; padding: 0;}
#news .news__detail.campaign__202206 .btnArea ul > li{width: 49%; list-style: none; margin: 0; padding: 0;}
#news .news__detail.campaign__general .btnArea{max-width: 800px;}
#news .news__detail.campaign__general .btnArea ul{margin: 0; padding: 0;}
#news .news__detail.campaign__general .btnArea ul > li{width: 49%; list-style: none; margin: 0; padding: 0;} @media (max-width: 1199px) {
} @media (max-width: 767px) {
#news .news__detail.campaign__202206{}
#news .news__detail h3{font-size: 1.1rem; font-weight: 600; margin: -10px 0;}
#news .news__detail .news__box.safe h5{font-size: 1.4rem;}
#news .news__detail .news__box.safe h6{font-size: 0.95rem; margin: 0.85rem 0;}
#news .news__detail .news__box.safe p{font-size: 0.8rem !important;}
#news .news__detail .box__mintro{max-width: 480px;}
#news .news__detail .box__mintro dl{flex-direction: column;}
#news .news__detail .box__mintro dt{width: 100%; max-width: 76px;}
#news .news__detail .box__mintro dd{width: 90%; margin: 0 auto;}
#news .news__detail .box__mintro dd h6{font-size: 1.4rem; margin: 0 0 0.5rem;}
#news .news__detail .box__mintro dd .btnArea {width: 75%; max-width: 400px; margin: 0 auto;}
#news .news__detail .box__mintro dd .btn {font-size: 0.85rem; margin: 10px auto; padding: 10px;}
#news .news__detail.campaign__202206 .box__table table{width: 99%; display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; table-layout:fixed;}
#news .news__detail.campaign__202206 .box__table th {width: 50%;padding: 20px;}
#news .news__detail.campaign__202206 .box__table td {width: 50%;padding: 20px;}
#news .news__detail.campaign__202206 .box__table ul > li{font-size: 0.8rem; margin: 10px 0;}
#news .news__detail.campaign__202206 .prod__Box h6{width: 100%;}
#news .news__detail.campaign__202206 .prod__Box ul{list-style: none; margin: 0; padding: 0; flex-wrap: wrap;}
#news .news__detail.campaign__202206 .prod__Box ul > li{width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
#news .news__detail.campaign__202206 .prod__Box ul > li .images,
#news .news__detail.campaign__202206 .prod__Box ul > li .text {width: 48%; margin: 0;}
#news .news__detail.campaign__202206 .prod__Box ul > li p{font-size: 0.85rem !important; line-height: 1.2rem !important;}
#news .news__detail.campaign__202206 .btnArea{width: 100%; max-width: 480px;}
#news .news__detail.campaign__202206 .btnArea ul > li{width: 100%;}
#news .news__detail.campaign__general .btnArea{width: 100%; max-width: 480px;}
#news .news__detail.campaign__general .btnArea ul > li{width: 100%;}
} @media (max-width: 1199px) {
#news ul.news-entry{width: 100%;}
#news .single{width: 100%;}
#news .single .news__images img{width: 100%;}
} @media (max-width: 767px) {
#news h2 > span{font-size: 1.0rem; line-height: 1.8rem;}
#news ul.news-entry{width: 100%;}
#news ul.news-entry > li dl{flex-direction: row; margin: 0 0 30px;}
#news ul.news-entry > li dt{width: 32.5%; max-width: 200px; margin-right: 2.5%;}
#news ul.news-entry > li dt .label{font-size: 0.6rem; letter-spacing: 1px; padding: 0;}
#news ul.news-entry > li dd {width: 65%;}
#news ul.news-entry > li dd p{font-size: 0.85rem; line-height: 1.55;}
#news ul.news-entry > li dd p.news__date{font-size: 0.7rem; letter-spacing: 2px; line-height: 1;}
#news ul.news-entry > li dd p.news__ttl{font-size: 0.95rem; line-height: 1.4; margin: 5px 0;}
#news ul.news-entry > li dd .news__txt{position: relative; width: 100%;}
#news ul.news-entry > li dd .news__txt p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#news .single{width: 100%;}
#news .single::after{margin: 30px auto;}
#news .single h4{font-size: 1.25rem; line-height: 1.2;}
#news .single h4::before{width: 5px;}
#news .single .date{font-size: 0.8rem; margin: -0.70rem 0 1.33em;}
#news .news__detail h5{font-size: 1.10rem;}
#news .news__detail .news__box{padding: 15px; font-size: 0.8rem; line-height: 1.25rem;}
#news .news__detail .box__table table{font-size: 0.75rem; line-height: 1rem;}
#news .news__detail .box__table th{width: 45%; padding: 10px;}
#news .news__detail .box__table td{padding: 10px;}
#news .news__detail .box__list ul{font-size: 0.9rem; line-height: 1.5rem;}
#news .news__detail .box__flex ul > li{width: 100%; max-width: 500px; margin: 10px auto;}
#news .news__detail .box__flex ul.single > li{width: 100%;}
} #not-found .not-found__image{width: 25%; min-width: 300px; margin: 0 auto;}
#not-found h2.not-found__title{font-size: 4.0rem; font-weight: 700; line-height: 2.6rem; letter-spacing: 5px; margin: 15px 0;}
#not-found h2.not-found__title span{display: block; font-size: 1.25rem; margin: 15px 0 0 25px; letter-spacing: 1px;}
#not-found p.not-found__desc{text-align: center; font-size: 0.95rem; line-height: 1.55rem; margin: 0 0 30px;} @media (max-width: 1199px) {
} @media (max-width: 767px) {
#not-found .not-found__image{width: 55%; min-width: auto; max-width: 260px;}
#not-found h2.not-found__title{font-size: 2.0rem; line-height: 2.0rem; margin: 5px 0;}
#not-found h2.not-found__title span{font-size: 0.8rem; margin: 0;}
#not-found p.not-found__desc{font-size: 0.85rem; line-height: 1.3rem; margin: 0 0 25px;}
} section .content{}
section .content h2 span{display: block; font-size: 1.4rem; font-weight: normal; line-height: 3.4rem; letter-spacing: 10px;} @media (max-width: 1199px) {
section .content h2 span{font-size: 1.0rem; line-height: 3.0rem;}
} @media (max-width: 767px) {
section .content h2 span{font-size: 0.65rem; line-height: 1.8rem;}
} section#machine .rent__categories{width: 1200px; height: 100%; margin: 0 auto; padding: 0; position: relative;}
section#machine .rent__categories ul{flex-wrap: wrap; list-style: none; margin: 0; padding: 0;}
section#machine .rent__categories ul li{width: 49%; margin: 0; padding: 0;}
section#machine .rent__categories ul li a.btn{color: #e81321; background: #fff; border: 2px solid #e81321; margin: 10px 0;}
section#machine #rent_cat00 .detail{margin: 60px 0; padding: 40px 0 10px;}
section#machine #rent_cat01.detail,
section#machine #rent_cat02.detail,
section#machine #rent_cat03.detail,
section#machine #rent_cat04.detail,
section#machine #rent_cat05.detail{width: 1000px; margin: 0 auto;}
section#machine #rent_cat01.detail:after,
section#machine #rent_cat02.detail:after,
section#machine #rent_cat03.detail:after,
section#machine #rent_cat04.detail:after,
section#machine .detail .cat05__about:after{content: ""; background-color: #cccccc; display: block; width: 100%; height: 1px; margin: 60px auto;}
section#machine #rent_cat00 h3,
section#machine #rent_cat01 h3,
section#machine #rent_cat02 h3,
section#machine #rent_cat03 h3,
section#machine #rent_cat04 h3,
section#machine #rent_cat05 h3 {margin: 20px 0; position: relative;}
section#machine #rent_cat00 h3:after,
section#machine #rent_cat01 h3:after,
section#machine #rent_cat02 h3:after,
section#machine #rent_cat03 h3:after,
section#machine #rent_cat04 h3:after,
section#machine #rent_cat05 h3:after {content: ""; background-color: #e81321; display: block; width: 20%; height: 4px; margin: 25px auto;}
section#machine #rent_cat00{position: relative; background: #f2f2f2;}
section#machine #rent_cat00 ul > li h3 {margin: 10px 0; padding: 0;}
section#machine #rent_cat00 ul > li h3:after {display: none;}
section#machine #rent_cat00 ul > li .detail {height: 290px; margin: 0; padding: 0;}
section#machine #rent_cat00 ul > li .detail h4{font-size: 2.4rem; line-height: 1.0;text-align: left; font-weight: 600; letter-spacing: 3px; margin: 10px 0;}
section#machine #rent_cat00 ul > li .detail p{font-size: 1.4rem !important;}
section#machine #rent_cat00 ul > li .detail p span{display: block; text-align: right; font-size: 1.0rem; margin: 0;}
section#machine #rent_cat00 ul > li .detail p span.tips {line-height: 1.6rem; text-align: left; font-size: 0.8rem; margin: 0;}
section#machine #rent_cat01 .images{width: 100%; max-width: 740px; margin: 80px auto 40px; text-align: center;}
section#machine #rent_cat01 p span{display: block; font-size: 0.75rem; margin: 15px 0;}
section#machine .detail .cat03__about{margin-bottom: 60px;}
section#machine .detail .cat03__about ul > li{margin: 0;}
section#machine .detail .cat03__about .detail h4{position: relative; margin: 20px 0; padding: 0 0 0 15px; font-size: 1.7rem; line-height: 1;}
section#machine .detail .cat03__about .detail h4:after{content: ''; display: block; width: 5px; height: 30px; background-color: #999; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0;}
section#machine .detail .cat03__size h4{position: relative; margin: 20px 0; padding: 0 0 0 15px; font-size: 1.25rem; line-height: 1;}
section#machine .detail .cat03__size h4:before {content: ''; display: block; width: 5px; height: 25px; background-color: #999; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0;}
section#machine .detail .cat03__size table{width: 75%; margin: 0 auto; border-spacing: 0; border-collapse: collapse;}
section#machine .detail .cat03__size th,
section#machine .detail .cat03__size td{border: 1px solid #cccccc; padding: 20px; vertical-align: middle; text-align: center;}
section#machine .detail .cat03__size tr:first-child th{background: none; border: none;}
section#machine .detail .cat03__size tr:first-child td{text-align: center;}
section#machine .detail .cat03__size tr:first-child td span{display: block; line-height: 1;}
section#machine .detail .cat03__size th{background: #f2f2f2; width: 25%; font-size: 1.0rem; line-height: 1.33rem;}
section#machine .detail .cat03__size td{width: 15%; font-size: 0.9rem; line-height: 1.33rem;}
section#machine .detail .cat03__size td span{display: block; font-size: 0.7rem; line-height: 1.1rem;}
section#machine .detail .cat03__size td img{width: 36%;}
section#machine .detail .cat03__size .btnArea{margin: 30px auto 0;}
section#machine .detail .flow p{font-size: 1.5rem; text-align: center; margin: 0;}
section#machine .detail .flow ol{background: #f2f2f2; list-style: none; margin: 60px 0; padding: 60px;}
section#machine .detail .flow ol > li{position: relative; padding: 0 0 0 70px;}
section#machine .detail .flow ol > li:before{content: "0"; background-color: #e4141c; color: #fff; display: block; width: auto; font-size: 2.2rem; font-weight: 700; line-height: 1; text-align: center; position: absolute; top: 40px; left: 0; border-radius: 50%; margin: -30px 0 0 0; padding: 7px 17px 12px;}
section#machine .detail .flow ol > li:nth-child(1):before{content: "1";}
section#machine .detail .flow ol > li:nth-child(2):before{content: "2";}
section#machine .detail .flow ol > li:nth-child(3):before{content: "3";}
section#machine .detail .flow ol > li:nth-child(4):before{content: "4";}
section#machine .detail .flow ol > li:nth-child(5):before{content: "5";}
section#machine .detail .flow ol > li:nth-child(6):before{content: "6";}
section#machine .detail .flow ol > li:after{content: ""; background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/common/pd_ico_arrow.svg); background-repeat: no-repeat; display: block; width: 70px; height: 70px; margin: 20px auto; padding: 0 45px 0 0;}
section#machine .detail .flow ol > li:last-child:after{display: none;}
section#machine .detail .flow ol > li h4{font-size: 1.8rem; font-weight: 700; line-height: 1.4; margin: 0 0 5px;}
section#machine .detail .flow ol > li p{font-size: 1.2rem; line-height: 1.8rem; text-align: left;}
section#machine #rent_cat04 p{font-size: 1.5rem; text-align: center; margin: 0;}
section#machine .detail .cat04__comparison{margin: 60px 0;}
section#machine .detail .cat04__comparison p.notice{font-size: 0.75rem !important; text-align: left !important; margin-top: 5px !important;}
section#machine .detail .cat04__comparison table{width: 97%; margin: 0 auto; border: 1px solid #cccccc; border-spacing: 0; border-collapse: collapse;}
section#machine .detail .cat04__comparison th,
section#machine .detail .cat04__comparison td{border: 1px solid #cccccc; padding: 20px; vertical-align: middle;}
section#machine .detail .cat04__comparison tr:first-child th{}
section#machine .detail .cat04__comparison tr:first-child td{text-align: center;}
section#machine .detail .cat04__comparison tr:first-child td span{display: block; line-height: 1;}
section#machine .detail .cat04__comparison th{background: #f2f2f2; width: 24%; font-size: 1.0rem; line-height: 1.33rem;}
section#machine .detail .cat04__comparison td{width: 36%; font-size: 0.9rem; line-height: 1.33rem;}
section#machine .detail .cat04__comparison td ul{list-style: disc; margin: 0 0 0 25px;}
section#machine .detail .cat04__comparison td ul > li{width: 100%; margin: 0; padding: 0;}
section#machine .detail .cat04__comparison td ul > li span{font-size: 0.7rem; line-height: 1;}
section#machine .detail .cat04__comparison h4,
section#machine .detail .cat04__about h4{position: relative; margin: 20px 0; padding: 0 0 0 15px; font-size: 1.25rem; line-height: 1;}
section#machine .detail .cat04__comparison h4:before,
section#machine .detail .cat04__about h4:before {content: ''; display: block; width: 5px; height: 25px; background-color: #999; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0;}
section#machine .detail .cat04__about h5{font-size: 1.2rem; font-weight: 700; margin: 0 0 15px;}
section#machine .detail .cat04__about ul > li{margin: 0;}
section#machine .detail .cat04__about ul > li p{font-size: 0.85rem !important; text-align: left !important;}
section#machine #rent_cat05 p{font-size: 1.5rem; text-align: center; margin: 0;}
section#machine .detail .cat05__about{margin: 1.5rem 0; position: relative;}
section#machine .detail .cat05__about h4:before {content: ''; display: block; width: 5px; height: 25px; background-color: #999; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0;}
section#machine .detail .cat05__about h5{font-size: 1.2rem; font-weight: 700; margin: 0 0 15px;}
section#machine #rent_cat05.detail .tips{margin: 30px 0;}
section#machine #rent_cat05.detail .tips h3{font-size: 2.0rem; line-height: 2.6rem;}
section#machine #rent_cat05.detail .tips p{margin: 0 0 10px !important;} section#machine #product .detail{width: 1000px; margin: 50px auto; position: relative;}
section#machine #product .detail:after{content: ""; background-color: #cccccc; display: block; width: 100%; height: 1px; margin: 60px auto;}
section#machine #product .detail:nth-last-child(2):after,
section#machine #product .detail:last-of-type:after,
section#machine #product .detail:first-of-type:after{display: none;}
section#machine #product .detail .mc__category{text-align: right; margin: -55px 0 25px;}
section#machine #product .detail .mc__category ul{display: block;}
section#machine #product .detail .mc__category ul > li{display: inline-block; width: auto; border: 2px solid #e81321; color: #e81321; box-sizing: border-box; border-radius: 5px; font-size: 0.85rem; font-weight: 700; line-height: 1; margin: 0 1px; padding: 5px 10px;}
section#machine #product .detail .btnArea{max-width: 420px;}
section#machine #product .detail .btnArea a{font-size: 1.1rem; padding: 10px 15px;}
section#machine #product h3{font-size: 2.4rem; margin: 20px 0; position: relative;}
section#machine #product h3:after {content: ""; background-color: #e81321; display: block; width: 20%; height: 4px; margin: 25px auto;}
section#machine #product h4{position: relative; padding: 65px 0 0 15px; margin: -65px 0 1.8rem; font-size: 1.8rem; line-height: 1;}
section#machine #product h4:before {content: ''; display: block; width: 6px; height: 32px; background-color: #e81321; position: absolute; top: 68px; bottom: 0; left: 0; margin: auto 0;}
section#machine #product h4 span{font-size: 1.2rem; margin-left: 15px;}
section#machine #product h5{font-size: 1.25rem;font-weight: 700; margin: 20px 0; padding: 0;}
section#machine #product p{font-size: 1.0rem !important;}
section#machine #product p.subtxt{font-size: 1.4rem !important; text-align: center; margin: 0;}
section#machine #product p.notice{font-size: 0.9rem !important; line-height: 1.25rem !important; max-width: 600px; padding: 5px 5px 8px; text-align: center; margin: 10px auto; display: block; background: #e81321; color: #fff !important;}
section#machine #product p.date{font-size: 0.85rem !important; margin: 0; text-align: right;}
section#machine #product p.gameList{margin: 15px 0; padding: 0 0 0 1.0rem;}
section#machine #product #navi__mcList{background: #313333; color: #fff; position: sticky; top: 0; left: 0; z-index: 5;}
section#machine #product #navi__mcList ul{max-width: 1000px; text-align: center; margin: 0 auto;}
section#machine #product #navi__mcList ul > li{width: 33.33%; margin: 0; padding: 0;}
section#machine #product #navi__mcList ul > li::after {display: none;}
section#machine #product #navi__mcList a{display: block; color: #fff; font-size: 1.4rem; line-height: 1; padding: 20px;}
section#machine #product .prod_machine{position: relative; margin: 40px 0;}
section#machine #product .prod_machine .slick-dotted.slick-slider {margin-bottom: 90px;}
section#machine #product .prod_machine .slick-prod_machine ul.slick-dots{margin: 0 0 -15px;}
section#machine #product .prod_machine .slick-prod_machine ul.slick-dots > li{width: 2%; padding: 0%; margin: 0 1.5%;}
section#machine #product .prod_machine .slick-prod_machine ul.slick-dots > li button:before {content: "•"; color: #cccccc; font-size: 20px; line-height: 20px;}
section#machine #product .prod_machine .slick-prod_machine ul.slick-dots > li.slick-active button:before {color: #ea000f; opacity: 1;}
section#machine #product .prod_machine .slick-prod_machine .images{padding: 0 400px;}
section#machine #product .prod_machine .ico_online{position: absolute; top: 15px; right: 100px; z-index: 5;}
section#machine #product .prod_machine .btnArea{max-width: 640px; margin: 40px auto;}
section#machine #product .prod__Box_1 ul.row{width: 100%; margin: 0 auto;}
section#machine #product .prod__Box_1 ul.row > li{width: 48%;}
section#machine #product .prod__Box_1 ul.column{width: 100%; margin: 0 auto 15px;}
section#machine #product .prod__Box_1 ul > li{width: 48%; padding: 0; margin: 0;}
section#machine #product .prod__Box_1 ul > li .movieArea{width: 100%; height: 0; padding-top: 56.2%; margin: 0 0 30px; position: relative;}
section#machine #product .prod__Box_1 ul > li .movieArea iframe{top: 0; left: 0; width: 100%; height: 100%; position: absolute;}
section#machine #product .prod__Box_2 ul > li{width: 30%; padding: 0; margin: 0;}
section#machine #product .prod__Box_2 ul > li img{border: 1px solid #cccccc;}
section#machine #product .prod__Box_2 ul > li p{font-size: 0.85rem !important;}
section#machine #product .prod__Box_3 table{width: 97%; margin: 0 auto; border: 1px solid #cccccc; border-spacing: 0; border-collapse: collapse;}
section#machine #product .prod__Box_3 th,
section#machine #product .prod__Box_3 td{border: 1px solid #cccccc; padding: 20px; vertical-align: middle;}
section#machine #product .prod__Box_3 th{background: #f2f2f2; width: 15%; font-size: 1.0rem; line-height: 1.33rem;}
section#machine #product .prod__Box_3 td{width: 36%; font-size: 0.9rem; line-height: 1.33rem;}
section#machine #product .prod__Box_4 ul > li{width: 32%; padding: 0; margin: 0;}
section#machine #product .spec ul.flex > li{width: 48%; padding: 0; margin: 0;}
section#machine #product .spec .specList ul.flex:before{content: ""; background-color: #cccccc; display: block; width: 100%; height: 1px; margin: 0 auto;}
section#machine #product .spec .specList ul > li{width: 50%; margin: 0; padding: 0;}
section#machine #product .spec .specList.full ul > li{width: 100%;}
section#machine #product .spec .specList ul > li h5{margin: 0; padding: 0 0 10px;}
section#machine #product .spec .specList ul > li .type{padding: 15px 10px;}
section#machine #product .spec .specList ul > li:first-child .type{border-right: 1px solid #cccccc;}
section#machine #product .spec .specList.full ul > li:first-child .type{border-left: 1px solid #cccccc;}
section#machine #product .spec .specList ul > li:last-child .type{border-left: 1px solid #cccccc;}
section#machine #product .spec .specList ul > li dl{font-size: 0.8rem; line-height: 1.15rem; margin: 0;}
section#machine #product .spec .specList ul > li dd{margin: 0;}
section#machine #product .spec .specList ul > li table{width: 100%; margin: 0 auto; border: 1px solid #cccccc; border-spacing: 0; border-collapse: collapse;}
section#machine #product .spec .specList ul > li table th,
section#machine #product .spec .specList ul > li table td{border: 1px solid #cccccc; padding: 7px 10px; vertical-align: middle;}
section#machine #product .spec .specList ul > li table th{background: #f2f2f2; font-size: 0.9rem; line-height: 1.33rem;}
section#machine #product .spec .specList ul > li table td{font-size: 0.9rem; line-height: 1.33rem; text-align: right;}
section#machine #product .spec .notice{margin: 40px 0;}
section#machine #product .spec .notice ul{list-style: disc; font-size: 0.85rem; line-height: 1.4rem; margin: 0 0 0 30px; padding: 0;}
section#machine #product .spec .notice ul > li{width: 100%; margin: 0; padding: 0;}
section#machine #product .spec .btnArea{max-width: 640px;}
section#machine #product #lineup h4{font-size: 2.4rem; text-align: center; padding: 0; margin: -20px 0 40px;}
section#machine #product #lineup h4:before{display: none;}
section#machine #product #lineup h4:after {content: ""; background-color: #313333; display: block; width: 20%; height: 4px; margin: 25px auto;}
section#machine #product #lineup.detail{width: 100%; background-color: #efefef; margin: 0 0 -80px; overflow: hidden;}
section#machine #product #lineup .machine__lineup{width: 1000px; margin: 0 auto; padding: 100px 0;}
section#machine #product #lineup .machine__lineup ul a{width: 49%; background: #fff; border: 1px solid #cccc; box-sizing: border-box; border-radius: 4px; padding: 1.5% 8%; margin: 10px 0;}
section#machine #product #lineup .machine__lineup ul li .lu__detail{display: flex; align-items: center; justify-content: space-around;}
section#machine #product #lineup .machine__lineup ul li .lu__detail .image{width: 12.5%; text-align: center; padding: 0 7.5%;}
section#machine #product #lineup .machine__lineup ul li .lu__detail .image img{width: 100%;}
section#machine #product #lineup .machine__lineup ul li .lu__detail .logo{width: 65%; padding: 0; text-align: center;}
section#machine #product #lineup .machine__lineup ul li .lu__detail .logo span.lu_online{display: block; width: 80px; font-size: 0.8rem; line-height: 1; font-weight: 700; border: 2px solid #e81321; border-radius: 30px; color: #e81321; text-align: center; padding: 3px 0 4px; margin: -5px auto 0;}
section#machine #product #lineup .machine__lineup ul li .lu__detail .logo span.lu_offline{border: 2px solid #313333; color: #313333;}
section#machine #product #lineup .machine__lineup ul li .lu__detail .logo span.parallel{display: inline-block; vertical-align: 5px;}
section#machine #product #lineup .machine__lineup ul li .lu__detail .logo span.lu_limited{border: 2px solid #e81321; color: #fff; background: #e81321;
display: inline-block; vertical-align: 5px;}
section#machine #product.limited{}
section#machine #product.limited h3 > span{display: inline-block; font-size: 1.0rem; font-weight: 700; letter-spacing: 8px; background: #176fb9; color: #fff; padding: 5px 30px 4px; vertical-align: 10px;}
section#machine #product.limited p.notice{background: none; color: #313333 !important; font-size: 1.0rem !important; padding: 5px 0 5px; margin: 0 auto 50px;}
section#machine #product.limited p.notice span{text-decoration: underline; color: #176fb9; font-weight: 700;}
section#machine #product.limited .comparison {margin-bottom: 80px;}
section#machine #product.limited .comparison table{width: 97%; margin: 0 auto; border: 1px solid #cccccc; border-spacing: 0; border-collapse: collapse;}
section#machine #product.limited .comparison th,
section#machine #product.limited .comparison td{border: 1px solid #cccccc; padding: 20px; vertical-align: middle;}
section#machine #product.limited .comparison tr:first-child th{}
section#machine #product.limited .comparison tr:first-child td{text-align: center;}
section#machine #product.limited .comparison tr:first-child td span{display: block; line-height: 1;}
section#machine #product.limited .comparison th{background: #f2f2f2; width: 24%; font-size: 1.0rem; line-height: 1.33rem;}
section#machine #product.limited .comparison td{width: 36%; font-size: 0.9rem; line-height: 1.33rem;}
section#machine #product.limited .comparison td ul{list-style: disc; margin: 0 0 0 25px;}
section#machine #product.limited .comparison td ul > li{width: 100%; margin: 5px 0; padding: 0;}
section#machine #product.limited .comparison td ul > li span{font-size: 0.7rem; line-height: 1;}
section#machine #product.limited .pricelist ul > li{width: 32%; padding: 10px 2px 2px;}
section#machine #product.limited .pricelist ul > li:nth-child(1){background: #e81321;}
section#machine #product.limited .pricelist ul > li:nth-child(2){background: #176fb9;}
section#machine #product.limited .pricelist ul > li:nth-child(3){background: #17b941;}
section#machine #product.limited .pricelist ul > li h4{color: #fff; font-size: 1.1rem; font-weight: 700; text-align: center; margin: 0; padding: 10px 0 15px;}
section#machine #product.limited .pricelist ul > li h4:before{display: none;}
section#machine #product.limited .pricelist ul > li div{height: 160px; background: #fff; padding: 20px;}
section#machine #product.limited .pricelist ul > li h5{font-size: 3.0rem; text-align: center; margin: 5px 0 10px;}
section#machine #product.limited .pricelist ul > li h5 span{font-size: 1.0rem; margin: 0 6px;}
section#machine #product.limited .pricelist ul > li p{margin: 0;}
section#machine #product.limited .pricelist .notice ul > li{width: 100%; font-size: 0.85rem; line-height: 1.4rem; background: none; list-style: disc; margin: 0 0 0 20px; padding: 0;}
section#machine .flex-fix.vsx-item img { max-height: 300px;}
section#machine .flex.column ol { margin-right: 10px; margin-left: -10px; font-size: 0.9rem; line-height: 1.6rem} @media (max-width: 1199px) {
section#machine .rent__categories{width: 100%;}
section#machine .rent__categories ul li a.btn{border: 1px solid #e81321; margin: 5px 0; font-size: 1.0rem; padding: 10px 15px 10px 5px; letter-spacing: 0;}
section#machine #rent_cat00 h3,
section#machine #rent_cat01 h3,
section#machine #rent_cat02 h3,
section#machine #rent_cat03 h3,
section#machine #rent_cat04 h3,
section#machine #rent_cat05 h3 {font-size: 2.0rem; margin: 0 0 20px;}
section#machine #rent_cat00 .detail{margin: 30px 0; padding: 30px 0;}
section#machine #rent_cat00 ul > li .detail p {font-size: 1.1rem !important;}
section#machine #rent_cat01.detail,
section#machine #rent_cat02.detail,
section#machine #rent_cat03.detail,
section#machine #rent_cat04.detail,
section#machine #rent_cat05.detail{width: 100%;}
section#machine #rent_cat01 .images {max-width: 600px;}
section#machine .detail .cat03__about ul > li .images {width: 100%; margin: 0;}
section#machine .detail .cat04__comparison th {width: 20%;}
section#machine .detail .cat04__comparison td {width: 25%;}
section#machine .detail .cat04__about ul > li {margin: 0 0 10px;}
section#machine .detail .cat04__about .tips h3{font-size: 1.5rem !important; line-height: 2.2rem;} section#machine #product .detail{width: 90%; margin: 25px auto;}
section#machine #product .detail .btnArea{width: 100%; max-width: 500px;}
section#machine #product .prod_machine .slick-prod_machine .images{max-width: 135px; padding: 0 100px; margin: 0 auto;}
section#machine #product .prod_machine .ico_online{width: 100%; max-width: 90px; top: 0; right: 0;}
section#machine #product .prod__Box_1 ul.row{width: 100%; margin: 5px auto;}
section#machine #product .prod__Box_1 ul.column{margin: 0 auto 5px;}
section#machine #product .prod__Box_2 ul > li .images{width: 100%;}
section#machine #product .spec ul.flex > li{width: 100%; margin: 0 auto;}
section#machine #product .spec ul.flex > li::after{display: none;}
section#machine #product .spec ul.flex > li .images{width: 100%;}
section#machine #product .spec .specList ul.flex{flex-direction: row;}
section#machine #product .spec .specList ul > li{width: 50%;}
section#machine #product .spec .specList.full ul > li{width: 100%;}
section#machine #product .spec .specList ul > li::after{display: none;}
section#machine #product .spec .specList ul > li .type{padding: 15px 5px;}
section#machine #product .spec .specList ul > li table th,
section#machine #product .spec .specList ul > li table td{padding: 5px;}
section#machine #product #lineup h4{font-size: 2.4rem; line-height: 4.5rem; margin: 0 0 25px;}
section#machine #product #lineup h4:after {width: 25%; margin: 5px auto;}
section#machine #product #lineup.detail{width: 100%; margin: 0 0 -60px;}
section#machine #product #lineup .machine__lineup{width: 90%; padding: 25px 0;}
section#machine #product #lineup .machine__lineup ul{flex-direction: row;}
section#machine #product #lineup .machine__lineup ul a{width: 49%; padding: 2.5%; margin-bottom: 2%;}
section#machine #product #lineup .machine__lineup ul li .lu__detail .image{width: 18%; padding: 1% 5%;}
section#machine #product #lineup .machine__lineup ul li .lu__detail .logo{width: 65%; text-align: center;}
section#machine #product #lineup .machine__lineup ul li .lu__detail .logo span.lu_online{width: 70px; font-size: 0.7rem; padding: 3px 0 4px;}
section#machine #product #lineup .machine__lineup ul li .lu__detail .logo span.parallel{display: inline-block; vertical-align: 5px;}
section#machine #product #lineup .machine__lineup ul li .lu__detail .logo span.lu_limited{display: block; vertical-align: 0;}
section#machine #product.limited h3 > span{font-size: 0.9rem; padding: 2px 20px; vertical-align: -5px;}
section#machine #product.limited .comparison {margin-bottom: 60px;}
section#machine #product.limited .pricelist ul > li{padding: 5px 2px 2px;}
section#machine #product.limited .pricelist ul > li h4{font-size: 0.75rem; padding: 6px 0 12px;}
section#machine #product.limited .pricelist ul > li div{height: 175px; padding: 15px;}
section#machine #product.limited .pricelist ul > li h5{font-size: 2.0rem;}
section#machine #product.limited .pricelist ul > li h5 span{font-size: 0.75rem; margin: 0 5px;}
section#machine #product.limited .pricelist .notice ul > li{margin: -15px 0 20px 20px;}
} @media (max-width: 767px) {
section#machine .rent__categories ul{flex-direction: row;}
section#machine .rent__categories ul li {width: 100%;}
section#machine .rent__categories ul li a.btn{font-size: 0.75rem;}
section#machine .rent__categories ul li:after{display: none;}
section#machine #rent_cat01.detail:after,
section#machine #rent_cat02.detail:after,
section#machine #rent_cat03.detail:after,
section#machine #rent_cat04.detail:after,
section#machine .detail .cat05__about:after{margin: 30px auto;}
section#machine #rent_cat00 h3,
section#machine #rent_cat01 h3,
section#machine #rent_cat02 h3,
section#machine #rent_cat03 h3,
section#machine #rent_cat04 h3,
section#machine #rent_cat05 h3 {font-size: 1.10rem;}
section#machine #rent_cat00 h3:after,
section#machine #rent_cat01 h3:after,
section#machine #rent_cat02 h3:after,
section#machine #rent_cat03 h3:after,
section#machine #rent_cat04 h3:after,
section#machine #rent_cat05 h3:after {width: 25%; margin: 5px auto;}
section#machine #rent_cat04 p{text-align: left;}
section#machine .detail .cat04__comparison p.notice {font-size: 0.6rem !important;}
section#machine #rent_cat00 ul > li h3 {font-size: 1.4rem; line-height: 1.2rem;}
section#machine #rent_cat00 ul > li .detail {height: auto; display: block;}
section#machine #rent_cat00 ul > li .detail p{font-size: 1.0rem !important;}
section#machine #rent_cat00 ul > li .detail p span{font-size: 0.8rem; margin: 10px 0;}
section#machine #rent_cat01 .images{margin: 30px auto 15px; max-width: 600px;}
section#machine #rent_cat01 p span{margin: 10px 0;}
section#machine .detail .cat03__about{margin-bottom: 30px;}
section#machine .detail .cat03__about ul{flex-direction: row;}
section#machine .detail .cat03__about ul > li{width: 100%;}
section#machine .detail .cat03__about ul > li:after{display: none;}
section#machine .detail .cat03__about ul > li .images {margin: 0 auto 15px;}
section#machine .detail .cat03__about .detail h4{font-size: 1.10rem; text-align: left; margin: 10px; padding: 0;}
section#machine .detail .cat03__about .detail h4:after{position: absolute; top: 50%; left: -10px; width: 4px; height: 20px; margin: -10px 0;}
section#machine .detail .cat03__size h4{font-size: 1.10rem; text-align: left; margin: 10px; padding: 0;}
section#machine .detail .cat03__size h4:before {position: absolute; top: 50%; left: -10px; width: 4px; height: 20px; margin: -10px 0;}
section#machine .detail .cat03__size table{width: 99%; display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch;}
section#machine .detail .cat03__size tr:first-child td {padding: 10px;}
section#machine .detail .cat03__size th{font-size: 0.75rem;}
section#machine .detail .cat03__size td{font-size: 0.8rem;}
section#machine .detail .cat03__size td span{font-size: 0.6rem;}
section#machine .detail .cat03__size td img{width: 25%;}
section#machine .detail .flow ol{margin: 30px 0; padding: 20px;}
section#machine .detail .flow ol > li{padding: 0 0 0 45px;}
section#machine .detail .flow ol > li:before{font-size: 1.0rem; top: 40px; margin: -33px 0 0 0; padding: 7px 12px 10px;}
section#machine .detail .flow ol > li:after{width: 35px; height: 35px; margin: 10px auto; padding: 0 35px 0 0;}
section#machine .detail .flow ol > li h4{font-size: 1.1rem;}
section#machine .detail .flow ol > li p{font-size: 0.8rem  !important; line-height: 1.4rem !important;}
section#machine .detail .cat04__comparison{margin: 30px 0;}
section#machine .detail .cat04__comparison table{width: 99%;}
section#machine .detail .cat04__comparison th,
section#machine .detail .cat04__comparison td{padding: 10px;}
section#machine .detail .cat04__comparison th{width: 15%; min-width: 60px; font-size: 0.75rem;}
section#machine .detail .cat04__comparison td{width: 25%; font-size: 0.6rem;}
section#machine .detail .cat04__comparison td ul{margin: 0 0 0 20px;}
section#machine .detail .cat04__comparison td ul > li span{font-size: 0.6rem;}
section#machine .detail .cat04__comparison td ul > li:after{display: none;}
section#machine .detail .cat04__comparison td img{width: 80%; min-width: 80px;}
section#machine .detail .cat04__comparison h4,
section#machine .detail .cat04__about h4{font-size: 1.10rem; text-align: left; margin: 15px 10px; padding: 0;}
section#machine .detail .cat04__comparison h4:before,
section#machine .detail .cat04__about h4:before {position: absolute; top: 50%;left: -10px; width: 4px; height: 20px; margin: -10px 0;}
section#machine .detail .cat04__about h5{font-size: 0.95rem; margin: 10px 0 15px;}
section#machine .detail .cat04__about ul > li div{width: 100%; max-width: 500px; margin: 0 auto;}
section#machine .detail .cat05__about{margin: 2.0rem 0; position: relative;}
section#machine .detail .cat05__about .images{margin: 1.75rem 0;}
section#machine #rent_cat05.detail .tips{margin: 30px 0 0;}
section#machine #rent_cat05.detail .tips h3{font-size: 1.1rem !important; line-height: 1.6rem;}
section#machine #rent_cat05.detail .tips p{margin: 0 0 15px !important;} section#machine #product .detail:after{margin: 30px auto;}
section#machine #product .detail .mc__category{margin: -15px 0 10px;}
section#machine #product .detail .mc__category ul > li{font-size: 0.65rem; padding: 5px;}
section#machine #product .detail .mc__category ul > li:after{display: none;}
section#machine #product .detail .btnArea{width: 100%;}
section#machine #product .detail .btnArea a{font-size: 0.85rem; padding: 10px;}
section#machine #product h3{font-size: 1.10rem;}
section#machine #product h3:after {width: 25%; margin: 5px auto;}
section#machine #product h4{padding: 55px 0 0 10px; margin: -60px 0 1.2em; font-size: 1.2rem;}
section#machine #product h4:before {top: 55px; width: 4px; height: 20px;}
section#machine #product h5{font-size: 1.05rem; margin: 10px 0;}
section#machine #product p{font-size: 0.9rem !important;}
section#machine #product p.subtxt{font-size: 0.85rem !important;}
section#machine #product p.notice{font-size: 0.75rem !important; line-height: 1.00rem !important; padding: 7px 5px 7px; max-width: 420px;}
section#machine #product p.date{font-size: 0.7rem !important;}
section#machine #product p.gameList{font-size: 0.8rem !important; margin: 10px 0; padding: 0 0 0 0.5rem;}
section#machine #product #navi__mcList ul{max-width: none; flex-direction: row;}
section#machine #product #navi__mcList a{font-size: 0.9rem; padding: 15px 10px;}
section#machine #product .prod_machine{margin: 20px 0;}
section#machine #product .prod_machine .slick-dotted.slick-slider {margin-bottom: 45px;}
section#machine #product .prod_machine .slick-prod_machine ul.slick-dots{margin: 0;}
section#machine #product .prod_machine .slick-prod_machine ul.slick-dots > li{width: 5%; max-width: 20px; margin: 0 10px;}
section#machine #product .prod_machine .slick-prod_machine ul.slick-dots > li button:before {font-size: 16px; line-height: 16px;}
section#machine #product .prod_machine .slick-prod_machine .images{max-width: 135px; padding: 0 100px; margin: 0 auto;}
section#machine #product .prod_machine .btnArea{width: 96%; max-width: 400px; margin: 30px auto;}
section#machine #product .prod_machine .btnArea a{font-size: 0.7rem; letter-spacing: 0;}
section#machine #product .prod__Box_1 ul > li{width: 100%; max-width: 600px; margin: 5px auto; line-height: 1;}
section#machine #product .prod__Box_1 ul.row > li{width: 100%;}
section#machine #product .prod__Box_2 ul > li{width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
section#machine #product .prod__Box_2 ul > li h5{width: 100%;}
section#machine #product .prod__Box_2 ul > li .images,
section#machine #product .prod__Box_2 ul > li .text{width: 48%; margin: 0;}
section#machine #product .prod__Box_2 ul > li img{border: 1px solid #cccccc;}
section#machine #product .prod__Box_2 ul > li p{font-size: 0.85rem !important;}
section#machine #product .prod__Box_4 ul > li{width: 100%; max-width: 600px; margin: 5px auto; line-height: 1;}
section#machine #product .prod__Box_1 ul > li::after,
section#machine #product .prod__Box_2 ul > li::after,
section#machine #product .prod__Box_4 ul > li::after{display: none;}
section#machine #product .prod__Box_3 th,
section#machine #product .prod__Box_3 td{border: 1px solid #cccccc; padding: 20px; vertical-align: middle;}
section#machine #product .prod__Box_3 th{width: 30%; font-size: 0.85rem;}
section#machine #product .prod__Box_3 td{width: 70%; font-size: 0.85rem;}
section#machine #product .spec .specList ul > li h5{height: 45px;}
section#machine #product .spec .specList ul > li dl{font-size: 0.65rem; line-height: 1.0rem; height: 65px;}
section#machine #product .spec .specList ul > li table th{font-size: 0.75rem;}
section#machine #product .spec .specList ul > li table td{font-size: 0.75rem;}
section#machine #product .spec .notice{margin: 20px 0;}
section#machine #product .spec .notice ul{font-size: 0.75rem; line-height: 1.33rem; margin: 0 0 0 20px;}
section#machine #product .spec .notice ul > li::after{display: none;}
section#machine #product .spec .btnArea{width: 96%; max-width: 400px; margin: 0 auto;}
section#machine #product .spec .btnArea a{font-size: 0.7rem; letter-spacing: 0;}
section#machine #product #lineup h4{font-size: 1.10rem; line-height: 2.2rem; margin: 0 0 20px;}
section#machine #product #lineup h4:after {width: 25%; margin: 5px auto;}
section#machine #product #lineup.detail{margin: 0 0 -40px;}
section#machine #product #lineup .machine__lineup{width: 90%; padding: 25px 0;}
section#machine #product #lineup .machine__lineup ul li .lu__detail .logo span.lu_off{display: block; vertical-align: 0; margin: -5px auto 10px;}
section#machine #product #lineup .machine__lineup ul li .lu__detail .logo span.lu_limited{display: block; vertical-align: 0;}
section#machine #product.limited h3 > span{font-size: 0.6rem; letter-spacing: 5px; padding: 0 10px 0; line-height: 1.2rem;}
section#machine #product.limited p.notice{font-size: 0.7rem !important; margin: 0 auto 20px;}
section#machine #product.limited .comparison {margin-bottom: 40px;}
section#machine #product.limited .comparison table{width: 99%; display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch;}
section#machine #product.limited .comparison tr:first-child td span {font-size: 0.7rem;}
section#machine #product.limited .comparison th,
section#machine #product.limited .comparison td{padding: 15px;}
section#machine #product.limited .comparison th{width: 20%; font-size: 0.85rem;}
section#machine #product.limited .comparison td{width: 40%; font-size: 0.85rem;}
section#machine #product.limited .comparison td ul{margin: 0 0 0 20px;}
section#machine #product.limited .comparison ul > li::after {display: none; margin: 30px 0 5px;}
section#machine #product.limited .pricelist ul{max-width: 500px; margin: 0 auto;}
section#machine #product.limited .pricelist ul > li{width: 100%; padding: 5px 2px 2px; margin: 5px 0 10px;}
section#machine #product.limited .pricelist ul > li::after {content: ""; display: none;}
section#machine #product.limited .pricelist ul > li h4{font-size: 0.85rem; padding: 8px 0 10px;}
section#machine #product.limited .pricelist ul > li h4:before{display: none;}
section#machine #product.limited .pricelist ul > li div{height: auto; padding: 15px;}
section#machine #product.limited .pricelist ul > li h5{font-size: 2.4rem; margin: 0 0 5px;}
section#machine #product.limited .pricelist ul > li h5 span{font-size: 0.85rem;margin: 0 5px;}
section#machine #product.limited .pricelist ul > li p{line-height: 1.2rem !important;}
section#machine #product.limited .pricelist .notice ul > li{font-size: 0.75rem; line-height: 1.33rem; margin: 0 0 0 20px;}
} section#company{}
section#company .detail{width: 1000px; margin: 0 auto;}
section#company .detail table{width: 100%; border: 1px solid #cccccc; border-spacing: 0; border-collapse: collapse;}
section#company .detail table th,
section#company .detail table td{border: 1px solid #cccccc; padding: 20px; vertical-align: middle;}
section#company .detail table th{background: #f2f2f2; width: 20%; font-size: 1.0rem;}
section#company .detail .privacy-entry{}
section#company .detail .privacy-entry a{text-decoration: underline;}
section#company .detail .privacy-entry h4{position: relative; margin: 1rem 0; padding: 0 0 0 15px; font-size: 1.25rem; line-height: 1;}
section#company .detail .privacy-entry h4::before{content: ''; display: block; width: 5px; height: 25px; background-color: #999; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0;}
section#company .detail .privacy-entry p{font-size: 0.85rem; line-height: 1.8rem; margin: 0;}
section#company .detail .privacy-entry ul{list-style: none; margin: 0; padding: 0;}
section#company .detail .privacy-entry ul > li{position: relative; margin: 0 0 2rem; padding: 0 0 2rem;}
section#company .detail .privacy-entry ul > li:last-child{margin: 0; padding: 0;}
section#company .detail .privacy-entry ul > li::before{content: ''; display: block; width: 100%; height: 2px; background-color: #cccccc; position: absolute; bottom: 0; left: 0; margin: 0;}
section#company .detail .privacy-entry ul > li:last-child::before{display: none;}
section#company .detail .privacy-entry ol{list-style: disc; font-size: 0.85rem; line-height: 1.8rem; margin: 10px 0 0 25px; padding: 0;} @media (max-width: 1199px) {
section#company .detail{width: 90%;}
} @media (max-width: 767px) {
section#company .detail{width: 100%;}
section#company .detail table th,
section#company .detail table td{padding: 10px;}
section#company .detail table th{width: 30%; font-size: 0.9rem;}
section#company .detail table td{font-size: 0.8rem;}
section#company .detail .privacy-entry h4{font-size: 1.0rem; padding: 0 0 0 10px;}
section#company .detail .privacy-entry h4::before{height: 23px;}
}  section#storeList h3{margin: 30px 0;}
section#performance .detail p,
section#storeList .detail p{text-align: center; font-size: 1.2rem; line-height: 1.6; margin: 40px 0;} section#storeList .caseList{margin: 40px 0;}
section#storeList .caseList ul{list-style: none; margin: 0 auto; padding: 0;}
section#storeList .caseList ul > li{position: relative;}
section#storeList .caseList ul > li::before {content: ""; background-color: #cccccc; display: block; width: 100%; height: 1px; margin: 0 auto;}
section#storeList .caseList ul > li a{display: flex; align-items: center; padding: 40px 0; position: relative;}
section#storeList .caseList ul > li .image{width: 30.5%; margin-right: 3.5%;}
section#storeList .caseList ul > li .detail{width: 61%; padding-right: 5%;}
section#storeList .caseList ul > li .detail h3{font-size: 2.6rem; font-weight: 800; line-height: 1.25em; text-align: left; margin: 0 0 20px;}
section#storeList .caseList ul > li .detail h3 span{display: block; font-size: 1.15rem; margin-bottom: 15px;}
section#storeList .caseList ul > li .detail p{text-align: left; font-size: 1.05rem !important; margin: 0;}
section#storeList .caseList ul > li .store__info{width: 100%; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 1.25rem;}
section#storeList .caseList ul > li .store__info .si_logo{width: 50px; margin-right: 10px; line-height: 1;}
section#storeList .caseList ul > li .store__info .si_name{font-size: 1.4rem; font-weight: 600; line-height: 1em;}
section#storeList .caseList ul > li .store__info .si_name span{display: block; font-size: .75rem; font-weight: normal;}
section#storeList .caseList ul > li i {font-size: 1.4rem; font-weight: normal; position: absolute; top: 50%; right: 15px; margin: -10px 0 0;} section#storeList{overflow: hidden;}
section#storeList .instList ul{display: flex; align-items: flex-start; flex-wrap: wrap; list-style: none; margin: 0; padding: 0;}
section#storeList .instList ul > li{width: 30%; margin: 0 1.5% 40px;}
section#storeList .instList ul > li:last-child{margin-bottom: 0;}
section#storeList .store__image,
section#storeList .store__detail{width: 100%;}
section#storeList .store__image ul{list-style: none; margin: 0; padding: 0;}
section#storeList .store__detail .category,
section#storeList .store__detail .name,
section#storeList .store__detail .address,
section#storeList .store__detail .machine,
section#storeList .store__detail .social{margin-bottom: 0;}
section#storeList .store__detail .category {background: #888888; display: inline-block; font-size: 0.8rem; font-weight: 500; color: #fff; text-align: center; padding: 1px; min-width: 180px; margin: 0 0 15px; border-radius: 5px;}
section#storeList .store__detail .name h4{font-size: 1.25rem; font-weight: 600; line-height: 1.25rem; margin: 5px 0 10px;}
section#storeList .store__detail .address {margin: 0 0 10px;}
section#storeList .store__detail .address p {font-size: 0.75rem; text-align: left; margin: 0; padding: 0;}
section#storeList .store__detail .address p span{display: inline-block; background: #e81321; color: #fff; font-size: 0.7rem; line-height: 1.0rem; padding: 1px 12px 2px; margin-left: 10px;} section#storeList .single .inner{margin: 60px 0; display: flex; justify-content: space-between; align-items: flex-start;}
section#storeList .single .store__image,
section#storeList .single .store__detail{width: 48%;}
section#storeList .single .store__detail p{}
section#storeList .single .store__image .slick-slide,
section#storeList .single .store__image {height: 390px;}
section#storeList .single ul.slick-dots {display: block; align-items: normal; flex-wrap: inherit; list-style: none; margin: 0; padding: 0;}
section#storeList .single ul.slick-dots > li {width: auto; margin: 0 1.5% 50px;}
section#storeList .single ul.slick-store-list{display: block;}
section#storeList .single{width: 100%; margin: 0 auto; position: relative;}
section#storeList .single h3 {font-size: 1.2rem; margin: 0; padding: 5px 15px; text-align: left; position: relative;}
section#storeList .single h3:before {content: ""; position: absolute; top: 1px; bottom: 0; right: 0; left: 0; z-index: 1; width: 6px; height: 90%; background: #dd0212;}
section#storeList .single h4{font-size: 1.8rem !important; line-height: 1.8rem !important; margin: 20px 0 !important;}
section#storeList .single p{font-size: 1.0rem !important; margin: 10px 0 !important; padding: 0 !important;}
section#storeList .single .store__detail .machine ul{display: flex; align-items: center; margin: 20px 0;}
section#storeList .single .store__detail .machine ul > li{width: 33%; font-size: 0.9rem; margin: 5px 0 !important;}
section#storeList .single .store__detail .machine span{background: #f5f5f5; padding: 2.5px; border-radius: 5px; font-size: 0.7rem; display: inline-block; min-width: 100px; text-align: center;}
section#storeList .single .store__detail .social ul > li{width: 47%; margin: 0 1.5%;}
section#storeList .single .store__detail .social ul > li a{display: block; text-align: center; background: #888888; color: #fff; font-size: 1.0rem; padding: 10px 15px 14px 30px; position: relative;}
section#storeList .single .store__detail .social ul > li a:hover{text-decoration: none;}
section#storeList .single .store__detail .social ul > li a .fa{position: absolute; top: 50%; left: 15px; font-size: 1.35rem; margin: -10px 0 0 0;}
section#storeList .single .store__detail .social ul > li:nth-child(1) a{background: #3b5998;}
section#storeList .single .store__detail .social ul > li:nth-child(2) a{background: #1da1f2;} section#storeList .installed__storeDetail{width: 100%; max-width: 1000px; margin: 0 auto;}
section#storeList .installed__storeDetail .post__title h3{font-size: 2rem; font-weight: 600; line-height: 1.45em; text-align: left; position: relative;}
section#storeList .installed__storeDetail .post__title h3:before{content: "導入事例："; display: inline;}
section#storeList .installed__storeDetail .post__title h3 span{display: inline-block; color: #aaa; position: relative;}
section#storeList .installed__storeDetail .post__title h3 span:before{content: "――"; display: inline; letter-spacing: -5px; margin-right: 15px;}
section#storeList .installed__storeDetail .post__detail div.images{line-height: 1; margin: 1.5rem 0;}
section#storeList .installed__storeDetail .post__detail div.box{margin: 3rem 0;}
section#storeList .installed__storeDetail .post__detail div.box h4{font-size: 1.7rem; font-weight: 700; line-height: 1em; text-align: left; margin: 0 0 1.5rem; padding: 0 0 0 20px; position: relative;}
section#storeList .installed__storeDetail .post__detail div.box h4:before {content: ''; display: block; width: 12px; height: 100%; background-color: #e81321; position: absolute; bottom: -1px; left: 0; margin: auto 0; z-index: 1;}
section#storeList .installed__storeDetail .post__detail div.box p {font-size: 0.925rem; line-height: 1.65em;}
section#storeList .installed__storeDetail .post__detail div.box .publish sup{display: block; text-align: center; color: #aaa; font-size: 1rem; vertical-align: inherit;}
section#storeList .installed__storeDetail .post__detail div p.query{font-size: 1.25rem; font-weight: 700; display: inline-block; position: relative;}
section#storeList .installed__storeDetail .post__detail div p.query:before{content: "――"; color: #e81321; display: inline; letter-spacing: -5px; margin-right: 15px;}
section#storeList .installed__storeDetail .post__detail time {display: block; text-align: right; margin: .5rem 0; font-size: 0.85rem;}
section#storeList .installed__storeDetail .post__detail div.post__store_info{border: 1px solid #ddd; padding: 2rem;}
section#storeList .installed__storeDetail .post__detail div.post__store_info h4{margin: 0 !important;}
section#storeList .installed__storeDetail .post__detail div.post__store_info .images{width: 45%;}
section#storeList .installed__storeDetail .post__detail div.post__store_info .information ul{font-size: 0.8rem;}
section#storeList .installed__storeDetail .post__detail div.post__store_info .information .social ul{width: 90%; display: flex; justify-content: flex-start; flex-wrap: wrap; list-style: none; margin: 0 auto; padding: 0;}
section#storeList .installed__storeDetail .post__detail div.post__store_info .information .social ul > li a{display: inline-block; min-width: 42px; border: solid 1px #e81321; color: #e81321; border-radius: 6px; padding: 3px 10px; font-size: .85rem; font-weight: 500; margin: 2px; text-align: center;} section#storeList .slick-dotted.slick-slider {margin-bottom: 15px !important;}
section#storeList .store__image .slick-slide,
section#storeList .store__image{overflow: hidden; height: 215px; margin-bottom: 10px; position: relative;}
section#storeList .store__image .slick-slide img,
section#storeList .store__image img{width: 100%; height: auto; position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
section#storeList .store__image .slick-dots{margin: 0 0 60px;}
section#storeList .store__image .slick-dots li button:before{color: #fff; opacity: 1;}
section#storeList .store__image .slick-dots li.slick-active button:before{color: #e41f1b; opacity: 1;} .wireArea {width: 100%; bottom: 0; left: 0; z-index: 10;}
.wireArea .wireBox {background-color: rgba(220,220,220,0.85); width: 100%; padding: 25px 0;}
.wireArea .wireBox a.btn{width: 600px; margin: 0 auto;} @media (max-width: 1199px){ section#performance h3,
section#storeList h3{font-size: 1.4rem; margin: 10px 0;}
section#performance .detail p,
section#storeList .detail p{font-size: 0.9rem; line-height: 1.5; margin: 20px 0;} section#storeList .caseList ul{width: 100%;}
section#storeList .caseList ul > li{width: 100%;}
section#storeList .caseList ul > li .detail h3 {font-size: 2rem;}
section#performance .caseList ul > li .detail h3 span{font-size: 1.0rem; margin-bottom: 0;}
section#performance .caseList ul > li .detail p{font-size: 0.9rem !important;} section#storeList ul > li{width: 47%;}
section#storeList .single .inner{margin: 0; flex-direction: column;}
section#storeList .single .store__image, section#storeList .single .store__detail {width: 100%; max-width: 600px; margin: 0 auto 20px;}
} @media (max-width: 767px){ section#performance h3,
section#storeList h3{font-size: 1.2rem; line-height: 1.2rem; margin: 10px 0;}
section#performance .detail p,
section#storeList .detail p{font-size: 0.9rem; line-height: 1.5; margin: 20px 0;}
section#performance .detail .btnArea{width: 90%;} section#performance .caseList{margin: 30px auto; max-width: 500px;}
section#performance .caseList ul > li a{display: block; align-items: normal; padding: 30px 0;}
section#performance .caseList ul > li .image{width: 100%; max-width: 360px; margin: 0 auto;}
section#performance .caseList ul > li .detail{width: 100%; padding-right: 0;}
section#performance .caseList ul > li .detail h3 span{font-size: 0.75rem; margin-bottom: 5px;}
section#performance .caseList ul > li .detail p{font-size: 0.9rem !important;}
section#performance .caseList ul > li i {display: none;} section#storeList .instList ul > li{width: 100%; margin: 0 0 20px;}
section#storeList .store__image,
section#storeList .store__detail{width: 100%;}
section#storeList .store__detail .category {min-width: 150px;}
section#storeList .store__detail .name h4{font-size: 1.15rem; line-height: 1.15rem; margin: 0 0 5px;}
section#storeList .store__detail .address {margin: 0 0 10px;}
section#storeList .store__detail .address p span{padding: 1px 10px 3px; margin-left: 5px;} section#storeList .caseList{margin: 20px 0;}
section#storeList .caseList ul > li a{padding: 30px 0;}
section#storeList .caseList ul > li .image{width: 40%; margin-right: 2.5%;}
section#storeList .caseList ul > li .detail{width: 47.5%; padding-right: 10%;}
section#storeList .caseList ul > li .detail h3{font-size: 1.35rem; margin: 0 0 15px;}
section#storeList .caseList ul > li .detail h3 span{font-size: 1.35rem; margin: 0 0 15px;}
section#storeList .caseList ul > li .detail p{display: none;}
section#storeList .caseList ul > li .store__info{margin-bottom: 0;}
section#storeList .caseList ul > li .store__info .si_logo{width: 60px; margin-right: 5px;}
section#storeList .caseList ul > li .store__info .si_name{font-size: 1.1rem; line-height: 1em;} section#storeList .single .store__image,
section#storeList .single .store__detail{width: 100%; margin: 10px 0;}
section#storeList .single .store__image .slick-slide,
section#storeList .single .store__image {height: 180px;}
section#storeList .single ul.slick-dots > li {margin: 0 3% 50px;}
section#storeList .single h3 {font-size: 1.1rem; line-height: 1.1rem;}
section#storeList .single h3:before {content: ""; width: 5px;}
section#storeList .single h4{font-size: 1.05rem !important; line-height: 1.05rem !important; margin: 15px 0 !important;}
section#storeList .single p{font-size: 0.85rem !important; line-height: 1.25rem; margin: 10px 0 !important;}
section#storeList .single .store__detail .machine ul{flex-wrap: wrap; margin: 20px 0;}
section#storeList .single .store__detail .machine ul > li{width: 100%; font-size: 0.85rem; margin: 5px 0 !important;}
section#storeList .single .store__detail .machine span{font-size: 0.85rem; min-width: 120px; padding: 3px 5px;}
section#storeList .single .store__detail .social ul{display: block;}
section#storeList .single .store__detail .social ul > li{width: 100%; max-width: 400px; margin: 20px auto;}
section#storeList .single .store__detail .social ul > li:last-child{margin: 20px auto 0;}
section#storeList .single .store__detail .social ul > li a{font-size: 0.85rem; padding: 10px;}
section#storeList .single .store__detail .social ul > li a .fa{position: static; font-size: 1.45rem; vertical-align: -4px; margin: 0 5px 0 0;} section#storeList .installed__storeDetail .post__title h3{font-size: 1.15rem;}
section#storeList .installed__storeDetail .post__title h3 span:before{margin-right: 10px;}
section#storeList .installed__storeDetail .post__detail div.box{margin: 1.5rem 0;}
section#storeList .installed__storeDetail .post__detail div.box h4{font-size: 1.15rem; line-height: 1.25em; margin: 0 0 0.75rem; padding: 0 0 0 15px;}
section#storeList .installed__storeDetail .post__detail div.box h4:before {width: 6px;}
section#storeList .installed__storeDetail .post__detail div.box p {font-size: 0.9rem; line-height: 1.6em;}
section#storeList .installed__storeDetail .post__detail div.box .publish sup{display: block; text-align: center; color: #aaa;  vertical-align: inherit;}
section#storeList .installed__storeDetail .post__detail div p.query{font-size: 1.0rem; line-height: 1.45em; margin: 0.5rem 0 1.0rem;}
section#storeList .installed__storeDetail .post__detail div p.query:before{letter-spacing: -10px;}
section#storeList .installed__storeDetail .post__detail div.post__store_info{padding: 1.25rem;}
section#storeList .installed__storeDetail .post__detail div.post__store_info .images{width: 100%; margin: 1.15rem 0 0.75rem;}
section#storeList .installed__storeDetail .post__detail div.post__store_info .information ul{font-size: 0.85rem; padding: 0 0 0 1.45rem;}
section#storeList .installed__storeDetail .post__detail div.post__store_info .information ul > li{width: auto; margin: 0 0 3px;}
section#storeList .installed__storeDetail .post__detail div.post__store_info .information .social ul{width: 100%;} .wireArea .wireBox {background-color: rgba(220,220,220,0.85); width: 100%; padding: 20px 0;}
.wireArea .wireBox a.btn{width: 80%; max-width: 420px; font-size: 0.70rem; margin: 0 auto;}
} section#player{}
section#player .detail{width: 100%; margin: 0 auto; position: relative;}
section#player .detail ul{list-style: none; margin: 0; padding: 0;}
section#player .detail .notReady{padding: 200px 0;}
section#player .detail .notReady p{font-size: 3.25rem !important; line-height: 1em !important; text-align: center; margin: 0; padding: 0;}
section#player .detail ul.flex{justify-content: flex-start; flex-wrap: wrap; align-items: flex-start;}
section#player .detail ul > li{width: 29%; min-height: 720px; margin: 1.5%; border: 3px solid #7b6c6c; padding: 0; position: relative;}
section#player .detail ul > li a{display: flex; align-items: center; padding: 40px 0; position: relative;}
section#player .detail ul > li i{font-size: 1.4rem; font-weight: normal; position: absolute; top: 50%; right: 15px; margin: -10px 0 0;}
section#player .detail ul > li .player__image{width: 100%; line-height: 1;}
section#player .detail ul > li .player__image img{width: 100%; box-sizing: border-box;}
section#player .detail ul > li a:hover .player__image img{border: 1px solid #e81321;}
section#player .detail ul > li .player__detail{margin: 0;}
section#player .detail ul > li .player__detail .player__name{min-height: auto; margin: 0.5rem 0;}
section#player .detail ul > li .player__detail .player__name h4{color: #a5a5a5; font-size: 0.75rem; line-height: 1.6em; letter-spacing: 2.5px; text-align: center; margin: 0; padding: 0;}
section#player .detail ul > li .player__detail .player__name h4 span{display: block; color: #313333; font-size: 1.8rem; font-weight: 600; line-height: 1.2em; letter-spacing: 2px;}
section#player .detail ul > li .player__detail .player__data{min-height: auto;}
section#player .detail ul > li .player__detail .player__data dl{width: 80%; display: flex; justify-content: flex-start; flex-wrap: wrap; font-size: 0.85rem; line-height: 1.75em; margin: 0 auto;}
section#player .detail ul > li .player__detail .player__data dt{width: 38%; font-weight: 700;}
section#player .detail ul > li .player__detail .player__data dd{width: 62%; margin: 0;}
section#player .detail ul > li .player__detail .player__link ul.flex{justify-content: center; margin: 0.15rem 0; min-height: 55px;}
section#player .detail ul > li .player__detail .player__link ul.flex > li{width: 15%; min-height: auto; border: none; box-sizing: border-box; text-align: center; margin: 0; padding: 0;}
section#player .detail ul > li .player__detail .player__link ul.flex > li a{display: block; width: 100%; line-height: 1; padding: 7px 0;}
section#player .detail ul > li .player__detail .player__link ul.flex > li a::before {content: ""; display: inline-block; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat;}
section#player .detail ul > li .player__detail .player__link ul.flex > li a.ico_fb::before {background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/player/pd_link_ico_fb.svg);}
section#player .detail ul > li .player__detail .player__link ul.flex > li a.ico_x::before {background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/player/pd_link_ico_x.svg);}
section#player .detail ul > li .player__detail .player__link ul.flex > li a.ico_yt::before {background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/player/pd_link_ico_yt.svg);}
section#player .detail ul > li .player__detail .player__link ul.flex > li a.ico_ig::before {background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/player/pd_link_ico_ig.svg);}
section#player .detail ul > li .player__detail .player__link ul.link__pf > li{width: 100%; min-height: auto; border: none; margin: 0;}
section#player .detail ul > li .player__detail .player__link ul.link__pf a{width: 70%; display: block; background: #e81321; color: #fff; font-size: 0.85rem; text-align: center; border-radius: 30px; padding: 0.25rem 0; margin: 0 auto;}
section#player .detail ul > li .player__detail .player__link ul.link__pf a i {position: absolute; top: 35%; right: 4%;}
section#player .fadein {opacity : 0; transition : all 1s;}
section#player .fadein.active{opacity : 1;} @media (max-width: 1199px) { section#player .detail .notReady{padding: 100px 0;}
section#player .detail .notReady p{font-size: 3.25rem !important; line-height: 1em !important;}
section#player .detail ul.flex {flex-direction: row;}
section#player .detail ul > li{width: 47%; max-width: 600px; min-height: auto; margin: 0.75rem 1.0%; border: 1px solid #7b6c6c;}
section#player .detail ul > li .player__detail .player__name{margin: 1.0rem 0;}
section#player .detail ul > li .player__detail .player__name h4{font-size: 1.0rem; line-height: 1.6em;}
section#player .detail ul > li .player__detail .player__name h4 span{font-size: 2.4rem; line-height: 1.4em;}
section#player .detail ul > li .player__detail .player__data dl{width: 70%; max-width: 300px; font-size: 1.10rem; line-height: 1.45em;}
section#player .detail ul > li .player__detail .player__data dt{width: 50%;}
section#player .detail ul > li .player__detail .player__data dd{width: 50%;}
section#player .detail ul > li .player__detail .player__link{margin: 1.0rem 0 1.5rem;}
section#player .detail ul > li .player__detail .player__link ul.flex > li{width: 18%;}
section#player .detail ul > li .player__detail .player__link ul.flex > li a{padding: 0 0 10px;}
section#player .detail ul > li .player__detail .player__link ul.flex > li a::before {content: ""; width: 52px; height: 52px;}
section#player .detail ul > li .player__detail .player__link ul.link__pf a{width: 55%; padding: 0.5rem 0;}
} @media (max-width: 767px) { section#player .detail .notReady{padding: 50px 0;}
section#player .detail .notReady p{font-size: 1.4rem !important;}
section#player .detail ul > li .player__detail .player__name{margin: 0.5rem 0;}
section#player .detail ul > li .player__detail .player__name h4{font-size: 0.45rem; line-height: 1.6em;}
section#player .detail ul > li .player__detail .player__name h4 span{font-size: 1.2rem; line-height: 1.2em;}
section#player .detail ul > li .player__detail .player__data dl{width: 90%; max-width: 170px; font-size: 0.65rem; line-height: 1.8em;}
section#player .detail ul > li .player__detail .player__data dt{width: 50%;}
section#player .detail ul > li .player__detail .player__data dd{width: 50%;}
section#player .detail ul > li .player__detail .player__link{margin: 0.5rem 0 1.0rem;}
section#player .detail ul > li .player__detail .player__link ul.flex{max-width: 320px; margin: 0.15rem auto; flex-direction: row; min-height: 45px;}
section#player .detail ul > li .player__detail .player__link ul.flex > li{width: 30%; max-width: 42px;}
section#player .detail ul > li .player__detail .player__link ul.flex > li a::before {content: ""; width: 32px; height: 32px;}
section#player .detail ul > li .player__detail .player__link ul.link__pf a{width: 80%; max-width: 150px; font-size: 0.7rem; padding: 0.35rem;}
} section#league{background: #f2f2f2;}
section#league hr{content: ''; display: block; width: 100%; height: 6px; border: none; background: #313333; padding: 0; margin: 4rem 0;}
section#league .text-center{text-align: center;}
section#league .btnArea {width: 100%; max-width: 800px; margin: 0 auto;}
section#league h4{position: relative; padding: 65px 0 0 15px; margin: -65px 0 1.8rem; font-size: 1.8rem; line-height: 1;}
section#league h4:before {content: ''; display: block; width: 6px; height: 32px; background-color: #e81321; position: absolute; top: 68px; bottom: 0; left: 0; margin: auto 0;}
section#league h4 span{font-size: 1.2rem; margin-left: 15px;}
section#league .slick-dotted.slick-slider{margin: 2.5rem 0 5rem;}
section#league .slick-dotted.slick-slider .images{padding: 0 1rem;}
section#league .slick-dots li.slick-active button:before {color: #ea000f; opacity: 1;}
section#league .slick-dots li button:before {color: #d4d4d4;}
section#league .spec h4{padding: 65px 0 0 0;}
section#league .spec h4:before {content: ''; display: none;}
section#league .spec table{width: 100%; margin: 0 auto; border: 1px solid #cccccc; border-spacing: 0; border-collapse: collapse;}
section#league .spec table th,
section#league .spec table td{border: 1px solid #cccccc; padding: 7px 10px; vertical-align: middle;}
section#league .spec table th{background: #f2f2f2; font-size: 0.9rem; line-height: 1.33rem; padding: 1.5rem 0.5rem;}
section#league .spec table th span{display: block; font-size: 0.7rem; font-weight: 400;}
section#league .spec table td{font-size: 0.9rem; line-height: 1.33rem; text-align: left;}
section#league .detail h3{font-size: 1.8rem; text-align: left; padding: 0; margin: 0; position: relative; line-height: 1;}
section#league .detail h3:after{content: ''; display: block; width: 100%; height: 2px; background: #313333; margin-top: 0.75rem; position: relative;}
section#league .detail .chach{width: 100%; margin: 3rem auto; display: block; text-align: center;}
section#league .detail .merit dl{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; background: #efefef; padding: 2.5rem; margin: 0 0 2rem;}
section#league .detail .merit dt{width: 55%;}
section#league .detail .merit dt h5{color: #073f88; font-size: 2.0rem; font-weight: 700; line-height: 1em; margin: 0 0 1rem;}
section#league .detail .merit dt p{font-size: 1.15rem !important; margin: 0;}
section#league .detail .merit dd{width: 42.5%; margin: 0 0 0 2.5%; padding: 0; line-height: 1;}
section#league #league_cat01,
section#league #league_cat02,
section#league #league_cat03{margin: 4rem 0;}
section#league #league_cat03 .affiliation h4{font-size: 2.4rem; font-weight: 700; text-align: center; margin: 0; padding: 0;}
section#league #league_cat03 .affiliation h4:before {content: ''; display: none;}
section#league #league_cat03 .affiliation ul{display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; list-style: none;}
section#league #league_cat03 .affiliation .detail::after{content: ''; display: block; width: 100%; height: 2px; background: #ccc; margin: 2rem 0;}
section#league #league_cat04{margin: 4rem 0 0;}
section#league #league_cat04 p{font-size: 2.0rem !important; font-weight: 700; line-height: 1.5em !important; text-align: center; margin: 0 0 2.5rem;} @media (max-width: 1199px) {
} @media (max-width: 767px) {
section#league hr{content: ''; margin: 2rem 0;}
section#league .btnArea {max-width: 520px;}
section#league h4{font-size: 1.45rem; line-height: 1.25em; margin: -65px 0 1.25rem;}
section#league h4:before {content: ''; height: 55px;}
section#league .slick-dotted.slick-slider{margin: 1.25rem 0 3.25rem;}
section#league .slick-dotted.slick-slider .images{padding: 0 0.5rem;}
section#league .spec h4:before {content: ''; display: none;}
section#league .spec table th{width: 100px; font-size: 0.75rem; line-height: 1.0rem; padding: 1rem 0.75rem;}
section#league .spec table th span{font-size: 0.55rem; line-height: 1.25em;}
section#league .detail h3{font-size: 1.25rem;}
section#league .detail .chach{max-width: 600px; margin: 1.5rem auto;}
section#league .detail .merit dl{padding: 1.5rem; margin: 0 0 1.5rem;}
section#league .detail .merit dt{width: 100%; margin: 0 0 1.25rem;}
section#league .detail .merit dt h5{font-size: 1.25rem;}
section#league .detail .merit dt p{font-size: 0.9rem !important;}
section#league .detail .merit dd{width: 100%; margin: 0;}
section#league #league_cat01,
section#league #league_cat02,
section#league #league_cat03{margin: 2rem 0;}
section#league #league_cat03 .affiliation h4{font-size: 1.75rem;}
section#league #league_cat03 .affiliation .detail::after{content: ''; margin: 1.5rem 0;}
section#league #league_cat04{margin: 2rem 0 0;}
section#league #league_cat04 p{font-size: 1.4rem !important; line-height: 1.25em !important; margin: 0 0 1.25rem;}
} section#magazine{}
section#magazine .detail p{text-align: center; font-size: 1.2rem; line-height: 1.6; margin: 40px 0;}
section#magazine .inner h3{font-size: 2.0rem; font-weight: 600; text-align: left;}
section#magazine .inner h4 {position: relative; font-size: 1.8rem; font-weight: 500; text-align: left; padding: 0; margin: 0 0 1.5rem;}
section#magazine .inner h4::before {content: ''; display: block; width: 15%; height: 3px; background-color: #e81321; position: absolute; bottom: -10px; left: 0; margin: auto 0; z-index: 1;}
section#magazine .inner h4::after {content: ''; display: block; width: 100%; height: 3px; background-color: #c5c5c5; position: absolute; bottom: -10px; left: 0; margin: auto 0;}
section#magazine .inner time{display: inline-block; margin: 0.75rem 0; color: #aaa; font-weight: 300; font-size: 1.15rem;}
section#magazine .inner .mag__entry{margin: 3rem 0;}
section#magazine .inner .mag__postDetail{width: 100%; max-width: 1000px; margin: 0 auto;}
section#magazine .mag-info .mag-inner{justify-content: space-between; margin: 1rem 0 0;}
section#magazine .mag-info .mag-inner .mag_label:hover{transition: 0.3s all linear;}
section#magazine .mag-info .mag-inner .mag_label {width: 30.3%; display: inline-block; border: 1px solid #b81d21; color: #b81d21; text-align: center; padding: 1rem; font-size: 1.2rem; line-height: 1; font-weight: 600; cursor: pointer;}
section#magazine .mag-info .mag-inner input[name="tab_mag-switch"] {display: none;}
section#magazine .mag-info .mag-inner input:checked + .mag_label {background-color: #b81d21; color: #fff;}
#tab__mag-01:checked ~ #tab__mag-01_data,
#tab__mag-02:checked ~ #tab__mag-02_data,
#tab__mag-03:checked ~ #tab__mag-03_data {display: block; opacity: 1; animation: fadeIn .5s;} section#magazine .mag-info .mag-inner .mag__blk{}
section#magazine .mag__blk ul{list-style: none; margin: 0; padding: 0; width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
section#magazine .mag__blk ul > li{margin: 0.75rem 0;}
section#magazine .mag__blk ul > li:after{content: ''; display: block; width: 100%; height: 1px; background: #ccc; margin: 1.25rem 0 0.75rem;}
section#magazine .mag__blk ul > li .mag__blkDetail a{display: flex; justify-content: flex-start; align-items: flex-start;}
section#magazine .mag__blk ul > li .mag__wpp-image{width: 30%; margin-right: 2%;}
section#magazine .mag__blk ul > li .mag__wpp-image figure{width: 100%; margin: 0; padding: 0;}
section#magazine .mag__blk ul > li .mag__wpp-Data{width: 68%;}
section#magazine .mag__blk ul > li .mag__wpp-title{font-size: 1.6rem; font-weight: 600; line-height: 2rem; margin-bottom: 0.75rem;}
section#magazine .mag__blk ul > li .mag__wpp-desc{font-size: 1rem; line-height: 1.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
section#magazine .mag__blk ul > li .mag__wpp-category{display: inline-block; min-width: 42px; border: solid 1px #313333; color: #313333; border-radius: 6px; padding: 0 10px; font-size: 0.8rem; font-weight: 500; margin: 9px 0 0; text-align: center;}
section#magazine .mag__blk ul > li .mag__wpp-time{font-size: 0.75rem; margin: 5px 0 0; color: #bbb;}
section#magazine .mag__pager{display: flex; justify-content: center; align-items: flex-start;}
section#magazine .mag__pager .page-numbers{ color: #333; border: solid 1px #C9C9C9; border-radius: 3px; background: #fff; width: 34px; height: 34px; display: grid; align-items: center; justify-content: center; margin: 5px;}
section#magazine .mag__pager .page-numbers.current{background: #D0312E; color: #fff; border-radius: 3px; width: 34px; height: 34px; display: grid; align-items: center; justify-content: center; margin: 5px;}
section#magazine .cat-list,
section#magazine .tag-list,
section#magazine .articles-list{margin: 3rem 0;}
section#magazine .cat-list h5,
section#magazine .tag-list h5,
section#magazine .articles-list h5{font-size: 1.8rem; font-weight: 700; line-height: 1; margin: 0 0 1.25rem; padding: 0 0 0 10px; position: relative;}
section#magazine .cat-list h5::before,
section#magazine .tag-list h5::before,
section#magazine .articles-list h5::before {content: ''; display: block; width: 5px; height: 100%; background-color: #e81321; position: absolute; top: 2px; bottom: 0; left: 0; margin: auto 0;}
section#magazine .articles-list ul{list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-start; align-items: flex-start;}
section#magazine .articles-list ul > li{width: 33.333%; margin: 0 1% 0 0;}
section#magazine .articles-list ul > li:last-child{margin: 0;}
section#magazine .articles-list ul > li .mag__wpp-image {margin-bottom: 0.5rem;}
section#magazine .articles-list ul > li .mag__wpp-image figure{width: 100%; margin: 0 auto; padding: 0; line-height: 1;}
section#magazine .articles-list ul > li .mag__wpp-title{font-size: 1.0rem; font-weight: 700; line-height: 1.4em; margin-bottom: 0.5rem;}
section#magazine .articles-list ul > li .mag__wpp-desc{font-size: 0.85rem; line-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
section#magazine .articles-list ul > li .mag__wpp-time{font-size: 0.75rem; margin: 5px 0 0; color: #bbb;}
section#magazine .cat-list ul,
section#magazine .tag-list ul{list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
section#magazine .tag-list ul > li{margin: 0 0 10px;}
section#magazine .tag-list ul > li a,
section#magazine .cat-list ul > li a{display: inline-block; min-width: 42px; border: solid 1px #e81321; color: #e81321; border-radius: 6px; padding: 3px 10px; font-size: 0.85rem; font-weight: 500; margin-right: 10px; text-align: center;} section#magazine .inner{}
section#magazine .mag__image{margin: 1.5rem 0;}
section#magazine .mag__detail hr{width: 100%; height: 0; margin: 3rem 0; padding: 1px 0 0; line-height: 1; border-width: 0; background: #ccc; }
section#magazine .mag__detail .mg__item p{font-size: 1.6rem; margin: 0; text-indent: -10px; line-height: 1.6em;}
section#magazine .mag__detail .mg__item ul{margin: 0 0 0 -10px;}
section#magazine .mag__detail .mg__item ul > li a{font-size: 1.1rem; font-weight: 500; text-decoration: underline;}
section#magazine .mag__detail .entry{margin: 3rem 0;}
section#magazine .mag__detail .entry h2{font-size: 1.7rem; line-height: 1.0em; text-align: left; margin: 0 0 1.5rem; padding: 0 0 0 20px; position: relative;}
section#magazine .mag__detail .entry h2::before{content: ''; display: block; width: 12px; height: 100%; background-color: #e81321; position: absolute; bottom: -1px; left: 0; margin: auto 0; z-index: 1;}
section#magazine .mag__detail .entry h3{font-size: 1.0rem; margin: 0 0 1.0rem; padding: 0 0 0 9px; position: relative;}
section#magazine .mag__detail .entry h3::before{content: ''; display: block; width: 2px; height: 100%; background-color: #e81321; position: absolute; bottom: -1px; left: 0; margin: auto 0; z-index: 1;}
section#magazine .mag__detail .entry p{font-size: 0.925rem; line-height: 1.65em;}
section#magazine .mag__detail .entry b.bg_y{display: inline; background: #ffff00;}
section#magazine .mag__detail .entry table{width: 100%; display: table; border-spacing: 0; border-collapse: collapse; table-layout: fixed;}
section#magazine .mag__detail .entry tbody th{border: 1px solid #333; padding: 0.5rem;}
section#magazine .mag__detail .entry tbody td{border: 1px solid #333; padding: 0.5rem;}
section#magazine .mag__detail .entry .flex{width: 100%; margin-bottom: 1.5rem;}
section#magazine .mag__detail .entry .col{width: 47%; padding: 1.5%;}
section#magazine .mag__detail .entry .align-center{align-items: center;}
section#magazine .mag__detail .entry .tips{display: inline-block; background: #eee; padding: 1.5rem 2rem; margin: 1.0rem 0;}
section#magazine .mag__detail .entry .btnArea a.btn{padding: 17px 35px 10px;}
section#magazine .mag__detail .entry .btnArea a span{position: absolute; top: -20px; left: 50%;
background: #fff; color: #e81321; font-size: 1.15rem; font-weight: 600; text-align: center; line-height: 1; letter-spacing: 0;
border-radius: 30px; margin: 0 0 0 -140px; padding: 0.5rem 1.5rem; border: 2px solid #e81321;} @media (max-width: 1199px) {
} @media (max-width: 767px) {
section#magazine .cat-list, section#magazine .tag-list, section#magazine .articles-list {margin: 40px 0;}
section#magazine .articles-list ul {flex-direction: column;}
section#magazine .articles-list ul > li {width: 100%; margin: 0 0 1% 0;}
section#magazine .detail p {font-size: 0.9rem; line-height: 1.5; margin: 20px 0;}
section#magazine .mag__blk ul > li .mag__wpp-image {width: 50%; margin-right: 2%;}
section#magazine .mag__blk ul > li .mag__wpp-title{font-size: 0.9rem; line-height: 1.5; margin-bottom: 0.25rem;}
section#magazine .mag__blk ul > li .mag__wpp-desc {font-size: 0.8rem; line-height: 1.2rem;}
section#magazine .mag__blk ul > li .mag__wpp-category {padding: 0 7px; font-size: 0.6rem;}
section#magazine .mag__blk ul > li:after {margin: 0.75rem 0 0;}
section#magazine .cat-list h5, section#magazine .tag-list h5, section#magazine .articles-list h5 {font-size: 0.9rem; margin: 0 0 0.75rem;}
section#magazine .cat-list ul > li, section#magazine .tag-list ul > li {margin-bottom: 5px;}
section#magazine .tag-list ul > li a, section#magazine .cat-list ul > li a {padding: 2px 5px; font-size: 0.675rem; margin-right: 5px;}
section#magazine .articles-list ul > li .mag__wpp-title {font-size: 0.9rem; line-height: 1.5; margin-bottom: 0.25rem;}
section#magazine .articles-list ul > li .mag__wpp-desc {font-size: 0.8rem; line-height: 1.2rem;}
section#magazine .cat-list ul,
section#magazine .tag-list ul{flex-wrap: wrap;}
section#magazine .cat-list ul > li,
section#magazine .tag-list ul > li{margin-bottom: 3px;} section#magazine .inner h3 {font-size: 1.15rem; line-height: 1.5rem;}
section#magazine .inner time {font-size: 0.75rem; margin: 5px 0 0;}
section#magazine .mag__image{margin: 0.75rem 0;}
section#magazine .mag__detail hr{margin: 1.25rem 0;}
section#magazine .mag__detail .mg__item p{font-size: 1.15rem; line-height: 1.4em;}
section#magazine .mag__detail .mg__item ul{margin: 0 0 0 -20px;}
section#magazine .mag__detail .mg__item ul > li a{font-size: 0.8rem;}
section#magazine .mag__detail .entry{margin: 1.75rem 0;}
section#magazine .mag__detail .entry h2{font-size: 1.15rem; line-height: 1.25em; margin: 0 0 0.75rem; padding: 0 0 0 15px;}
section#magazine .mag__detail .entry h2::before{content: ''; width: 10px;}
section#magazine .mag__detail .entry h3{font-size: 0.85rem; line-height: 1.25em;}
section#magazine .mag__detail .entry p{font-size: 0.9rem; line-height: 1.6em;}
section#magazine .mag__detail .entry table{font-size: 0.75rem; line-height: 1.35em;}
section#magazine .mag__detail .entry .flex{width: 100%; margin-bottom: 1.0rem;}
section#magazine .mag__detail .entry .col{width: 100%; padding: 0; margin: 1rem 0;}
section#magazine .mag__detail .entry .tips{padding: 1.0rem 1rem; margin: 0.75rem 0;}
section#magazine .mag__detail .entry .btnArea a.btn{padding: 15px 10px 10px;}
section#magazine .mag__detail .entry .btnArea a span{font-size: 0.75rem; margin: 0 0 0 -100px;}
} section#download{}
section#download .detail{background: #f6f6f6; border: 5px solid #e81321; box-sizing: border-box; padding: 50px;}
section#download .detail .dl__Catch h4{text-align: center; font-size: 2.0rem; font-weight: 700; line-height: 1.0rem; background: #e81321; color: #fff; margin: 0; padding: 25px;}
section#download .detail .dl__Catch p{font-size: 1.2rem; line-height: 1.6rem; text-align: center; margin: 25px 0;}
section#download .detail .dl__Area{position: relative;}
section#download .detail .dl__Area::after{content: ""; background-color: #cccccc; display: block; width: 100%; height: 1px; margin: 50px auto;}
section#download .detail .dl__Area:last-of-type::after{display: none;}
section#download .detail .dl__Area h5{font-size: 1.6rem; line-height: 1.6rem; margin: 0 0 15px 10px; padding: 0 0 0 13px; position: relative;}
section#download .detail .dl__Area h5::before{content: ""; display: block; position: absolute; top: 50%; left: 0; background-color: #e81321; width: 6px; height: 1.6rem; margin: -11px 0 0;}
section#download .detail .dl__Area ul{flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; list-style: none; margin: 0; padding: 0;}
section#download .detail .dl__Area ul > li{width: 25%; padding: 2.5%; margin: 0; box-sizing: border-box;}
section#download .detail .dl__Area ul > li .dl__Box .dl__images{margin: 0; padding: 0; line-height: 1;}
section#download .detail .dl__Area ul > li .dl__Box .dl__images img{width: 100%; margin: 0; padding: 0;}
section#download .detail .dl__Area ul > li .dl__Box .dl__text p{font-size: 1.0rem; line-height: 1.6rem; margin: 10px 0; text-align: center;}
section#download .detail .dl__Area ul > li .dl__Box .dl__text a.btn{font-size: 0.7rem; line-height: 1.0rem; letter-spacing: 1px; padding: 10px; margin: 5px auto;}
section#download .detail .dl__Area .dl__all{width: 98%; margin: 30px auto;}
section#download .detail .dl__Area .dl__all a.btn{font-size: 1.4rem; line-height: 1.4rem; letter-spacing: 1px; padding: 20px 0; margin: 0; box-shadow: 0 0 0 2px rgba(0,0,0,0.3)inset;} @media (max-width: 1199px) {
section#download .detail{border: 2px solid #e81321; padding: 25px;}
section#download .detail .dl__Area::after{margin: 25px auto;}
section#download .detail .dl__Area h5{margin: 0 0 15px 5px;}
section#download .detail .dl__Area ul {flex-direction: row;}
section#download .detail .dl__Area ul > li{width: 90%; max-width: 300px; margin: 5px auto;}
} @media (max-width: 767px) {
section#download .detail{border: 2px solid #e81321; padding: 15px;}
section#download .detail .dl__Catch h4{font-size: 1.1rem; padding: 12px;}
section#download .detail .dl__Catch p{font-size: 0.85rem; line-height: 1.2rem; margin: 20px 0;}
section#download .detail .dl__Area::after{margin: 25px auto;}
section#download .detail .dl__Area h5{font-size: 1.15rem; line-height: 1.15rem; padding: 0 0 0 10px;}
section#download .detail .dl__Area h5::before{content: ""; width: 5px; height: 1.15rem; margin: -8px 0 0;}
section#download .detail .dl__Area ul > li{max-width: 220px; padding: 1.5%; margin: 15px auto;}
section#download .detail .dl__Area .dl__all{width: 90%; margin: 20px auto;}
section#download .detail .dl__Area .dl__all a.btn{font-size: 0.8rem; line-height: 1.2rem; padding: 12px 30px;}
} section#service{}
section#service .sv__search-box .sv__heading:after{content: ""; background-color: #cccccc; display: block; width: 100%; height: 1px; margin: 15px auto 40px;}
section#service .sv__search-box .sv__heading h2{width: 1200px; text-align: left; font-size: 2.6rem; line-height: 2.6rem; margin: 0 auto; padding: 0; position: relative;}
section#service .sv__search-box .box-input-group{background: #e81321; color: #fff; text-align: center; margin: 0 0 40px; padding: 100px;}
section#service .sv__search-box .box-input-group .sv__instantsearch-box-input-group{position: relative; top: 50%; transform: translateY(-5%); max-width: 640px; margin: 0 auto;}
section#service .sv__search-box .box-input-group .sv__instantsearch-box-input-group form{position: relative;}
section#service .sv__search-box .box-input-group .sv__instantsearch-box-input-group input{height: 50px !important; color: rgba(49, 51, 51, 1); vertical-align: middle; border-radius: 30px; font-size: 1.15rem; width: 100%; border: 2px solid #efefef; padding: 0 2.5%; outline: none!important; box-sizing: border-box;}
section#service .sv__search-box .box-input-group .sv__instantsearch-box-input-group button{display: block; speak: none; line-height: 1; color: #ffffff; position: absolute; right: 2px; background-color: #e81321; top: 50%; padding: 10px; margin: -23px 0 0; border-radius: 0px 25px 25px 0px; width: 70px; border: none; cursor: pointer; -webkit-font-smoothing: antialiased;}
section#service .sv__search-box .box-input-group .sv__instantsearch-box-input-group button:before{content: ""; background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/service/pd_search.svg); background-repeat: no-repeat; display: block; width: 26px; height: 26px; margin: 0 auto; padding: 0;}
section#service .sv__search-box .box-input-group p{font-size: 2.0rem; font-weight: 700; margin: 0 0 10px;}
section#service .sv__categories{width: 1200px; height: 100%; margin: 0 auto; padding: 0; position: relative;}
section#service .sv__categories ul{flex-wrap: wrap; list-style: none; margin: 0; padding: 0;}
section#service .sv__categories ul li{width: 49%; margin: 0; padding: 0;} section#service .sv__categories ul li a.btn{color: #e81321; background: #fff; border: 2px solid #e81321; margin: 10px 0;}
section#service .sv__search-toggle {width: 100%;}
section#service .toggleBtn{position: absolute; top: 50%; right: 20px; display: block; text-decoration: none; cursor: pointer; transition: all 0.3s ease-in-out 0s;}
section#service .toggleBtn::before,
section#service .toggleBtn::after{content: ""; position: absolute; top: 50%; bottom: 50%; left: 50%; margin: -16px;}
section#service .toggleBtn::before{box-sizing: border-box; width: 32px; height: 32px; border: 3px solid #e81321; -webkit-border-radius: 50%; border-radius: 50%;}
section#service .toggleBtn::after{box-sizing: border-box; width: 16px; height: 16px; border: 8px solid transparent; border-left: 10px solid #e81321; margin: -8px -3px;}
section#service .toggleBtn{transform: rotate(270deg);}
section#service .toggleBtn.active{transform: rotate(90deg);}
section#service .detail{margin: 100px 0;}
section#service .detail:last-of-type{margin: 80px 0 0;}
section#service .detail h3{margin: 20px 0; position: relative;}
section#service .detail h3:after{content: ""; background-color: #e81321; display: block; width: 20%; height: 4px; margin: 25px auto;}
section#service .detail p{text-align: center;}
section#service .detail a.btn{width: 100%; max-width: 380px;}
section#service .detail.sv__categories-01 ul{flex-wrap: wrap; width: 90%; margin: 30px auto; padding: 10px; box-sizing: border-box; list-style: none;}
section#service .detail.sv__categories-01 ul > li{width: 50%; font-size: 1.15rem; margin: 5px 0;}
section#service .detail.sv__categories-01 ul > li a {display: block;}
section#service .detail.sv__categories-01 ul > li a i{color: #e81321; font-size: 0.85rem; margin: 0 15px 0 0;} section#service #s4,
section#service #vss,
section#service #vsp,
section#service #px{display: none}
section#service .detail.sv__categories-01 .single{width: 900px; margin: 0 auto; position: relative;}
section#service .detail.sv__categories-01 .single h3{text-align: left; font-size: 1.5rem; line-height: 2.2rem;}
section#service .detail.sv__categories-01 .single h3:after{display: none;}
section#service .detail.sv__categories-01 .single p{text-align: left; line-height: 1.5rem;}
section#service .detail.sv__categories-01 .single .machine__list .btn,
section#service .detail.sv__categories-01 .single .support__Box .unit .branch a.btn{width: 100%; max-width: none; background: #fff; color: #e81321; border: 2px solid #e81321; box-sizing: border-box; margin: 0; padding: 10px;}
section#service .detail.sv__categories-01 .single .support__Box .unit .branch a.btn{width: 85%; background: #ffeeee; font-size: 1.0rem; line-height: 1.4rem; text-align: left; margin: 0 auto; padding: 15px 60px 15px 15px; letter-spacing: 1px;}
section#service .detail.sv__categories-01 .single .machine__list .btn i,
section#service .detail.sv__categories-01 .single .support__Box .unit .branch a.btn i {font-size: 1.15rem; margin: -8px -8px 0 0; top: 50%;} section#service .detail.sv__categories-01 .single .support__Box .unit .branch a.btn.disabled{background: #efefef; color: #999; border: 2px solid #ccc; }
section#service .detail.sv__categories-01 .single .support__Box .unit .branch a.btn.disabled i{color: #999;}
section#service .detail.sv__categories-01 .single .support__Box .unit .branch a.btn.disabled:hover{background: #ffeeee; color: #e81321; border: 2px solid #e81321;}
section#service .detail.sv__categories-01 .single .support__Box .unit .branch a.btn.disabled:hover i{color: #e81321;}
section#service .detail.sv__categories-01 .single .machine__list h4{display: flex; justify-content: space-between; align-items: center; font-size: 1.2rem; font-weight: 700;}
section#service .detail.sv__categories-01 .single .machine__list ul{display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; padding: 0;}
section#service .detail.sv__categories-01 .single .machine__list ul > li{width: 49%; list-style: none; padding: 0; margin: 0.5%;}
section#service .detail.sv__categories-01 .single .support__Box h3{background: #cccccc; text-align: left; font-size: 1.4rem; letter-spacing: 3px; margin: 60px 0 -10px; padding: 20px;}
section#service .detail.sv__categories-01 .single .support__Box .unit{display: none; padding: 60px 0; position: relative; border-bottom: 1px solid #ccc;}
section#service .detail.sv__categories-01 .single .support__Box .unit:before{content: ""; display: block;  border: 22px solid transparent; border-top-color: #ccc; border-bottom-width: 0; position: absolute; bottom: -22px; left: 50%;}
section#service .detail.sv__categories-01 .single .support__Box .unit:after{content: ""; border: 20px solid transparent; border-top-color: #fff; border-bottom-width: 0; position: absolute; bottom: -20px; left: 50%; z-index: 1; margin: 0 0 0 2px;}
section#service .detail.sv__categories-01 .single .support__Box .unit:last-of-type{padding: 60px 0 0; border-bottom: none;}
section#service .detail.sv__categories-01 .single .support__Box .unit:last-of-type:before{display: none;}
section#service .detail.sv__categories-01 .single .support__Box .unit:last-of-type:after{display: none;}
section#service .detail.sv__categories-01 .single .support__Box .unit.complete{padding: 60px 0 0; border-bottom: none;}
section#service .detail.sv__categories-01 .single .support__Box .unit.complete:before{display: none;}
section#service .detail.sv__categories-01 .single .support__Box .unit.complete:after{display: none;}
section#service .detail.sv__categories-01 .single .support__Box .unit h4{position: relative; margin: 20px 0; padding: 0 0 0 15px; font-size: 1.25rem; line-height: 1;}
section#service .detail.sv__categories-01 .single .support__Box .unit h4:before {content: ''; display: block; width: 5px; height: 25px; background-color: #999; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0;}
section#service .detail.sv__categories-01 .single .support__Box .unit p{line-height: 1.5rem; margin: 0 0 30px;}
section#service .detail.sv__categories-01 .single .support__Box .unit ul.branch{width: 100%; list-style: none; margin: 40px 0 0; padding: 0;}
section#service .detail.sv__categories-01 .single .support__Box .unit ul.branch > li{width: 100%; margin: 15px 0; padding: 0;}
section#service .detail.sv__categories-01 .single .support__Box .unit .movieArea{width: 85%; height: 0; padding-top: 47.75%; margin: 0 auto; position: relative;}
section#service .detail.sv__categories-01 .single .support__Box .unit .movieArea iframe{top: 0; left: 0; width: 100%; height: 100%; position: absolute;}
section#service .detail.sv__categories-01 .single .support__Box .unit .btnArea{margin: 50px auto;}
section#service .detail.sv__categories-01 .single .modal{background: #e81321; border-radius: 30px; color: #fff; font-size: 1.0rem; line-height: 1; font-weight: normal; padding: 7px 15px; cursor: pointer;} .sv__switch__bg {width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; z-index: 20; display: none;}
.sv__switch-main{display: none; width: 100%; max-width: 640px; color: #3c4455; height: auto; padding: 50px; margin: -320px 0 0 -370px; top: 50%; left: 50%; background: #fff; border-radius: 10px; position: fixed; z-index: 30; opacity: 0; box-shadow: 0 0 10px 0 rgb(0 0 0 / 60%);}
.sv-switch__btn--close--fix {width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 25px; right: 35px; z-index: 101; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.sv-switch__btn--close--fix:before{content: ""; width: 21px; height: 23px; border-right: 3px solid #d2d2d7; transform: rotate(-45deg); position: absolute; top: 6px; left: -10px;}
.sv-switch__btn--close--fix:after{content: ""; width: 20px; height: 22px; border-right: 3px solid #d2d2d7; transform: rotate(45deg); position: absolute; top: -8px; left: -9px;}
.sv__switch-main .modal__switchArea h4{font-size: 1.4rem; font-weight: 600; text-align: center; position: relative; margin: -15px 0 25px;}
.sv__switch-main .modal__switchArea .machine__list ul{width: 100%; display: flex; justify-content: space-around; align-items: flex-start; list-style: none; margin: 0 auto; padding: 0;}
.sv__switch-main .modal__switchArea .machine__list li{width: 75%; margin: 0 auto;}
.sv__switch-main .modal__switchArea .machine__list li .ml__detail .logo{text-align: center;}
.sv__switch-main .modal__switchArea .machine__list li .ml__detail .logo p{font-size: 0.8rem; line-height: 1; margin: 0 0 10px;}
.sv__switch-main .modal__switchArea .machine__list .none{}
.sv__switch-main._slideUp {animation: SlideUp .5s ease-in-out forwards;}
.sv__switch-main._slideDown {animation: SlideDown .5s ease-in-out forwards;} @media (max-width: 1199px) {
} @media (max-width: 767px) {
section#service .detail.sv__categories-01 .single{width: 100%; margin: 25px auto;}
section#service .detail.sv__categories-01 .single h3{font-size: 1.15rem; line-height: 1.6rem; margin: 0 0 20px;}
section#service .detail.sv__categories-01 .single p{line-height: 1.4rem;}
section#service .detail.sv__categories-01 .single .machine__list .btn,
section#service .detail.sv__categories-01 .single .support__Box .unit .branch a.btn{font-size: 0.75rem; border: 1px solid #e81321; padding: 10px 15px 10px 10px;}
section#service .detail.sv__categories-01 .single .support__Box .unit .branch a.btn{width: 100%; font-size: 0.85rem; line-height: 1.2rem; padding: 10px 25px 10px 10px; letter-spacing: 1px;}
section#service .detail.sv__categories-01 .single .machine__list .btn i,
section#service .detail.sv__categories-01 .single .support__Box .unit .branch a.btn i {font-size: 0.7rem; margin: -4px -3px 0 0;}
section#service .detail.sv__categories-01 .single .machine__list h4{font-size: 0.9rem;}
section#service .detail.sv__categories-01 .single .machine__list ul > li{width: 47%; margin: 1.5%;}
section#service .detail.sv__categories-01 .single .support__Box h3{font-size: 0.87rem; letter-spacing: 0.5px; margin: 30px 0 -30px; padding: 10px;}
section#service .detail.sv__categories-01 .single .support__Box .unit{padding: 30px 0;}
section#service .detail.sv__categories-01 .single .support__Box .unit:before{border: 20px solid transparent; border-top-color: #ccc; border-bottom-width: 0; bottom: -20px; margin: 0 0 0 -20px;}
section#service .detail.sv__categories-01 .single .support__Box .unit:after{border: 18px solid transparent; border-top-color: #fff; border-bottom-width: 0; bottom: -18px; margin: 0 0 0 -18px;}
section#service .detail.sv__categories-01 .single .support__Box .unit:last-of-type{padding: 30px 0 0;}
section#service .detail.sv__categories-01 .single .support__Box .unit.complete{padding: 30px 0 0;}
section#service .detail.sv__categories-01 .single .support__Box .unit h4{margin: 20px 0 15px; padding: 0 0 0 12px; font-size: 0.9rem; line-height: 1;}
section#service .detail.sv__categories-01 .single .support__Box .unit p{line-height: 1.4rem; margin: 0 0 20px;}
section#service .detail.sv__categories-01 .single .support__Box .unit ul.branch{margin: 30px 0 0;}
section#service .detail.sv__categories-01 .single .support__Box .unit ul.branch > li{margin: 10px 0;}
section#service .detail.sv__categories-01 .single .support__Box .unit .movieArea{width: 100%; padding-top: 56.5%;}
section#service .detail.sv__categories-01 .single .support__Box .unit .btnArea{width: 100%; margin: 25px auto;}
section#service .detail.sv__categories-01 .single .modal{font-size: 0.75rem; padding: 8px 10px;} .sv__switch-main{width: 100%; max-width: 260px; height: auto; padding: 20px; margin: -150px; top: 30%; left: 50%;}
.sv-switch__btn--close--fix {top: 20px; right: 20px;}
.sv__switch-main .modal__switchArea h4{font-size: 1.0rem; margin: 0 0 20px;}
.sv__switch-main .modal__switchArea .machine__list ul{flex-wrap: wrap; flex-direction: row;}
.sv__switch-main .modal__switchArea .machine__list li{width: 100%;}
.sv__switch-main .modal__switchArea .machine__list li .ml__detail {display: flex; justify-content: flex-start; align-items: center;}
.sv__switch-main .modal__switchArea .machine__list li .ml__detail .image{width: 15%; margin: 0 5%;}
.sv__switch-main .modal__switchArea .machine__list li .ml__detail .logo{width: 75%;}
.sv__switch-main .modal__switchArea .machine__list li .ml__detail .logo p{font-size: 0.85rem; margin: 0;}
}
section#service .detail.sv__categories-02 .movieArea{width: 90%; margin: 0 auto;}
section#service .detail.sv__categories-02 .movieArea .machine-mov_inner{width: 100%;}
section#service .detail.sv__categories-02 .movieArea .slick-machine-mov{margin: 45px auto;}
section#service .detail.sv__categories-02 .movieArea .machine-mov_inner .machine-mov__slider-item {margin: 0 25px;}
section#service .detail.sv__categories-02 .movieArea .machine-mov_inner .machine-mov__image,
section#service .detail.sv__categories-02 .movieArea .machine-mov_inner .machine-mov__detail{width: 100%;}
section#service .detail.sv__categories-02 .movieArea .machine-mov_inner .machine-mov__detail .machine-mov__ttl h4{font-size: 1.35rem; line-height: 1.8rem; padding: 0; margin: 15px 0;}
section#service .detail.sv__categories-02 .movieArea .machine-mov_inner .machine-mov__detail .machine-mov__txt p{font-size: 0.85rem; line-height: 1.2rem; text-align: left; margin: 0;}
section#service .detail.sv__categories-03 ul{flex-wrap: wrap; width: 90%; margin: 30px auto; padding: 10px; box-sizing: border-box; list-style: none;}
section#service .detail.sv__categories-03 ul > li{width: auto; font-size: 1.15rem; margin: 15px 0;}
section#service .detail.sv__categories-03 ul > li a{display: block;}
section#service .detail.sv__categories-03 ul > li a i{color: #e81321; font-size: 0.85rem; margin: 0 15px 0 0;}
section#service .detail.sv__categories-03 .sv__catArea{width: 90%; margin: 60px auto;}
section#service .detail.sv__categories-03 .sv__catArea h4{position: relative; margin: 1.6rem 0; padding: 0 0 0 15px; font-size: 1.25rem; line-height: 1;}
section#service .detail.sv__categories-03 .sv__catArea h4::before {content: ''; display: block; width: 5px; height: 25px; background-color: #e81321; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0;}
section#service .detail.sv__categories-03 .sv__catArea ul{width: 100%; margin: 0; padding: 0;}
section#service .detail.sv__categories-03 .sv__catArea ul > li{} section#service .detail.sv__categories-03 .single{width: 900px; margin: 0 auto; position: relative;}
section#service .detail.sv__categories-03 .single .faq__title h2{position: relative; font-size: 1.4rem; font-weight: normal; line-height: 1.5; text-align: left; padding: 0;}
section#service .detail.sv__categories-03 .single .faq__detail hr{margin: 40px 0;}
section#service .detail.sv__categories-03 .single .faq__detail .images,
section#service .detail.sv__categories-03 .single .faq__detail .faq__box,
section#service .detail.sv__categories-03 .single .faq__detail .box__table,
section#service .detail.sv__categories-03 .single .faq__detail .box__list,
section#service .detail.sv__categories-03 .single .faq__detail .box__flex{margin: 0 0 20px;}
section#service .detail.sv__categories-03 .single .faq__detail h3{position: relative; margin: 1rem 0; padding: 0 0 0 15px; font-size: 1.25rem; line-height: 1.33em; text-align: left;}
section#service .detail.sv__categories-03 .single .faq__detail h3::before{content: ''; display: block; width: 5px; height: 100%; background-color: #999; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0;}
section#service .detail.sv__categories-03 .single .faq__detail h3::after{display: none;}
section#service .detail.sv__categories-03 .single .faq__detail p{text-align: left;}
section#service .detail.sv__categories-03 .single .faq__detail .faq__box{border: 1px solid #ccc; background: #efefef; padding: 20px;}
section#service .detail.sv__categories-03 .single .faq__detail .faq__box.entry{color: #333; border: 1px solid #b3b7bb; background: #efefef;}
section#service .detail.sv__categories-03 .single .faq__detail .faq__box.notice{color: #333; border: 1px solid #ed969e; background: #f5c6cb;}
section#service .detail.sv__categories-03 .single .faq__detail .faq__box.tips{color: #333; border: 1px solid #ffdf7e; background: #ffeeba;}
section#service .detail.sv__categories-03 .single .faq__detail .box__table table{width: 100%; border: 1px solid #cccccc; border-spacing: 0; border-collapse: collapse;}
section#service .detail.sv__categories-03 .single .faq__detail .box__table th{background: #f2f2f2; width: 20%;}
section#service .detail.sv__categories-03 .single .faq__detail .box__table td{border: 1px solid #cccccc; padding: 20px; vertical-align: middle;}
section#service .detail.sv__categories-03 .single .faq__detail .box__list ul{list-style: disc; margin: 0 0 0 30px; padding: 0;}
section#service .detail.sv__categories-03 .single .faq__detail .box__list ul > li{font-size: 1.0rem; margin: 5px 0;}
section#service .detail.sv__categories-03 .single .faq__detail .box__flex ul{width: 100%; list-style: none; margin: 0; padding: 0;}
section#service .detail.sv__categories-03 .single .faq__detail .box__flex ul > li{width: 48%;}
section#service .detail.sv__categories-03 .single .faq__detail .box__flex ul.movie{justify-content: space-evenly;}
section#service .detail.sv__categories-03 .single .faq__detail .box__flex ul.single > li{width: 75%;}
section#service .detail.sv__categories-03 .single .faq__detail .box__movieArea{position: relative; width: 100%; padding-top: 56.25%;}
section#service .detail.sv__categories-03 .single .faq__detail .box__movieArea iframe{width: 100%; height: 100%; position: absolute; top: 0; right: 0;} @media (max-width: 1199px) {
section#service .detail.sv__categories-03 .single{width: 100%; margin: 25px auto;}
section#service .detail.sv__categories-03 .single .faq__detail .images img{width: 100%;}
} @media (max-width: 767px) {
section#service .detail.sv__categories-03 .single .faq__title h2{font-size: 1.15rem; line-height: 1.6rem;}
section#service .detail.sv__categories-03 .single .faq__detail h3{font-size: 1.10rem;}
section#service .detail.sv__categories-03 .single .faq__detail .faq__box{padding: 15px; font-size: 0.8rem; line-height: 1.25rem;}
section#service .detail.sv__categories-03 .single .faq__detail .box__table table{font-size: 0.75rem; line-height: 1rem;}
section#service .detail.sv__categories-03 .single .faq__detail .box__table th{width: 45%; padding: 10px;}
section#service .detail.sv__categories-03 .single .faq__detail .box__table td{padding: 10px;}
section#service .detail.sv__categories-03 .single .faq__detail .box__list ul{font-size: 0.9rem; line-height: 1.5rem;}
section#service .detail.sv__categories-03 .single .faq__detail .box__flex ul > li{width: 100%; max-width: 500px; margin: 10px auto;}
section#service .detail.sv__categories-03 .single .faq__detail .box__flex ul.single > li{width: 100%;}
}
section#service .detail.sv__categories-04 p{margin-bottom: 45px;}
section#service .detail.sv__categories-05 .asv__list{flex-wrap: wrap; width: 90%; margin: 45px auto 0;}
section#service .detail.sv__categories-05 .asv__list a{width: 48%; border: 1px solid #cccccc; box-sizing: border-box; padding: 20px; margin: 0 0 2.5%;}
section#service .detail.sv__categories-05 .asv__list a:hover{border: 1px solid #e81321;}
section#service .detail.sv__categories-05 .asv__list .asv__detail {align-items: center;}
section#service .detail.sv__categories-05 .asv__list .asv__detail .asv__images{width: 22.5%; margin-right: 2.5%; line-height: 1;}
section#service .detail.sv__categories-05 .asv__list .asv__detail .asv__txt{width: 75%;}
section#service .detail.sv__categories-05 .asv__list .asv__detail .asv__txt h4{margin: 0 0 10px; font-size: 1.25rem; line-height: 1.25rem;}
section#service .detail.sv__categories-05 .asv__list .asv__detail .asv__txt p{text-align: left; font-size: 0.85rem; line-height: 1.2rem; margin: 0;}
section#service .sv__footer{width: 1200px; margin: 0 auto; position: relative;}
section#service .sv__footer:before{content: ""; background-color: #cccccc; display: block; width: 100%; height: 1px; margin: 60px auto;}
section#service .sv__footer h3{margin: 0 0 40px; position: relative;}
section#service .sv__footer h3:after {content: ""; background-color: #e81321; display: block; width: 20%; height: 4px; margin: 25px auto;} section#service .search-hit-list{width: 90%; margin: 30px auto !important;}
section#service .search-hit-list h3{text-align: left; font-size: 2.0rem;}
section#service .search-hit-list h3 span{display: block; font-size: 1.05rem; margin: 10px 0;}
section#service .search-hit-list h3:after{display: none;}
section#service .search-hit-list ol.sv__hits-list{list-style: none; margin: 0; padding: 0;}
section#service .search-hit-list ol.sv__hits-list > li{width: 100%; line-height: 1; border-bottom: 1px solid #ddd; padding: 2px 0;}
section#service a.sv__instantsearch-hit{display: block; font-size: 0.9rem; font-weight: 700; line-height: 1.35rem; padding: 30px 15px; margin: 1px 0;}
section#service a.sv__instantsearch-hit:hover{background: #f7f7f7;}
section#service .hit-title{}
section#service .sv__hit-txt p{text-align: left; font-size: 0.8rem; font-weight: normal; color: #999; margin: 3px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
section#service span.search-highlight {font-weight: bold; background: linear-gradient(transparent 0%, #ffff88 0%);} @media (max-width: 1199px) {
section#service .sv__search-box .sv__heading h2 {width: 90%; font-size: 2.0rem;}
section#service .toggleBtn {right: 12px;}
section#service .sv__search-box .box-input-group p {font-size: 1.8rem;}
section#service .detail h3 {font-size: 2.0rem;}
section#service .sv__categories {width: 90%;}
section#service .detail.sv__categories-01 ul {width: 100%; padding: 0;}
section#service .detail.sv__categories-01 ul > li {font-size: 0.95rem;}
section#service .detail.sv__categories-03 ul {width: 100%; padding: 10px 0;}
section#service .detail.sv__categories-03 ul > li {font-size: 0.95rem;}
section#service .detail.sv__categories-05 .asv__list {width: 100%;}
section#service .sv__footer{width: 100%;}
section#service .sv__footer:before{width: 90%;}
section#service .sv__footer h3{    font-size: 2.0rem;}
} @media (max-width: 767px) {
section#service a.sv__instantsearch-hit{padding: 15px 0;}
section#service .sv__search-box .sv__heading:after{margin: 0 auto;}
section#service .sv__search-box .sv__heading h2{width: 92%; font-size: 1.55rem; line-height: 1.2; margin: 0 auto 10px; padding: 2%;}
section#service .sv__search-box .box-input-group{margin: 0 0 10px; padding: 10% 7%;}
section#service .sv__search-box .box-input-group .sv__instantsearch-box-input-group{max-width: 640px;}
section#service .sv__search-box .box-input-group .sv__instantsearch-box-input-group input{height: 36px !important; font-size: 0.8rem;}
section#service .sv__search-box .box-input-group .sv__instantsearch-box-input-group button{padding: 7px; margin: -16px 0 0; width: 43px;}
section#service .sv__search-box .box-input-group .sv__instantsearch-box-input-group button:before{width: 18px; height: 18px;}
section#service .sv__search-box .box-input-group p{font-size: 0.9rem;}
section#service .sv__categories{width: 95%; height: 100%;}
section#service .sv__categories ul{flex-direction: row;}
section#service .sv__categories ul li a.btn{border: 1px solid #e81321; margin: 5px 0; font-size: 0.75rem; padding: 10px 15px 10px 5px; letter-spacing: 0;}
section#service .toggleBtn{right: 25px;}
section#service .toggleBtn::before,
section#service .toggleBtn::after{margin: -12px;}
section#service .toggleBtn::before{width: 24px;height: 24px; border: 2px solid #e81321;}
section#service .toggleBtn::after{width: 12px; height: 12px; border: 6px solid transparent; border-left: 8px solid #e81321; margin: -6px -3px;}
section#service .detail{margin: 35px 0;}
section#service .detail:last-of-type{margin: 40px 0 0;}
section#service .detail h3{font-size: 1.10rem; text-align: left; margin: 10px; padding: 0;}
section#service .detail h3:after{position: absolute; top: 50%; left: -10px; width: 4px; height: 20px; margin: -10px 0;}
section#service .detail p{font-size: 0.85rem; line-height: 1.4rem; text-align: left;}
section#service .detail a.btn{width: 70%;}
section#service .detail.sv__categories-01 ul{flex-wrap: nowrap; width: 100%; margin: 15px auto; padding: 0;}
section#service .detail.sv__categories-01 ul > li{width: 100%; font-size: 0.8rem; margin: 8px 0;}
section#service .detail.sv__categories-01 ul > li a i{font-size: 0.7rem; margin: 0 5px 0 0;}
section#service .detail.sv__categories-02 .movieArea{width: 100%;}
section#service .detail.sv__categories-02 .movieArea .slick-machine-mov{margin: 25px auto;}
section#service .detail.sv__categories-02 .movieArea .machine-mov_inner .machine-mov__slider-item {width: 270px; margin: 0 7.5px;}
section#service .detail.sv__categories-02 .movieArea .machine-mov_inner .machine-mov__image,
section#service .detail.sv__categories-02 .movieArea .machine-mov_inner .machine-mov__detail{width: 100%;}
section#service .detail.sv__categories-02 .movieArea .machine-mov_inner .machine-mov__detail .machine-mov__ttl h4{font-size: 1.1rem; line-height: 1.4rem;}
section#service .detail.sv__categories-02 .movieArea .machine-mov_inner .machine-mov__detail .machine-mov__txt p{font-size: 0.8rem;}
section#service .detail.sv__categories-03 ul{flex-wrap: nowrap; width: 100%; margin: 15px auto 30px; padding: 0;}
section#service .detail.sv__categories-03 ul > li{width: 100%; font-size: 0.8rem; line-height: 1.35rem; margin: 15px 0;}
section#service .detail.sv__categories-03 ul > li a i{font-size: 0.7rem; margin: 0 5px 0 0;}
section#service .detail.sv__categories-04 p{margin-bottom: 25px;}
section#service .detail.sv__categories-05 .asv__list{flex-wrap: nowrap; width: 100%; margin: 15px auto 0;}
section#service .detail.sv__categories-05 .asv__list a{width: 100%; padding: 15px; margin: 0 0 20px;}
section#service .detail.sv__categories-05 .asv__list .asv__detail {flex-direction: row; align-items: flex-start;}
section#service .detail.sv__categories-05 .asv__list .asv__detail .asv__images{width: 30%; max-width: 120px; margin-right: 5%;}
section#service .detail.sv__categories-05 .asv__list .asv__detail .asv__txt{width: 65%;}
section#service .detail.sv__categories-05 .asv__list .asv__detail .asv__txt h4{margin: 0 0 7px; font-size: 1.0rem; }
section#service .detail.sv__categories-05 .asv__list .asv__detail .asv__txt p{font-size: 0.75rem; line-height: 1.1rem;}
section#service .sv__footer{width: 100%;}
section#service .sv__footer:before{width: 90%; margin: 30px auto;}
section#service .sv__footer h3{font-size: 1.10rem; margin: 0 0 20px;}
section#service .sv__footer h3:after {width: 25%; margin: 5px auto;}
} section#movie{}
section#movie .detail{background: #f6f6f6; border: 5px solid #e81321; box-sizing: border-box; padding: 50px;}
section#movie .detail .mv__Catch h4{text-align: center; font-size: 2.0rem; font-weight: 700; line-height: 1.0rem; background: #e81321; color: #fff; margin: 0; padding: 25px;}
section#movie .detail .mv__Area{position: relative;}
section#movie .detail .mv__Area::after{content: ""; background-color: #cccccc; display: block; width: 100%; height: 1px; margin: 50px auto;}
section#movie .detail .mv__Area:last-of-type::after{display: none;}
section#movie .detail .mv__Area ul{flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; list-style: none; margin: 0; padding: 0;}
section#movie .detail .mv__Area ul > li{width: 47%; padding: 0; margin: 3% 1.5% 0; box-sizing: border-box;}
section#movie .detail .mv__Area ul > li .mv__Box .mv__movie{margin: 0; padding: 0; line-height: 1;}
section#movie .detail .mv__Area ul > li .mv__Box .mv__movie iframe{width: 100%; height: 290px; margin: 0; padding: 0;}
section#movie .detail .mv__Area .mv__all{width: 98%; margin: 30px auto;}
section#movie .detail .mv__Area .mv__all a.btn{font-size: 1.4rem; line-height: 1.4rem; letter-spacing: 1px; padding: 20px 0; margin: 0; box-shadow: 0 0 0 2px rgba(0,0,0,0.3)inset;} @media (max-width: 1199px) {
section#movie .detail{border: 2px solid #e81321; padding: 25px;}
section#movie .detail .mv__Area::after{margin: 25px auto;}
section#movie .detail .mv__Area ul {flex-direction: row;}
section#movie .detail .mv__Area ul > li{width: 100%; margin: 25px auto;}
section#movie .detail .mv__Area ul > li .mv__Box .mv__movie iframe{height: 400px;}
} @media (max-width: 767px) {
section#movie .detail{border: 2px solid #e81321; padding: 15px;}
section#movie .detail .mv__Catch h4{font-size: 1.1rem; padding: 12px;}
section#movie .detail .mv__Area::after{margin: 25px auto;}
section#movie .detail .mv__Area .mv__all{width: 90%; margin: 20px auto;}
section#movie .detail .mv__Area .mv__all a.btn{font-size: 0.8rem; line-height: 1.2rem; padding: 12px 30px;}
section#movie .detail .mv__Area ul > li{width: 100%; margin: 15px auto;}
section#movie .detail .mv__Area ul > li .mv__Box .mv__movie iframe{height: 220px;}
} section#used{background: #f2f2f2;}
section#used .text-center{text-align: center;}
section#used .btnArea{max-width: 680px; margin: 3rem auto;}
section#used .btnArea a{font-size: 2.2rem; font-weight: 600; padding: 10px 35px;}
section#used p.subnotice{color: #e81321 !important; font-size: 0.95rem !important; line-height: 1.5 !important; margin: 1.5rem 0 -2.0rem;} section#used #used_hero p.subtxt{font-size: 2.0rem !important; line-height: 2.8rem !important; text-align: center; margin: 3.0rem 0; color: #5e6262 !important;} section#used .carousel > div{margin: 0; padding: 0; line-height: 1;}
section#used .detail h3{font-size: 1.8rem; text-align: left; padding: 0 0 0 15px; margin: 0; position: relative; line-height: 1;}
section#used .detail h3:after{content: ''; display: block; width: 6px; height: 32px; background-color: #e81321; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0;}
section#used .detail .chach{width: 100%; max-width: 460px;margin: 0 auto 1.5rem; display: block; text-align: center;}
section#used #used_cat01,
section#used #used_cat02,
section#used #used_cat03,
section#used #used_cat04,
section#used #used_cat05{margin: 6rem 0;}
section#used #used_cat06{margin: 6rem 0 0;}
section#used .spec .detail{width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
section#used .spec .detail .List{width: 75%;}
section#used .spec .detail .List ul{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; list-style: none; margin: 0 0 2.5rem; padding: 0;}
section#used .spec .detail .List ul > li{width: 32%; margin: 0.45rem 0; padding: 0; line-height: 1;}
section#used .spec .detail .List ul > li img{width: 100%;}
section#used .spec .detail .List span.notice{font-size: 0.7rem; display: block; text-align: right; margin-top: -2.5rem;}
section#used .spec .detail .List .game h4{font-size: 1.6rem; margin: 0 0 0.5rem;}
section#used .spec .detail .List .game table{width: 100%; border: 1px solid #ccc; border-collapse: collapse;}
section#used .spec .detail .List .game table th{width: 20%; background: #eaeaea; padding: 0.5rem; font-weight: 400; border: 1px solid #ccc;}
section#used .spec .detail .List .game table td{padding: 0.5rem; border: 1px solid #ccc;}
section#used .spec .detail .price{margin: 1.5rem 0;}
section#used .spec .detail .price h4{font-size: 1.8rem; margin: 0; padding: 0;}
section#used .spec .detail .price .special_pr{color:#e50012 !important; display: flex; justify-content: flex-start; align-items: center;}
section#used .spec .detail .price .regular_pr p,
section#used .spec .detail .price .special_pr p{color: unset !important; font-size: 4.25rem !important; line-height: 1.4em !important; margin: 0; padding: 0;}
section#used .spec .detail .price .regular_pr span,
section#used .spec .detail .price .special_pr span{font-size: 1.25rem;}
section#used .spec .detail .price .special_pr div{font-size: 1.5rem; line-height: 1.2em; margin-right: 1rem;}
section#used .spec .detail .machine{width: 18%; margin: 0 0 0 7%;}
section#used .spec .detail .machine img{width: 100%;}
section#used .mainte ul.image{width: 90%; list-style: none; text-align: center; margin: 5rem auto; padding: 0;}
section#used .mainte ul.image > li{margin: 0 2.25%;}
section#used .mainte ul.image > li div img{width: 80%;}
section#used .mainte ul.image > li p{font-size: 1.6rem !important; line-height: 1 !important; margin: 0.8em 0 0; padding: 0;}
section#used .mainte .desc{display: flex; justify-content: flex-start; align-items: center; margin: 4rem 0;}
section#used .mainte .desc .text{width: 100%;}
section#used .mainte .desc .text h4{font-size: 2.8rem; font-weight: 600; line-height: 1.4em; margin: 0 0 1.5rem;}
section#used .mainte .desc .text p{font-size: 1.25rem !important; line-height: 1.8em !important;}
section#used .mainte .desc .pdj_logo{width: 45%; text-align: center;}
section#used .mainte_machine ul{width: 90%; display: flex; justify-content: space-between; align-items: flex-start; list-style: none; margin: 2rem auto; padding: 0;}
section#used .mainte_detail{margin: 4rem auto;}
section#used .mainte_detail h4{font-size: 1.6rem; margin: 0 0 0.5rem;}
section#used .mainte_detail p{margin: 0; text-align: center;}
section#used .mainte_detail span{display: block; font-size: 0.8rem; text-align: center;}
section#used .mainte_detail ul{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; list-style: none; margin: 0; padding: 0;}
section#used .mainte_detail ul > li{width: 23%; margin: 1%; padding: 0; line-height: 1;}
section#used .care .care_detail{background: #eaeaea; max-width: 1000px; margin: 7rem auto 2rem; position: relative;}
section#used .care .care_detail .care_ttl{position: absolute; top: -10%; left: 50%; display: block; background: #ec5862; width: 80%; text-align: center; color: #fff; font-size: 2.2rem; line-height: 1; border-radius: 10px; padding: 30px 0; margin: 0 0 0 -400px;}
section#used .care .care_detail .care_ttl:after{content: ''; display: block; width: 0; height: 0; border-style: solid; border-right: 30px solid transparent; border-left: 30px solid transparent; border-top: 35px solid #ec5862; border-bottom: 0; position: absolute; bottom: -30px; left: 50%; margin: 0 0 0 -30px;}
section#used .care .care_detail .care_list{padding: 5rem 2.5rem 2.5rem; display: flex; justify-content: space-around; align-items: center;}
section#used .care .care_detail .care_list dl{width: 25%; background: #fff; border-radius: 10px; padding: 1.2rem;}
section#used .care .care_detail .care_list dt{text-align: center; padding: 2.5rem;}
section#used .care .care_detail .care_list dd{margin: 0; padding: 0; text-align: center; font-size: 1.45rem; line-height: 1.25em;}
section#used .care .care_insurance{max-width: 1000px; margin: 0 auto;}
section#used .care .care_insurance dl{display: block; margin: 0; padding: 0;}
section#used .care .care_insurance dl:after{content: ''; display: block; width: 100%; height: 1px; background: #eaeaea; margin: 2rem 0 1.5rem; padding: 0;}
section#used .care .care_insurance dt{font-size: 1.8rem; font-weight: 600; line-height: 1.0em; color: #ec5862;}
section#used .care .care_insurance dt span{color: #08b14e;}
section#used .care .care_insurance dd{margin: 0.5rem 0 1.5rem;}
section#used .care .care_insurance dd .btnArea{max-width: 320px; margin: 0;}
section#used .care .care_insurance dd .btnArea a{font-size: 1.0rem; font-weight: normal; padding: 5px 30px 5px 15px; margin: 10px auto 0;}
section#used .care .care_insurance .care_parts{border: 2px solid #eaeaea; padding: 1.5rem; border-radius: 6px; margin: 1rem 0;}
section#used .care .care_insurance .care_parts h5{font-size: 1.25rem; margin: 0 0 0.5rem; padding: 0; line-height: 1.0em;}
section#used .care .care_insurance .care_parts ul{margin: 0; padding: 0 0 0 30px;}
section#used .care .care_insurance .care_parts ul > li{margin: 0; padding: 0; line-height: 1.6rem;}
section#used .care p{margin: 0;}
section#used .specification .detail{margin: 2rem 0;}
section#used .specification .detail h4{font-size: 1.6rem; margin: 0 0 1rem;}
section#used .specification .detail span{display: block; font-size: 0.8rem; text-align: right;}
section#used .specification .detail.spec{width: 55%; margin: 0;}
section#used .specification .detail.space{width: 40%; margin: 0;}
section#used .specification .detail table{width: 100%; border: 1px solid #ccc; border-collapse: collapse;}
section#used .specification .detail table th{width: 40%; background: #eaeaea; padding: 0.5rem; font-weight: 400; border: 1px solid #ccc;}
section#used .specification .detail table th p{margin: 0 0 0.25rem;}
section#used .specification .detail table th div{width: 120px; margin: 0 auto -5px;}
section#used .specification .detail table td{padding: 0.5rem; border: 1px solid #ccc; text-align: center;}
section#used .specification .detail.spec ul{font-size: 0.75rem; line-height: 1.6; margin: 0.5rem 0; padding: 0 0 0 1.75em;}
section#used .specification .detail.space ul{list-style: none; margin: 0; padding: 0;}
section#used .specification .detail.space ul > li{width: 100%;}
section#used .flow,
section#used .payment,
section#used .postage{margin: 2rem 0;}
section#used .flow h4,
section#used .payment h4,
section#used .postage h4{font-size: 1.25rem; margin: 0 0 10px; padding: 0 0 0 10px; position: relative;}
section#used .flow h4:after,
section#used .payment h4:after,
section#used .postage h4:after{content: ''; display: block; width: 3px; height: 21px; background-color: #313333; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0;}
section#used .flow .flow_step{margin: 2rem 0;}
section#used .flow .flow_step ul{display: flex; justify-content: space-between; align-items: center; list-style: none; margin: 3rem 0; padding: 0;}
section#used .flow .flow_step ul > li{position: relative;}
section#used .flow .flow_step ul > li::after{font: normal normal normal 14px / 1 FontAwesome; content: "\f061"; display: block; color: #ec5862; font-size: 3.8rem; position: absolute; top: 50%; right: 0; margin: -45px -70px 0 0;}
section#used .flow .flow_step ul > li:last-child::after{display: none;}
section#used .flow .flow_step ul > li div img{width: 230px; height: 230px; border-radius: 50%; object-fit: cover; border: 3px solid #fff; outline: solid 3px #ec5862;}
section#used .flow .flow_step ul > li p{text-align: center; font-size: 0.90rem !important; margin: 0;}
section#used .postage p{margin: 0 0 5px;}
section#used .postage table{width: 100%; border: 1px solid #ccc; border-collapse: collapse;}
section#used .postage table th{width: 30%; min-width: 150px; font-weight: 700; background: #eaeaea; padding: 0.5rem; border: 1px solid #ccc;}
section#used .postage table td{width: 45%; text-align: center; padding: 0.75rem; border: 1px solid #ccc;}
section#used .postage ul{padding: 0 0 0 25px; margin: 10px 0 20px; font-size: 0.75rem; line-height: 1.5em;}
section#used .postage .delivery{width: 100%; display: flex; justify-content: flex-start; align-items: self-start; flex-wrap: wrap;}
section#used .postage .delivery .deliverylist{width: 50%;}
section#used .postage .delivery .deliverylist table{max-width: 680px;}
section#used .postage .delivery .deliverylist table th{width: 50%;}
section#used .postage .delivery .packing{width: 50%;}
section#used .postage .delivery .packing .packing_image{width: 100%; max-width: 460px; margin: 0 auto;;}
section#used .postage .delivery .packing ol{font-size: 0.85rem; margin: 0; padding: 0 0 0 20px;}
section#used .summary{background: #eaeaea; margin: 5rem auto 2rem; padding: 4rem; position: relative;}
section#used .summary .sum_detail{background: #fff; padding: 2.5rem; align-items: center;}
section#used .summary .sum_detail .sum_image{width: 25%; margin: 0 2.5%; text-align: center;}
section#used .summary .sum_detail .sum_text{width: 70%;}
section#used .summary .sum_detail .sum_text .regular_pr,
section#used .summary .sum_detail .sum_text .special_pr{margin: 0 30px;}
section#used .summary .sum_detail .sum_text .special_pr{color:#e50012 !important;}
section#used .summary .sum_detail .sum_text .regular_pr div,
section#used .summary .sum_detail .sum_text .special_pr div{font-size: 2.4rem;}
section#used .summary .sum_detail .sum_text .regular_pr p{color: unset !important; font-size: 5rem !important; line-height: 1.0em !important; margin: 0; padding: 0;}
section#used .summary .sum_detail .sum_text .special_pr p{color: unset !important; font-size: 5.0rem !important; line-height: 0.8em !important; margin: 0; padding: 0;}
section#used .summary .sum_detail .sum_text .regular_pr span,
section#used .summary .sum_detail .sum_text .special_pr span{font-size: 3rem;}
section#used .summary .sum_detail .sum_text .special_pr span.tax{font-size: 1.0rem;}
section#used .nortice{margin: 2rem 0 0;}
section#used .nortice ul{margin: 0; padding: 0 0 0 1.9em;}
section#used .nortice ul > li{line-height: 1.5em; margin-bottom: 1rem;}
section#used .announce{width: 80%; max-width: 720px; background: rgb(224 26 33 / 0.1); border: 1px solid #e81321; margin: -1.5rem auto 3rem; padding: 1.5rem;}
section#used .announce h3{text-align: center; color: #e81321; margin-bottom: 1rem;}
section#used .announce h3:after {content: ''; display: none;}
section#used .announce p{margin: 0; padding: 0; text-align: center;}
section#used .announce p b{color: #e81321;}
section#used .announce .btnArea {max-width: 360px; margin: 1rem auto 0;}
section#used .announce .btnArea a {font-size: 1.2rem; letter-spacing: 1px; margin: 0;}
section#used .form_subject{display: none;} @media (max-width: 1199px) {
section#used p.subnotice{font-size: 0.75rem !important; margin: 1.5rem 0 -0.75rem;}
section#used .btnArea{width: 100%; max-width: 600px; margin: 2rem auto;}
section#used .btnArea a{font-size: 1.6rem; padding: 10px 30px;}
section#used #used_hero p.subtxt{font-size: 1.6rem !important; line-height: 2.2rem !important; margin: 1.5rem 0;}
section#used #used_hero p.subnotice{margin: 1.5rem 0 -0.75rem;}
section#used .detail h3{font-size: 1.6rem; padding: 0 0 0 15px;}
section#used .detail h3:after{width: 5px; height: 30px;}
section#used .detail .chach{width: 60%; max-width: 400px; margin: 0.75rem auto;}
section#used #used_cat01,
section#used #used_cat02,
section#used #used_cat03,
section#used #used_cat04,
section#used #used_cat05{margin: 4rem 0;}
section#used #used_cat05{margin: 4rem 0 0;}
section#used .spec .detail{flex-direction: column-reverse;}
section#used .spec .detail .List{width: 100%; margin: 0 auto;}
section#used .spec .detail .List ul > li{width: 33%;}
section#used .spec .detail .List span.notice{font-size: 0.7rem;}
section#used .spec .detail .List .game h4{font-size: 1.4rem;}
section#used .spec .detail .List .game table{white-space: nowrap;}
section#used .spec .detail .List .game .table-wrap {overflow-x: scroll;}
section#used .spec .detail .price h4{font-size: 1.6rem;}
section#used .spec .detail .price .flex{flex-direction: column;}
section#used .spec .detail .price .regular_pr{margin-bottom: 1.5rem;}
section#used .spec .detail .price .special_pr{align-items: flex-start; flex-direction: column;}
section#used .spec .detail .price .regular_pr p{font-size: 4.2rem !important;}
section#used .spec .detail .price .special_pr p{font-size: 6.5rem !important;}
section#used .spec .detail .price .regular_pr span,
section#used .spec .detail .price .special_pr span{display: block; font-size: 0.85rem; line-height: 1.75em;}
section#used .spec .detail .price .special_pr div{font-size: 1.6rem; margin-right: 0;}
section#used .spec .detail .machine{width: 30%; max-width: 180px; margin: 1.5rem auto;}
section#used .mainte ul.image{width: 100%; margin: 3rem auto 0; flex-wrap: wrap; flex-direction: row; justify-content: flex-start;}
section#used .mainte ul.image > li{width: 23%; margin: 1%;}
section#used .mainte ul.image > li p{font-size: 1.2rem !important; line-height: 1.4em !important; margin: 0.5em 0;}
section#used .mainte .desc{margin: 2rem 0; flex-wrap: wrap-reverse;}
section#used .mainte .desc .text h4{font-size: 2.5rem; margin: 1.5rem 0;}
section#used .mainte .desc .text p{font-size: 1.15rem !important; line-height: 1.5em !important;}
section#used .mainte .desc .pdj_logo{width: 75%; max-width: 360px; margin: 1.5rem auto;}
section#used .mainte_machine ul{width: 100%; margin: 3rem auto;}
section#used .mainte_detail{margin: 2rem auto;}
section#used .mainte_detail h4{font-size: 1.2rem;}
section#used .mainte_detail span{font-size: 0.65rem; text-align: left; line-height: 1.5em;}
section#used .mainte_detail ul > li{width: 47%; margin: 1.5%;}
section#used .care .care_detail{margin: 3.25rem auto 0.5rem;}
section#used .care .care_detail .care_ttl{top: -1.5rem; width: 600px; font-size: 1.6rem; padding: 20px 0; margin: 0 0 0 -300px;}
section#used .care .care_detail .care_ttl:after{border-right: 15px solid transparent; border-left: 15px solid transparent; border-top: 20px solid #ec5862; border-bottom: 0; bottom: -15px; margin: 0 0 0 -15px;}
section#used .care .care_detail .care_list dl{width: 25%; padding: 2.5%; margin: 1%;}
section#used .care .care_detail .care_list dt{padding: 1.75rem;}
section#used .care .care_detail .care_list dd{font-size: 0.9rem;}
section#used .care .care_insurance dt{font-size: 1.2rem; line-height: 1.55em;}
section#used .care .care_insurance dd{font-size: 0.9rem; margin: 0.5rem 0 1rem; line-height: 1.6em;}
section#used .care .care_insurance .care_parts{padding: 0.75rem; margin: 1rem 0;}
section#used .care .care_insurance .care_parts h5{font-size: 1.1rem;}
section#used .care .care_insurance .care_parts ul{padding: 0 0 0 25px;}
section#used .care .care_insurance .care_parts ul > li{line-height: 1.4rem; font-size: 0.85rem;}
section#used .specification .detail span{font-size: 0.75rem; line-height: 1.5em; margin-top: 5px;}
section#used .specification .detail h4{font-size: 1.4rem;}
section#used .specification .detail .table-wrap {overflow-x: scroll;}
section#used .specification .detail table{white-space: nowrap;}
section#used .specification .detail.space ul{flex-wrap: wrap; flex-direction: column; text-align: center;}
section#used .specification .detail.space ul > li{width: 100%;}
section#used .specification .detail.spec ul{font-size: 0.75rem; line-height: 1.6; margin: 0.5rem 0; padding: 0 0 0 1.75em;}
section#used .flow{margin: 1.5rem 0;}
section#used .flow .flow_step {width: 100%; max-width: 720px; margin: 0 auto;}
section#used .flow .flow_step ul{margin: 0;}
section#used .flow .flow_step ul > li::after{font-size: 2.4rem; margin: -25px -45px 0 0;}
section#used .flow .flow_step ul > li div img{width: 125px; height: 125px;}
section#used .flow .flow_step ul > li p{font-size: 0.52rem !important;}
section#used .postage .table-wrap{overflow-x: scroll;}
section#used .postage table{white-space: nowrap;}
section#used .postage .delivery .deliverylist{width: 100%;}
section#used .postage .delivery .deliverylist table{max-width: none;}
section#used .postage .delivery .deliverylist table th{width: 50%;}
section#used .postage .delivery .packing{width: 100%;}
section#used .postage .delivery .packing .packing_image{width: 100%; max-width: 460px; margin: 0 auto;}
section#used .summary{max-width: 680px; margin: 2.5rem auto 2rem; padding: 2.5rem;}
section#used .summary .sum_detail{padding: 1.75rem; flex-direction: column;}
section#used .summary .sum_detail .sum_image{width: 100%; max-width: 240px; margin: 0 auto;}
section#used .summary .sum_detail .sum_text{width: 100%;}
section#used .summary .sum_detail .sum_text .regular_pr,
section#used .summary .sum_detail .sum_text .special_pr{width: 100%; max-width: 600px; margin: 0 auto;}
section#used .summary .sum_detail .sum_text .regular_pr div,
section#used .summary .sum_detail .sum_text .special_pr div{font-size: 1.4rem;}
section#used .summary .sum_detail .sum_text .regular_pr p{font-size: 3.4rem !important;}
section#used .summary .sum_detail .sum_text .special_pr p{font-size: 6rem !important; line-height: 1.0em !important;}
section#used .summary .sum_detail .sum_text .regular_pr span,
section#used .summary .sum_detail .sum_text .special_pr span{font-size: 1.2rem;}
section#used .summary .sum_detail .sum_text .special_pr span.tax{font-size: 1.0rem;}
section#used .announce{width: 90%; max-width: 600px; margin: 0 auto 1.5rem; padding: 1.0rem;}
section#used .announce p {line-height: 1.5 !important;}
section#used .announce h3{text-align: center; color: #e81321; margin-bottom: 1rem;}
section#used .announce .btnArea a {font-size: 1.0rem;}
} @media (max-width: 768px) {
section#used .btnArea{width: 90%; max-width: 420px; margin: 1.5rem auto;}
section#used .btnArea a{font-size: 1.1rem; padding: 7px 30px;}
section#used #used_hero p.subtxt{font-size: 0.9rem !important; line-height: 1.4rem !important;}
section#used .detail h3{font-size: 1.2rem; padding: 0 0 0 12px;}
section#used .detail h3:after{width: 5px; height: 25px;}
section#used #used_cat01,
section#used #used_cat02,
section#used #used_cat03,
section#used #used_cat04,
section#used #used_cat05{margin: 3rem 0;}
section#used #used_cat05{margin: 3rem 0 0;}
section#used .spec .detail .List ul > li{width: 48%;}
section#used .spec .detail .List span.notice{font-size: 0.6rem;}
section#used .spec .detail .List .game h4{font-size: 1.2rem;}
section#used .spec .detail .price h4{font-size: 1.0rem;}
section#used .spec .detail .price .regular_pr{margin-bottom: 0.75rem;}
section#used .spec .detail .price .regular_pr p{font-size: 2.5rem !important;}
section#used .spec .detail .price .special_pr p{font-size: 2.2rem !important;}
section#used .spec .detail .price .special_pr div{font-size: 1.2rem; margin-right: 0;}
section#used .spec .detail .machine{width: 30%; max-width: 120px; margin: 0.75rem auto;}
section#used .mainte ul.image{margin: 2.0rem auto 0;}
section#used .mainte ul.image > li p{font-size: 0.7rem !important;}
section#used .mainte .desc{margin: 1rem 0;}
section#used .mainte .desc .text h4{font-size: 1.4rem; margin: 1rem 0;}
section#used .mainte .desc .text p{font-size: 0.95rem !important;}
section#used .mainte .desc .pdj_logo{width: 75%; max-width: 200px;}
section#used .mainte_machine ul{margin: 1.5rem auto;}
section#used .care .care_detail .care_ttl{top: -1.75rem; width: 260px; font-size: 0.8rem; padding: 15px 0; margin: 0 0 0 -130px;}
section#used .care .care_detail .care_ttl:after{border-right: 15px solid transparent; border-left: 15px solid transparent; border-top: 20px solid #ec5862; border-bottom: 0; bottom: -15px; margin: 0 0 0 -15px;}
section#used .care .care_detail .care_list{padding: 2.0rem 1rem 1rem; flex-wrap: wrap;}
section#used .care .care_detail .care_list dt{padding: 0.25rem;}
section#used .care .care_detail .care_list dd{font-size: 0.575rem;}
section#used .specification .detail.spec{width: 100%; margin: 0 0 1rem;}
section#used .specification .detail.space{width: 100%; margin: 0;}
section#used .specification .detail h4{font-size: 1.2rem;}
section#used .flow{margin: 1.5rem 0;}
section#used .flow .flow_step {width: 100%; max-width: 720px; margin: 0 auto;}
section#used .flow .flow_step ul{flex-wrap: wrap; margin: 0;}
section#used .flow .flow_step ul > li{width: 100%; margin-bottom: 5rem; text-align: center;}
section#used .flow .flow_step ul > li:last-child{margin-bottom: 0;}
section#used .flow .flow_step ul > li::after{font-size: 3.6rem; margin: 10px 0 0 -50%; transform: rotate(90deg); top: auto; left: 50%;}
section#used .flow .flow_step ul > li div img{width: 52px; height: 52px; border: 2px solid #fff; outline: solid 2px #ec5862;}
section#used .flow .flow_step ul > li div img{width: 240px; height: 240px;}
section#used .flow .flow_step ul > li p{font-size: 0.9rem !important;}
section#used .postage .table-wrap{overflow-x: scroll;}
section#used .postage table{white-space: nowrap;}
section#used .postage .delivery .deliverylist{width: 100%;}
section#used .postage .delivery .deliverylist table th{width: 40%;}
section#used .postage .delivery .packing{width: 100%;}
section#used .postage .delivery .packing .packing_image{max-width: 360px;}
section#used .summary{padding: 1.5rem;}
section#used .summary .sum_detail{padding: 1.25rem;}
section#used .summary .sum_detail .sum_image{max-width: 140px;}
section#used .summary .sum_detail .sum_text .regular_pr,
section#used .summary .sum_detail .sum_text .special_pr{max-width: 420px;}
section#used .summary .sum_detail .sum_text .regular_pr div,
section#used .summary .sum_detail .sum_text .special_pr div{font-size: 1.2rem;}
section#used .summary .sum_detail .sum_text .regular_pr p{font-size: 2.5rem !important;}
section#used .summary .sum_detail .sum_text .special_pr p{font-size: 3.2rem !important; line-height: 0.75em !important;}
section#used .summary .sum_detail .sum_text .special_pr span.tax{display: block;}
} @media (max-width: 400px) {
section#used .summary .sum_detail .sum_image{max-width: 110px;}
}  section#apply{}
section#apply .detail:after {content: "";background-color: #cccccc; display: block; width: 100%; height: 1px; margin: 60px auto;}
section#apply .detail:last-of-type:after{display: none;}
section#apply .detail h3{font-size: 1.8rem; text-align: left; padding: 0 0 0 15px; margin: 0 0 20px; position: relative; line-height: 1;}
section#apply .detail h3:before{content: ''; display: block; width: 6px; height: 32px; background-color: #e81321; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0;}
section#apply .detail .btnArea{width: 100%; max-width: 640px;}
section#apply .detail .banaArea{margin: 0 auto; width: 700px;}
section#apply .detail ul > li.inquiry__used{list-style: none; margin: 20px 0 0 -40px; padding: 0;}
section#apply .detail ul > li.inquiry__used div{background: rgb(243 252 250); border: 2px solid #8ab799; padding: 1rem;}
section#apply .detail ul > li.inquiry__used div h5{font-size: 1.2rem; color: #3faa63; margin: 0 0 5px; padding: 0;}
section#apply .detail ul > li.inquiry__used div p{line-height: 1.5em; margin: 0;}
section#apply .detail .catalog_detail h4{font-size: 2.2rem; line-height: 1.6rem; margin: 40px 0 30px; text-align: center; position: relative;}
section#apply .detail .catalog_detail h4:after{content: ""; background-color: #e81321; display: block; width: 20%; height: 4px; margin: 25px auto;}
section#apply .detail .catalog_detail ul{width: 80%; list-style: none; margin: 30px auto; padding: 0;}
section#apply .detail .catalog_outline ul{width: 65%; background: #f0f0f0; padding: 2%; list-style: disc; flex-wrap: wrap;}
section#apply .detail .catalog_outline ul > li{width: 45%; margin: 0.5% 1% 0.5% 4%;}
section#apply .detail .catalog_notice{width: 95%; border: 1px solid #d0d5d8; padding: 2.5%; margin: 40px auto 0;}
section#apply .detail .catalog_notice h5{font-size: 1.2rem; margin: 0 0 15px; padding: 0;}
section#apply .detail .catalog_notice h5::before {content: ""; display: inline-block; background: #e41f1b; width: 5px; height: 23px; vertical-align: -4px; margin: 0 5px 0 0;}
section#apply .detail .catalog_notice ul{list-style: none; margin: 0; padding: 0;}
section#apply .detail .catalog_notice ul > li{font-size: 0.85rem; line-height: 1.6rem;}
section#apply #newly.detail .contact__general{width: 900px; border: 2px solid #ccc; margin: 0 auto 40px; padding: 10px; text-align: center;}
section#apply #newly.detail .contact__general h4{font-size: 1.25rem; margin: 10px 0;}
section#apply #newly.detail .contact__general p{line-height: 1.6rem;}
section#apply #newly.detail .contact__general a{color: #e81321;}
section#apply #owner.detail ul{width: 1000px; align-items: center; border: 3px solid #e81321; list-style: none; margin: 0 auto; padding: 0;}
section#apply #owner.detail ul > li{width: 50%; padding: 25px;}
section#apply #owner.detail ul > li:nth-child(1) {border-right: 2px solid #e81321;}
section#apply #owner.detail ul > li .btnArea a{font-size: 1.1rem; padding: 10px 15px;}
section#apply #owner.detail ul > li .contact__tel{text-align: center;}
section#apply #owner.detail ul > li .contact__tel p{font-size: 1.25rem; line-height: 2.0rem; text-align: center;}
section#apply #owner.detail ul > li .contact__tel span{font-size: 2.6rem; font-weight: 700; color: #e81321; line-height: 3.0rem; letter-spacing: 3px;}
section#apply #owner.detail ul > li .contact__service p{line-height: 1.6rem; margin: 30px 0;} .wq-Form .wq-Option>.wq--label>.wq--ribbon.wq-ribbon-1 {font-size: 10px !important;} @media (max-width: 1199px) { section#apply #owner.detail ul{max-width: 700px;}
section#apply #owner.detail ul > li .btnArea a,
section#apply #newly.detail .contact__general .btnArea a{font-size: 0.85rem; line-height: 1.2rem; margin: 10px auto; padding: 15px;}
section#apply #newly.detail .contact__general{width: 90%; margin: 0 auto 30px; padding: 1%;}
} @media (max-width: 767px) { section#apply .detail:after {margin: 30px auto;}
section#apply .detail h3{margin: 15px 0; padding: 0 0 0 10px; font-size: 1.10rem;}
section#apply .detail h3:before{width: 4px; height: 100%;}
section#apply .detail .btnArea{width: 95%; max-width: 420px;}
section#apply .detail .banaArea{width: 90%; max-width: 600px;}
section#apply .detail .catalog_detail h4{font-size: 1.1rem; line-height: 2.2rem; margin: 0;}
section#apply .detail .catalog_detail h4:after{width: 25%; margin: 5px auto;}
section#apply .detail .catalog_detail ul{width: 85%; margin: 20px auto;}
section#apply .detail .catalog_outline ul{width: 90%; padding: 5%;}
section#apply .detail .catalog_outline ul > li{width: 92%; margin: 0 0 0 8%;}
section#apply .detail .catalog_notice{width: 90%; padding: 5%; margin: 20px auto 0;}
section#apply .detail .catalog_notice h5{margin: 0 0 15px; padding: 0; font-size: 1.10rem;}
section#apply .detail .catalog_notice h5::before {width: 4px; height: 20px;}
section#apply .detail .catalog_notice ul > li{font-size: 0.75rem; line-height: 1.4rem;}
section#apply #newly.detail .contact__general{width: 90%; margin: 0 auto 20px; padding: 5%;}
section#apply #newly.detail .contact__general h4{font-size: 0.85rem; margin: 0 0 5px;}
section#apply #newly.detail .contact__general p{font-size: 0.8rem; line-height: 1.15rem; margin: 0;}
section#apply #owner.detail ul{width: 100%;}
section#apply #owner.detail ul > li{width: 90%; padding: 5%;}
section#apply #owner.detail ul > li:nth-child(1) {border-right: none; border-bottom: 2px solid #e81321;}
section#apply #owner.detail ul > li .contact__tel p{line-height: 1.8rem; font-size: 1.0rem;}
section#apply #owner.detail ul > li .contact__tel span{font-size: 1.8rem; line-height: 2.4rem;}
section#apply #owner.detail ul > li .contact__service p{line-height: 1.4rem; margin: 15px 0; font-size: 0.9rem;}
} .form_layout {background: #fafafa; border: 2px solid #ccc;  margin: 0; padding: 40px 50px;}
.form_layout hr{border-color: #fefefe; margin: 30px 0;}
.form_layout .customer{}
.form_layout .introduction{background-color: rgba(0,0,0,0.05); border: 2px solid #ccc; padding: 40px;}
.form_layout .customer h4,
.form_layout .introduction h4{position: relative; margin: 30px 0 15px; padding: 0 0 0 15px; font-size: 1.25rem; line-height: 1;}
.form_layout .customer h4:before,
.form_layout .introduction h4:before{content: ''; display: block; width: 5px; height: 25px; background-color: #999; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0;}
.form_layout .introduction  span.text-units-num input {font: 400 1.0rem/1.0 "Noto Sans JP", sans-serif; width: 98%; padding: 1%; max-width: 60px; border: 1px solid #d0d5d8; border-radius: 3px; margin: 0 10px 0 0;}
.form_layout .consent{width: 98%; max-width: 700px; background: #f4f4f4; border: 2px solid #ccc; padding: 1%; margin: 0 auto 30px; text-align: center;}
.form_layout .consent p{font-size: 0.95rem; line-height: 1.4rem;}
.form_layout .consent p:last-of-type{margin: 0 0 10px;}
.form_layout .consent .terms{text-align: left; width: 89.5%; height: 160px; overflow-y: scroll; background: #fefefe; border: 1px solid #ccc; padding: 5%; margin: 0 0 1.5rem;}
.form_layout .consent .terms h5{font-size: 1.25rem; font-weight: 600; line-height: 1; text-align: center; margin: 0 0 1.5rem; padding: 0;}
.form_layout .consent .terms p{font-size: 0.8rem; line-height: 1.45em; margin: 0 0 0.75rem;}
.form_layout span.must {color: #fff; margin-left: 10px; padding: 1px 10px 3px; background: #e81321; border-radius: 6px; font-size: 0.75rem; line-height: 1; vertical-align: 3px;}
.form_layout span.tips{display: inline-block; font-size: 0.9rem; margin-bottom: 5px;}
.form_layout span.text_center{text-align: center; width: 100%; margin-bottom: 5px;}
.form_layout span.wpcf7-list-item{display: block; font-size: 1.15rem; margin: 0;}
.form_layout input::placeholder {opacity: 0.25;}
.form_layout input.wpcf7-submit {display: block; width: 100%; max-width: 400px; background: #e81321; color: #fff; font-size: 1.45rem; text-align: center; margin: 0 auto; padding: 15px 35px; position: relative; border: none; cursor: pointer; transition: all 0.125s ease-in-out 0s;}
.form_layout .wpcf7-submit:disabled {background: #ccc;}
.form_layout .wpcf7-submit:hover {opacity: 0.75;}
.form_layout input.wpcf7-form-control.wpcf7-text,
.form_layout textarea.wpcf7-form-control.wpcf7-textarea {font:400 1.0rem/1.0 "Noto Sans JP", sans-serif; width: 98%; padding: 1%; font-size: 1.0rem; line-height: 1.5rem; border: 1px solid #d0d5d8; border-radius: 3px;}
.form_layout textarea.txa__maintenance{color: #888; background: #efefef;}
.form_layout textarea.txa__maintenance:focus-visible{outline: none;}
.form_layout select.wpcf7-select,
.form_layout input.wpcf7-number{width: 100%; max-width: 150px; font-size: 1.0rem; padding: 10px; border: 1px solid #d0d5d8; border-radius: 3px;}
.form_layout .wpcf7-response-output {border: 1px solid #28a745; color: #28a745; text-align: center; margin: 0 0 30px !important; padding: 10px !important;}
form.invalid .wpcf7-response-output,
form.unaccepted .wpcf7-response-output{border-color: #e81321 !important; color: #e81321; background-color: #fafafa !important;}
.wpcf7 .ajax-loader {display: block; text-align: center; background-color: #ccc; padding: 0; margin: 15px auto 0;} @media (max-width: 1199px) {
} @media (max-width: 767px) {
.form_layout {padding: 20px;}
.form_layout hr{margin: 20px 0;}
.form_layout .introduction{padding: 0; border: none; background-color: #fafafa;}
.form_layout .customer h4,
.form_layout .introduction h4{margin: 15px 0; padding: 0 0 0 10px; font-size: 1.10rem;}
.form_layout .customer h4:before,
.form_layout .introduction h4:before{width: 4px; height: 22px;}
.form_layout .consent{width: 90%; padding: 5%; margin: 0 auto 20px;}
.form_layout .consent p{font-size: 0.8rem;}
.form_layout .consent p:last-of-type{margin: 0 0 10px;}
.form_layout span.must {padding: 1px 9px 3px; font-size: 0.7rem;}
.form_layout span.tips{font-size: 0.85rem; line-height: 1.25rem; margin-bottom: 10px;}
.form_layout span.wpcf7-list-item{font-size: 0.9rem; line-height: 1.25rem; margin: 10px 0;}
.form_layout span.wpcf7-not-valid-tip {font-size: 0.8rem;}
.form_layout input.wpcf7-submit {width: 80%; font-size: 1.0rem; padding: 10px;}
.form_layout input.wpcf7-form-control.wpcf7-text,
.form_layout textarea.wpcf7-form-control.wpcf7-textarea {width: 95%; padding: 2.5%; font-size: 0.9rem;}
.form_layout select.wpcf7-select {padding: 8px;}
.form_layout .wpcf7-response-output {background-color: #fafafa !important;}
form.invalid .wpcf7-response-output,
.wpcf7 .ajax-loader {margin: 15px auto -25px;}
} @media (min-width:766px) {
.float_contact { display: block; position: sticky; width: 280px; bottom:60px;  left:calc(100vw - 280px); background-color: #e50c1a; z-index: 10;  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4); }
.float_contact h5 { margin: 0; text-align: center; color: #ffffff; padding-top: 10px; font-weight: bold;}
.float_contact_inner { margin: 0 auto; display: flex; gap: 15px; padding: 15px; flex-direction:column; }
.float_contact_menu { position: relative;}
.float_contact_menu a{ display: block; padding: 5px 0 5px 26px; line-height: 1.5rem; border-radius: 10px; background-color: #ffffff; text-align: center; border:1px solid #a10f18;box-sizing: border-box;font-size: 0.9rem; color: #000000; font-weight: bold;}
.float_contact_menu a h6{ margin: 0; font-size: 1rem; padding: 0; font-weight: bold; color: #e81321}
.float_contact_menu a h6 span{font-size: 0.8rem;}
.float_contact_menu a .fa{ position: absolute; left:18px; top: 20%; font-size: 2rem; color:#e81321;}
.float_contact button.close { display: block; position: absolute; right: 0; top: -30px; height: 30px; width: 30px; text-align:center; color: #ffffff; background-color: #000000;} }
@media (max-width: 767px) {
.float_contact { display: block; position: sticky; bottom: 0; background-color: #e50c1a; z-index: 10}
.float_contact h5 { margin: 0; text-align: center; color: #ffffff; padding-top: 10px; font-weight: bold;}
.float_contact_inner { max-width: 600px; margin: 0 auto; display: flex; gap: 10px; padding: 10px; }
.float_contact_menu { flex-basis: 50%; position: relative;}
.float_contact_menu a{ display: block; padding: 5px 0 5px 26px; line-height: 1.5rem; border-radius: 10px; background-color: #ffffff; text-align: center; border:1px solid #a10f18;box-sizing: border-box;font-size: 0.9rem; color: #000000; font-weight: bold;}
.float_contact_menu a h6{ margin: 0; font-size: 0.8rem; padding: 0; font-weight: bold; color: #e81321}
.float_contact_menu a h6 span{font-size: 0.6rem;}
.float_contact_menu a .fa{ position: absolute; left:10px; top: 28%; font-size: 1.5rem; color:#e81321;}
.float_contact button.close { display: none} } footer{position: relative; background: #313333; color: #fff;}
footer .contactbox{background: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/pd_section_bg_contact.jpg); background-position: 50%; padding: 80px;}
footer .contactbox h3{text-align: center; font-size: 3.0rem; font-weight: 600; line-height: 1.35; margin: 0;}
footer .contactbox p{text-align: center; font-size: 1.6rem; margin: 25px 0;}
footer .contactbox .contents__box{background: #fff; color: #313333; max-width: 1000px; margin: 0 auto;}
footer .contactbox .contents__box ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0; padding: 0;
display: -webkit-flex; -webkit-justify-content: center; -webkit-flex-wrap: wrap; border: 4px solid #e81321;}
footer .contactbox .contents__box ul li{flex-grow: 1; width: 50%; box-sizing: border-box; list-style: none; font-size: 1.4rem; text-align: center;
-webkit-flex-grow: 1; -webkit-box-sizing: border-box; padding: 30px;}
footer .contactbox .contents__box li:nth-child(1){border-right: 2px solid #e81321;}
footer .contactbox .contents__box li:nth-child(1) span{font-size: 3.0rem; font-weight: 700; color: #e81321; line-height: 3.8rem; letter-spacing: 3px;}
footer .contactbox .contents__box li:nth-child(2) a.btn{max-width: 290px;}
footer .contactbox .contents__box li:nth-child(3){background: #e81321; color: #fff;}
footer .contactbox .contents__box li:nth-child(3) p{font-size: 1.4rem; margin: 0;}
footer .contactbox .contents__box li:nth-child(3) .btn {display: block; padding: 12px 0; font-size: 1.6rem; margin: 10px auto; width: 580px; position: relative;}
footer #foot_nav{margin: 60px 0;}
footer #foot_nav a:hover{color: #aaa;}
footer #foot_nav ul.footer-middle-nav{margin: 0; padding: 0;}
footer #foot_nav ul.footer-middle-nav h4{font-size: 1.8rem; font-weight: 600; margin: 0 0 15px; letter-spacing: 3px;}
footer #foot_nav ul.footer-middle-nav li{list-style: none; border-right: 1px dotted #fff;}
footer #foot_nav ul.footer-middle-nav li:last-child{border-right: none;}
footer #foot_nav ul.footer-middle-nav li h3{font-size: 1.2rem; font-weight: 700; margin: 0 0 8px; padding: 0;}
footer #foot_nav ul.footer-middle-nav li h5{font-size: 1.5rem; font-weight: 600; letter-spacing: 3px; margin: 15px 0 0; padding: 0; position: relative;}
footer #foot_nav ul.footer-middle-nav li h5:before{content: ""; background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/assets/img/common/pd_ico_phone.svg); display: inline-block; width: 24px; height: 24px; margin: 0 6px 0 0; background-repeat: no-repeat; vertical-align: -2px;}
footer #foot_nav ul.footer-middle-nav li h5 a{display: inline-block;}
footer #foot_nav ul.footer-middle-nav li h5 a:after{content: ''; display: block; width: 100%; height: 1px; background-color: #aaa; transform: scale(0, 1); transition: .5s; transform-origin: left top;}
footer #foot_nav ul.footer-middle-nav li h5 a:hover:after{transform: scale(1,1);}
footer #foot_nav ul.footer-middle-nav li div{margin: 0 0 15px; padding: 0;}
footer #foot_nav ul.footer-middle-nav li ul{font-size: 1.1rem; margin: 0; padding: 0;}
footer #foot_nav ul.footer-middle-nav li ul li{width: 100%; position: relative; margin: 0 0 5px 0; padding: 0 0 0 15px; border-right: none; min-height: auto;}
footer #foot_nav ul.footer-middle-nav li ul li:before{content: "ー"; display: block; position: absolute; left: 0; top: 9px; width: 1em; height: 1em; color: #fff; font-size: 10px; font-weight: 700;}
footer #foot_nav ul.footer-middle-nav li ul li ol{margin: 0; padding: 0;}
footer #foot_nav ul.footer-middle-nav li ul li ol li{font-size: 0.9rem; margin: 0; padding: 0;}
footer #foot_nav ul.footer-middle-nav li ul li ol li:before{display: none;}
footer .footer-media{color: #ccc; text-align: center; padding: 0 0 20px;}
footer .footer-media .row:before{content: ""; display: block; width: 100%; height: 2px; background: #cccccc; margin: 20px 0;}
footer a {color: #fff;}
footer a.txtLink-app{text-decoration: underline; color: #e81321;}
footer #foot_nav ul.footer-middle-nav p{margin: 0;}
footer #foot_nav ul.footer-middle-nav p.small{font-size: 0.75rem; margin: 0;} @media (max-width: 1199px) {
footer .contactbox h3{font-size: 1.8rem;}
footer .contactbox p{font-size: 1.25rem; margin: 15px 0;}
footer .contactbox{padding: 60px;}
footer .contactbox .contents__box{max-width: 580px; margin: 15px auto 0 !important;}
footer .contactbox .contents__box ul{border: 2px solid #e81321;}
footer .contactbox .contents__box ul li{width: 100%; font-size: 1.0rem; padding: 15px;}
footer .contactbox .contents__box li:nth-child(1){border-right: none; border-bottom: 2px solid #e81321;}
footer .contactbox .contents__box li:nth-child(1) span{font-size: 1.8rem; line-height: 2.4rem;}
footer .contactbox .contents__box li:nth-child(2) a.btn{width: 80%; font-size: 0.9rem; padding: 10px 15px;}
footer .contactbox .contents__box li:nth-child(3) p{font-size: 1.0rem;}
footer .contactbox .contents__box li:nth-child(3) .btn {padding: 10px 0; font-size: 1.0rem; width: 90%; max-width: 320px;}
footer #foot_nav{margin: 30px 0 -15px;}
footer #foot_nav .col{width: 100%;}
footer #foot_nav ul.footer-middle-nav{margin: 0 0 20px;}
footer #foot_nav .col:last-of-type .footer-middle-nav:last-of-type::before{content: ""; display: block; width: 100%; height: 1px; background: #cccccc; margin: 20px 0;}
footer #foot_nav ul.footer-middle-nav h4{font-size: 1.2rem; margin: 0 0 5px;}
footer #foot_nav ul.footer-middle-nav p{font-size: 0.75rem; margin: 0;}
footer #foot_nav ul.footer-middle-nav li{padding: 0 10px;}
footer #foot_nav ul.footer-middle-nav li h5{font-size: 1.15rem; margin: 0;}
footer #foot_nav ul.footer-middle-nav li h5:before{width: 18px; height: 18px;}
footer #foot_nav ul.footer-middle-nav li ul{font-size: 0.8rem;}
footer #foot_nav ul.footer-middle-nav li ul li{margin: 2.5px 0;}
footer #foot_nav ul.footer-middle-nav li ul li:before{left: 0; top: 3px; width: 0.7em; height: 0.7em; font-size: 7px;}
footer #foot_nav ul.footer-middle-nav li ul li ol li{font-size: 0.75rem;}
footer .footer-media{padding: 5px 0 15px;}
footer .footer-media .row:before{content: ""; display: none;}
} @media (max-width: 767px) {
footer .contactbox{padding: 35px 15px;}
footer .contactbox h3{font-size: 1.15rem; line-height: 1.9rem;}
footer .contactbox p{font-size: 0.9rem; line-height: 1.6rem; margin: 10px 0;}
footer .contactbox .contents__box{max-width: 420px; margin: 25px auto 0 !important;}
footer .contactbox .contents__box ul{border: 2px solid #e81321;}
footer .contactbox .contents__box ul li{width: 100%; font-size: 1.0rem; padding: 15px;}
footer .contactbox .contents__box li:nth-child(1){border-right: none; border-bottom: 2px solid #e81321;}
footer .contactbox .contents__box li:nth-child(1) span{font-size: 1.8rem; line-height: 2.4rem;}
footer .contactbox .contents__box li:nth-child(2) a.btn{width: 80%; font-size: 0.9rem; padding: 10px 15px;}
footer .contactbox .contents__box li:nth-child(3) p{font-size: 1.0rem;}
footer .contactbox .contents__box li:nth-child(3) .btn {padding: 10px 0; font-size: 1.0rem; width: 90%; max-width: 320px;}
footer #foot_nav{margin: 30px 0 -15px;}
footer #foot_nav .col{width: 100%;}
footer #foot_nav ul.footer-middle-nav{margin: 0 0 20px;}
footer #foot_nav .col:last-of-type .footer-middle-nav:last-of-type::before{content: ""; display: block; width: 100%; height: 1px; background: #cccccc; margin: 20px 0;}
footer #foot_nav ul.footer-middle-nav h4{font-size: 1.2rem; margin: 0 0 5px;}
footer #foot_nav ul.footer-middle-nav p{font-size: 0.75rem; margin: 0;}
footer #foot_nav ul.footer-middle-nav li{padding: 0;}
footer #foot_nav ul.footer-middle-nav li h5{font-size: 1.15rem; margin: 0;}
footer #foot_nav ul.footer-middle-nav li h5:before{width: 18px; height: 18px;}
footer #foot_nav ul.footer-middle-nav li ul{font-size: 0.8rem;}
footer #foot_nav ul.footer-middle-nav li ul li{margin: 0 0 1px;}
footer #foot_nav ul.footer-middle-nav li ul li:before{left: 0; top: 3px; width: 0.7em; height: 0.7em; font-size: 7px;}
footer .footer-media{padding: 5px 0 15px;}
footer .footer-media .row:before{content: ""; display: none;}
} #particles-js-Red,
#particles-js-Gray{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} @keyframes wheel {
0%   {transform: translate(0, 0); opacity: 1;}
60%  {transform: translate(0, 10px); opacity: 0;}
100% {opacity: 0;}
}
@keyframes SlideUp {
0%   {opacity: 0; transform: translateY(100%);}
100% {opacity: 1; transform: translateY(0%);}
}
@keyframes SlideDown {
0%   {opacity: 1; transform: translateY(0%);}
100% {opacity: 0; transform: translateY(100%);}
} @media (max-width: 767px) {
} .popup_open{
padding: 8px 50px; border-radius: 5px; display: inline-block; background: #dc5a45; color: #fff;}
.popup{
width: 100%; height: 100%; cursor: pointer; display: none; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 11;}
.popup.view{ display: flex;}
.popup__inner{
display: inline-block;
background: #fff;
border-radius: 0.5rem;
box-shadow: 0 0 5px rgba(0,0,0,.25);
position: relative;
margin: 0 1.5rem;}
.popup__title{ font-size: 20px; font-weight: bold; text-align: center;}
.popup_close{
right: -10px; top: -10px; width: 40px; height: 40px; color: #fff; background: #dc5a45; position: absolute;
display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.popup_close:hover{ opacity: .6;}
@media screen and (min-width:768px) {
.popup__inner img { max-width:500px;}
}
.popup_btn { display: block; text-align: center; font-size: 1.2rem; padding: 0.5rem 1rem;}
.fadeUp{animation-name:fadeUpAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(100px);
}
to {
opacity: 1;
transform: translateY(0);
}
} header .title {font-size: .75rem;}
@media (max-width: 1199px){
header .title {font-size: .7rem; padding: 2.5px 0;}
} h1.add-h1-title {background: rgb(180 0 0 / 1); margin: 0; padding: 0.25rem;}
h1.add-h1-title div{display: block; width: 1200px; font-size: 0.85rem; font-weight: 600; color: #fff; margin: 0 auto;}
@media (max-width: 767px) {
h1.add-h1-title div{width: auto; font-size: 0.625rem;}
}  .page-h1-title{
font-size: 3.8rem;
font-weight: 600;
line-height: 1.2;
text-align: center;
margin: 0 0 40px;
padding: 0;
}
.page-h1-title span{
display: block;
font-size: 1.4rem;
font-weight: 400;
line-height: 3.4rem;
letter-spacing: 10px;
}
@media (max-width: 1199px){
.page-h1-title{
font-size: 2.8rem;
line-height: 1.2;
margin: 0 0 30px;
}
.page-h1-title span{
font-size: 1rem;
line-height: 3rem;
}
}
@media (max-width: 767px){
.page-h1-title{
font-size: 1.55rem;
line-height: 1.2;
margin: 0 0 20px;
}
.page-h1-title span{
font-size: .65rem;
line-height: 1.8rem;
}
}  section#top_about_rental h2 {
margin-bottom: 60px;
position: relative;
}
section#top_about_rental h2::after,
section#top_about_rental .inBox,
section#top_about_rental .inBox h3 {
margin-bottom: 40px;
}
section#top_about_rental .flow ol {
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
section#top_about_rental .flow ol>li {
position: relative;
padding: 0 0 0 70px;
margin-bottom: 120px;
}
section#top_about_rental .flow ol>li:last-child {
margin-bottom: 0;
}
section#top_about_rental .flow ol>li:before {
content: "0";
background-color: #e4141c;
color: #fff;
display: block;
width: auto;
font-size: 1.8rem;
font-weight: 700;
line-height: 1;
text-align: center;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
margin: -2.5px 0 0;
padding: 12px 15px 8px;
}
section#top_about_rental .flow ol>li:nth-child(1):before {
content: "1";
}
section#top_about_rental .flow ol>li:nth-child(2):before {
content: "2";
}
section#top_about_rental .flow ol>li:nth-child(3):before {
content: "3";
}
section#top_about_rental .flow ol>li:nth-child(4):before {
content: "4";
}
section#top_about_rental .flow ol>li:nth-child(5):before {
content: "5";
}
section#top_about_rental .flow ol>li:nth-child(6):before {
content: "6";
}
section#top_about_rental .flow ol>li:after {
content: none;
}
section#top_about_rental .flow ol>li:last-child:after {
display: none;
}
section#top_about_rental .flow ol>li h4 {
font-size: 1.8rem;
font-weight: 700;
line-height: 1.4;
margin: 0 0 5px;
}
section#top_about_rental .flow ol>li p {
font-size: 1.0rem;
text-align: left;
margin: 0;
}
section#top_about_rental .inBox {
background: #fff;
list-style: none;
margin: 0;
padding: 60px;
}
@media (max-width: 1199px) {
section#machine_list h2,
section#top_about_rental h2,
section#faq h2 {
margin-bottom: 30px;
}
section#machine_list h2::after,
section#top_about_rental h2::after,
section#faq h2::after {
width: 50%;
height: 3px;
margin: 10px auto;
}
section#top_about_rental .inBox,
section#playspace .inBox,
section#comparison .inBox {
padding: 30px 20px;
}
section#top_about_rental .inBox h3 {
font-size: 1.25rem;
line-height: 1.4rem;
margin-bottom: 20px;
}
section#top_about_rental .flow ol>li {
padding: 0 0 0 45px;
margin-bottom: 55px;
}
section#top_about_rental .flow ol>li:before {
font-size: 1.0rem;
top: 40px;
margin: -33px 0 0 0;
padding: 7px 12px 10px;
}
section#top_about_rental .flow ol>li:after {
width: 35px;
height: 35px;
margin: 10px auto;
padding: 0 35px 0 0;
}
section#top_about_rental .flow ol>li h4 {
font-size: 1.0rem;
}
section#top_about_rental .flow ol>li p {
font-size: 0.8rem;
line-height: 1.4rem;
}
}
@media (max-width: 767px) {
section#top_about_rental .inBox h3 {
margin-bottom: 5px;
}
}
.about_point {
background: #fff;
}
.about_point .small_text {
font-weight: normal;
font-size: 13px;
}
.about_point .red_text {
color: #E41F1B;
}
.about_point .flow_flex_box {
margin-top: 20px;
display: flex;
justify-content: space-between;
align-items: stretch;
}
.about_point .flow_flex_box .right,
.about_point .flow_flex_box .left {
max-width: 48%;
}
@media (max-width: 1199px) {
.about_point .flow_flex_box {
display: block;
}
.about_point .flow_flex_box .right,
.about_point .flow_flex_box .left {
max-width: 100%;
}
}  .estimate__faq {
margin-top: 100px;
}
.estimate__faq dl {
border: 1px solid #ccc;
margin: 0 auto 30px;
max-width: 100%;
}
.estimate__faq dl:after {
display: none;
}
.estimate__faq dl dt {
margin: 0;
padding: 20px 25px 16px;
border-bottom: 1px solid #ccc;
background-color: #efefef;
font-size: 1.25rem;
text-align: left;
}
.estimate__faq dl dd {
padding: 25px;
margin: 0;
}
.estimate__faq dl a {
color: #e81321;
}
section#apply .post-content .estimate__faq h3 {
margin-bottom: 1.5em;
}
@media (max-width: 1199px) {
.estimate__faq {
margin-top: 50px;
}
.estimate__faq dl dt {
font-size: 0.85rem;
line-height: 1.25rem;
padding: 10px;
}
.estimate__faq dl dd {
font-size: 0.85rem;
line-height: 1.25rem;
padding: 15px;
}
} .cmn-m-d {
padding: 60px 0px;
box-sizing: border-box;
width: 1000px;
margin: auto;
}
.cmn-m-d.container {
max-width: 960px;
}
.cmn-m-d h2 span {
display: block;
}
.cmn-m-d.container h2::after {
content: "";
background-color: #ededed;
display: block;
width: 50%;
height: 3px;
margin: 10px auto;
}
.cmn-m-d h3 {
text-align: left;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.5;
text-align: left;
padding: 0;
margin-bottom: 30px;
}
.cmn-m-d p {
margin-bottom: 40px;
}
@media(max-width:1199px) {
.cmn-m-d {
padding: 40px 0px;
width: 100%;
}
}
@media(max-width:767px) {
.cmn-m-d {
padding: 30px 0px;
}
.cmn-m-d.container {
width: 90%;
}
.cmn-m-d h2 span {
display: inline;
}
.cmn-m-d h3 {
font-size: 1.15rem;
line-height: 1.6rem;
margin-bottom: 20px;
}
.cmn-m-d p {
font-size: .85rem;
line-height: 1.4rem;
margin-bottom: 40px;
}
} #outline .top__detail .cat04__comparison {
margin: 60px 0
}
#outline .top__detail .cat04__comparison p.notice {
font-size: .75rem;
text-align: left;
margin-top: 5px
}
#outline .top__detail .cat04__comparison table {
width: 97%;
margin: 0 auto;
border: 1px solid #ccc;
border-spacing: 0;
border-collapse: collapse
}
#outline .top__detail .cat04__comparison th,
#outline .top__detail .cat04__comparison td {
border: 1px solid #ccc;
padding: 20px;
vertical-align: middle
}
#outline .top__detail .cat04__comparison tr:first-child td {
text-align: center
}
#outline .top__detail .cat04__comparison tr:first-child td span {
display: block;
line-height: 1
}
#outline .top__detail .cat04__comparison th {
background: #f2f2f2;
width: 24%;
font-size: 1rem;
line-height: 1.33rem
}
#outline .top__detail .cat04__comparison td {
width: 36%;
font-size: .9rem;
line-height: 1.33rem
}
#outline .top__detail .cat04__comparison td ul {
list-style: disc;
margin: 0 0 0 25px;
padding-left: 0;
}
#outline .top__detail .cat04__comparison td ul>li {
width: 100%;
margin: 0;
padding: 0
}
#outline .top__detail .cat04__comparison td ul>li span {
font-size: .7rem;
line-height: 1
}
#outline .top__detail .cat04__comparison h4,
#outline .top__detail .cat04__about h4 {
position: relative;
margin: 20px 0;
padding: 0 0 0 15px;
font-size: 1.25rem;
line-height: 1
}
#outline .top__detail .cat04__comparison h4:before,
#outline .top__detail .cat04__about h4:before {
content: '';
display: block;
width: 5px;
height: 25px;
background-color: #999;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto 0
}
#outline #top_rent_cat04 h3 {
margin: 20px 0;
position: relative;
}
#outline #top_rent_cat04 h3:after {
content: "";
background-color: #e81321;
display: block;
width: 20%;
height: 4px;
margin: 25px auto;
}
#outline #top_rent_cat04 p {
text-align: center;
margin: 0;
}
@media (max-width: 767px) {
#outline .top__detail .cat04__comparison th {
width: 20%
}
#outline .top__detail .cat04__comparison td {
width: 25%
}
#outline .top__detail .cat04__comparison p.notice {
font-size: .6rem
}
#outline .top__detail .cat04__comparison {
margin: 30px 0
}
#outline .top__detail .cat04__comparison table {
width: 99%
}
#outline .top__detail .cat04__comparison th,
#outline .top__detail .cat04__comparison td {
padding: 10px
}
#outline .top__detail .cat04__comparison th {
width: 15%;
min-width: 60px;
font-size: .75rem
}
#outline .top__detail .cat04__comparison td {
width: 25%;
font-size: .6rem
}
#outline .top__detail .cat04__comparison td ul {
margin: 0 0 0 20px
}
#outline .top__detail .cat04__comparison td ul>li span {
font-size: .6rem
}
#outline .top__detail .cat04__comparison td ul>li:after {
display: none
}
#outline .top__detail .cat04__comparison td img {
width: 80%;
min-width: 80px
}
#outline .top__detail .cat04__comparison h4,
#outline .top__detail .cat04__about h4 {
font-size: 1.1rem;
text-align: left;
margin: 15px 10px;
padding: 0
}
#outline .top__detail .cat04__comparison h4:before,
#outline .top__detail .cat04__about h4:before {
position: absolute;
top: 50%;
left: -10px;
width: 4px;
height: 20px;
margin: -10px 0
}
#outline #top_rent_cat04 p {
text-align: left;
font-size: .9rem;
}
#outline #rent_cat00 h3:after {
width: 25%;
margin: 5px auto;
}
} .machine_detail {
margin: 10px auto 40px;
width: 100%;
border-collapse: collapse;
border-top: 1px solid #313333;
border-left: 1px solid #313333;
font-size: 0.9rem;
}
.machine_detail th,
.machine_detail td {
padding: 10px 15px;
border-right: 1px solid #313333;
border-bottom: 1px solid #313333;
}
.machine_detail th {
width: 30%;
font-weight: normal;
}
.machine_detail td {
text-align: center;
background-color: #fff;
}
@media (max-width: 767px) {
.machine_detail th,
.machine_detail td {
padding: 10px;
}
} #entrance .cmn-intro {margin: 15px auto 75px;}
#entrance .cmn-intro-title {
margin-bottom: 40px;
}
#entrance .cmn-intro-title-top {
background: #e01a21;
color: #fff;
text-align: center;
transform: skew(-45deg);
margin: 0px auto 15px;
font-size: 1.9rem;
max-width: 600px;
padding: 10px 0px;
box-sizing: border-box;
}
#entrance .cmn-intro-title-top p {
transform: skew(45deg);
margin: 0;
}
#entrance .cmn-intro-title span::before,
#entrance .cmn-intro-title span::after {
content: none;
}
.cmn-intro-title-bottom {
text-indent: -12em;
padding-left: 5em;
font-size: 2.4rem;
font-weight: bold;
line-height: 1.2;
transform: skew(-15deg);
color: #000;
}
.cmn-intro-lists {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
max-width: 760px;
margin: auto;
}
.cmn-intro-lists li {
width: 30%;
position: relative;
}
.cmn-intro-lists li div {
background: #ffffff;
text-align: center;
padding: 20px;
box-sizing: border-box;
color: #e01a21;
font-size: 1.4rem;
font-weight: bold;
border-top: 40px solid #e01a21;
border-radius: 10px;
overflow: hidden;
line-height: 1.2;
letter-spacing: -2px;
}
.cmn-intro-lists li img {
position: absolute;
max-width: 90px;
left: 50%;
transform: translate(-50%);
top: -30px;
z-index: 10;
}
@media(max-width:767px) {
#entrance .cmn-intro {
margin: 10px auto 50px;
}
#entrance .cmn-intro-title {
width: 90%;
margin: auto;
margin-bottom: 40px;
}
#entrance .cmn-intro-title-top {
transform: skew(-25deg);
font-size: 1.2rem;
}
#entrance .cmn-intro-title-top p {
transform: skew(25deg);
margin: 0;
}
#entrance .cmn-intro-title span::before,
#entrance .cmn-intro-title span::after {
content: none;
}
.cmn-intro-title-bottom {
text-indent: -8em;
padding-left: 3em;
font-size: 1.2rem;
}
.cmn-intro-lists {
display: block;
}
.cmn-intro-lists li {
width: 100%;
margin-bottom: 40px;
}
.cmn-intro-lists li div {
font-size: 1.4rem;
}
}
.cmn-no1 {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 1100px;
margin: 0px auto 20px;
}
.cmn-no1-img {
width: 30%;
}
.cmn-no1-text {
width: 68%;
}
.cmn-no1-text-top {
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
align-items: flex-start;
}
.cmn-no1-text-top img:nth-child(1) {
max-width: 46%;
margin-right: 2%;
}
.cmn-no1-text-top img:nth-child(2) {
max-width: 25%;
margin-right: 2%;
}
.cmn-no1-text-top img:nth-child(3) {
max-width: 25%;
}
.cmn-no1-text-bottom-01 {
font-size: 2.6rem;
font-weight: bold;
}
.cmn-no1-text-bottom-01 span {
font-size: 3.4rem;
border-bottom: 4px solid #e01a21;
margin-left: 15px;
}
.cmn-no1-text-bottom-02 {
font-size: 3.6rem;
font-weight: bold;
text-align: center;
line-height: 1.2;
text-align: left;
text-indent: -2em;
padding-left: 2em;
}
.cmn-no1-text-bottom-02 span {
font-size: 5.6rem;
vertical-align: bottom;
color: #e01a21;
vertical-align: sub;
margin: 0px 5px;
}
@media(max-width:767px) {
.cmn-no1 {}
.cmn-no1-img {
width: 25%;
}
.cmn-no1-text {
width: 73%;
}
.cmn-no1-text-bottom-01 {
font-size: 0.75rem;
}
.cmn-no1-text-bottom-01 span {
font-size: 1.6rem;
border-bottom: 2px solid #e01a21;
margin-left: 5px;
}
.cmn-no1-text-bottom-02 {
font-size: 1rem;
text-indent: -2em;
padding-left: 2em;
}
.cmn-no1-text-bottom-02 span {
font-size: 2rem;
}
}
.contact-link a {
text-decoration: underline;
} .ttl-width{
max-width: 1000px;
margin: 20px auto !important;
}
.table-width{
max-width: 1000px;
}
@media (max-width: 767px) {
.ttl-width {
margin: 15px 10px !important;
}
}
section#top-playspace .inBox,
section#comparison .inBox {
max-width: 1000px;
margin: 0 auto;
padding: 60px;
background: #f2f2f2;
list-style: none;
box-sizing: border-box;
}
section#top-playspace .inBox h3 {
margin-bottom: 40px;
font-weight: bold;
}
section#top-playspace .inBox h4 {
font-size: 1.6rem;
font-weight: bold;
margin: 0;
}
section#top-playspace .inBox ul.flex {
list-style: none;
margin: 0;
padding: 0;
}
section#top-playspace .inBox ul.flex>li {
width: 48%;
}
@media (max-width: 1199px) {
section#top-playspace {
width: 100%;
}
section#top-playspace .inBox,
section#comparison .inBox {
padding: 30px 20px;
}
section#top-playspace .inBox h3 {
font-size: 1.25rem;
line-height: 1.4rem;
margin-bottom: 20px;
}
section#top-playspace .inBox h4 {
font-size: 1.0rem;
line-height: 1.2rem;
margin: 15px 0;
}
section#top-playspace .inBox p {
font-size: 0.85rem;
line-height: 1.25rem;
}
section#top-playspace .inBox ul.flex>li {
width: 100%;
margin: 5px 0;
}
} .top_price {
padding: 60px;
margin-bottom: 80px;
background-color: #fff;
}
.top_price .price {
width: 1000px;
margin: 0 auto
}
.top_price .price ul {
list-style: none;
padding: 0;
margin: 0
}
.top_price .price ul>li {
background: #ccc;
padding: 35px;
margin: 30px 0
}
.top_price .price ul>li:nth-child(1) {
background: #167baf
}
.top_price .price ul>li:nth-child(2) {
background: #e60343
}
.top_price .price ul>li dl {
align-items: center
}
.top_price .price ul>li dt {
width: 280px;
background: #fff;
font-size: 3rem;
font-weight: 600;
line-height: 1;
padding: 25px 5px 20px;
text-align: center
}
.top_price .price ul>li dt span {
font-size: 1.35rem;
font-weight: 700;
margin: 0 0 10px;
letter-spacing: -1px;
color: #167baf
}
.top_price .price ul>li dd {
width: 100%;
font-size: 5.2rem;
letter-spacing: 5px;
line-height: 5.6rem;
font-weight: 600;
color: #fff;
margin: 0;
padding: 0;
text-align: center
}
.top_price .price ul>li sup {
font-size: 1.6rem;
font-weight: 400;
line-height: 1;
vertical-align: 35px
}
.top_price .price span {
display: block;
width: 100%;
font-size: .8rem;
letter-spacing: 1px;
text-align: center;
line-height: 1.2rem;
margin: 5px 0 0
}
.top_price .price span.tax {
display: inline;
font-size: 2rem;
margin: 0 0 0 -15px;
text-align: left;
vertical-align: -5px
}
@media (max-width: 767px) {
.top_price {
padding: 30px 2.5%;
margin-bottom: 40px;
}
.top_price .price {
width:100%
}
.top_price .price:after {
margin: 30px auto
}
.top_price .price ul>li {
padding: 20px;
margin: 20px 0
}
.top_price .price ul>li dl {
flex-direction: column;
margin: 0
}
.top_price .price ul>li dt {
width: 100%;
max-width: 400px;
font-size: 1.1rem;
line-height: 1;
padding: 10px 0;
margin: 0 0 5px
}
.top_price .price ul>li dt span {
display: inline;
font-size: 1rem;
margin: 0;
letter-spacing: 0
}
.top_price .price ul>li dd {
font-size: 2rem;
line-height: 3.2rem;
letter-spacing: 1.5px
}
.top_price .price ul>li sup {
font-size: .6rem;
vertical-align: 8px
}
.top_price .price span {
width: 100%;
font-size: .64rem;
line-height: .95rem;
font-weight: 400;
letter-spacing: 0;
margin: 0
}
.top_price .price span.tax {
font-size: .85rem;
margin: 0 0 0 -5px;
vertical-align: -2px
}
} .installation_space{width: 97.5%; max-width: 420px; background: #f2f2f2; margin: 0 auto;}
.installation_space a{font-size: 1.05rem; line-height: 1.4em; margin: 0;}
@media (max-width: 767px) {
.installation_space{width: 95%; max-width: 360px;}
.installation_space a{font-size: .7rem; margin: auto 0 10px;}
} @media screen and (max-width: 767px) {
#outline .scn-retouch-top-compare-table th{
font-size: 14px !important;
}
#outline .scn-retouch-top-compare-table td{
font-size: 12px !important;
}
}  .scn-top-contact-guide{
padding-bottom: 60px;
}
.scn-top-contact-guide__title{
margin-bottom: 40px;
}
.scn-top-contact-guide__text{
text-align: center;
margin-bottom: 40px;
}
@media (max-width: 1199px) {
.scn-top-contact-guide__title{
font-size: 32px;
}
}
@media (max-width: 767px) {
.scn-top-contact-guide__title{
font-size: 24px;
}
.scn-top-contact-guide__title{
margin-bottom: 20px;
}
.scn-top-contact-guide__text{
font-size: 14px;
text-align: left;
margin-bottom: 20px;
}
}  .scn-top-merit-strong{
margin: 1rem auto 0;
}
.scn-top-merit-strong__title{
width: 100%;
max-width: 600px;
background: #e01a21;
text-align: center;
transform: skew(-45deg);
margin: 0px auto 15px;
padding: 10px 0px;
box-sizing: border-box;
}
.scn-top-merit-strong__title h2{
color: #fff;
font-size: 1.9rem;
margin: 0;
transform: skew(45deg);
}
ul.scn-top-merit-list{
width: 90%;
max-width: 800px;
display: flex;
align-items: center;
margin: 2.5rem auto 0 !important;
}
ul.scn-top-merit-list > li{
list-style: none;
position: relative;
}
ul.scn-top-merit-list > li span{
display: block;
position: absolute;
top: 50%;
left: 50%;
color: #fff;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.1;
text-align: center;
letter-spacing: -1px;
margin: 36px 0 0 -45px;
}
ul.scn-top-merit-list > li:nth-child(2) span{
margin: 36px 0 0 -55px;
}
@media (max-width: 1199px) {
.scn-top-merit-strong{margin: 0 auto;}
.scn-top-merit-strong__title{width: 90%; transform: skew(-25deg);}
.scn-top-merit-strong__title h2{font-size: 1.25rem; transform: skew(25deg);}
ul.scn-top-merit-list{width: 100%; margin: 1rem auto 0 !important;}
ul.scn-top-merit-list > li:nth-child(2) span{margin: 36px 0 0 -55px;}
}
@media (max-width: 767px) {
ul.scn-top-merit-list{max-width: 500px;}
ul.scn-top-merit-list > li{margin: 0 0.5rem;}
ul.scn-top-merit-list > li span{font-size: 1.0rem; margin: 23px 0 0 -27px;}
ul.scn-top-merit-list > li:nth-child(2) span{margin: 23px 0 0 -38px;}
}
@media (max-width: 499px) {
ul.scn-top-merit-list > li span{font-size: 0.75rem; margin: 13px 0 0 -20px;}
ul.scn-top-merit-list > li:nth-child(2) span{margin: 13px 0 0 -27px;}
}
@media (max-width: 374px) {
ul.scn-top-merit-list > li span{font-size: 0.6rem; margin: 10px 0 0 -17px;}
ul.scn-top-merit-list > li:nth-child(2) span{margin: 11px 0 0 -21px;}
}  .scn-recommend {
display: flex;
flex-direction: column;
margin-bottom: 1.5rem;
border: 1px solid #ccc;
background: rgb(0 0 0 / 0.025);
padding: 1rem;
}
.scn-recommend-details {
display: flex;
flex-direction: column;
}
.scn-recommend-content {
order: 1;
}
.scn-recommend-content,
.scn-recommend-txt{
font-size: 0.95rem;
}
.scn-recommend-content dl,
.scn-recommend-txt dl{
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin: 0.35rem 0;
}
.scn-recommend-content dt,
.scn-recommend-txt dt{
background: rgb(0 0 0 / 0.10);
text-align: center;
min-width: 80px;
font-size: 0.8rem;
font-weight: 700;
line-height: 1.6em;
margin-right: 7px;
}
.scn-recommend-content dd,
.scn-recommend-txt dd{
font-size: 0.85rem;
line-height: 1.6em;
margin: 0;
padding: 0;
}
.scn-read-more-btn {
order: 2;
list-style: none;
color: #e81321;
text-decoration: underline;
cursor: pointer;
}
.scn-read-more-btn::after {
content: "続きを読む";
}
.scn-recommend-details[open] .scn-read-more-btn::after {
content: "閉じる";
}
.scn-recommend-head {
font-size: 1.1rem;
font-weight: bold;
line-height: 1.5rem;
margin-bottom: 0.5rem;
}
.scn-recommend-head span{
display: block;
width: 100%;
max-width: 135px;
font-size: 0.8rem;
font-weight: bold;
line-height: 1;
text-align: center;
background: #e81321;
color: #fff;
padding: 8px 1px;
margin-bottom: 0.5rem;
} .scn-h1-left {
position: relative;
width: 1200px;
text-align: left;
font-size: 2.6rem;
font-weight: 600;
line-height: 2.6rem;
margin: 0 auto;
padding: 0;
}
@media (max-width: 767px) {
.scn-h1-left {
width: 92%;
font-size: 1.55rem;
line-height: 1.2;
margin: 0 auto 10px;
padding: 2%;
}
}
.scn-h1-center {
font-size: 3rem;
font-weight: 600;
line-height: 1.2;
text-align: center;
margin: 0 0 40px;
padding: 0;
}
section .content .scn-h1-center span {
display: block;
font-size: 1.4rem;
font-weight: 400;
line-height: 3.4rem;
letter-spacing: 10px;
}
@media (max-width: 767px) {
.scn-h1-center {
font-size: 1.55rem;
line-height: 1.2;
margin: 0 0 20px;
}
section .content .scn-h1-center span {
font-size: .65rem;
line-height: 1.8rem;
}
}