body.page, body.single, body.category, body.tag, body.search{padding-top:74px;background-size: cover;background-repeat: no-repeat;background-position: center;} #page-visual{height: 326px;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;} #page-visual:after{position: absolute;width: 100%;height: 100%;background:rgba(0,0,0,0.5);content: "";display: block;top: 0;} #page-visual.kubestar:after{content:none;} #page-visual>.inner{padding:0;} #page-visual>.inner>h1{position: absolute;top: 50%;transform: translateY(-50%);color: #fff;z-index: 2;font-weight: 200;font-size: 36px;line-height: 1.4;} #page-visual>.inner>h1>span{display: block;font-size: 14px;font-weight: normal;margin-top:16px;} #page-visual.about{background-image: url(img/bg_about.png);} #page-visual.privacy{background-image: url(img/bg_privacy.png);} #page-visual.category{background-image: url(img/bg_category.png);} #page-visual.blog{background-image: url(img/bg_blog.png);} #page-visual.oem{background-image: url(img/bg_oem.jpg);} #page-visual.jpqr{background-image: url(img/bg_jpqr.jpg);} #page-visual.point-service{background-image: url(img/bg_pservice.jpg);} #page-visual.inbound{background-image: url(img/bg_inbound2.png);} #page-visual.contact{background-image: url(img/bg_contact.png);} #page-visual.kubestar{background: #003493;} .about .inner >.btn-wrap{margin-top:60px;} .about .inner >.btn-wrap>.btn{width: 280px;margin:0 auto;} /*Kubestar*/ #page-visual.kubestar>.inner{position: relative;height: 326px;} #page-visual.kubestar>.inner>div.txt{position: absolute;top: 50%;transform: translateY(-50%);color: #fff;z-index: 2;line-height: 1.4;} #page-visual.kubestar>.inner>div.txt>h1{font-size: 18px;font-weight: 200;margin-bottom:10px;} #page-visual.kubestar>.inner>div.txt>p.catch{font-size: 24px;font-weight: 500;letter-spacing: 5px;} #page-visual.kubestar>.inner>div.txt>ul.point{display: flex;margin-top:30px;} #page-visual.kubestar>.inner>div.txt>ul.point>li{font-size: 14px;} #page-visual.kubestar>.inner>div.txt>ul.point>li:not(:last-child):after{content:"|";margin:0 4px;} #page-visual.kubestar>.inner>.bx-wrapper{ position: absolute;right: 0;height: 278px;background: none;border: none;box-shadow: none; margin-bottom: 0;top: 25px;} #page-visual.kubestar .bx-wrapper .bx-pager.bx-default-pager a{background: #335da9;} #page-visual.kubestar .bx-wrapper .bx-pager.bx-default-pager a:hover, #page-visual.kubestar .bx-wrapper .bx-pager.bx-default-pager a.active, #page-visual.kubestar .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #fff;} #page-visual.kubestar .bx-controls.bx-has-controls-direction.bx-has-pager {position: absolute;width: 200px;left: -310px;bottom: 27px;} #kubestar>.inner{padding:20px 0 120px;} #kubestar>.inner>.btn-entry{display: block;width:700px;height:210px;margin:0 auto 80px;} ul.list-solution{display: flex;justify-content: space-between;flex-wrap: wrap; margin-top: 80px;} ul.list-solution>li{width: 480px;margin-bottom:40px;} ul.list-solution>li>h3{margin:20px 0;font-size: 24px;border-left: 4px solid #796BAE;padding-left:20px;line-height: 1.3;} #architecture{background:#F8F8FB;} #architecture>.inner>.arc-img{margin-top:80px;display: block;} #aboutservice>.inner>.aboutservice-img{margin-top:80px;display: block;} #aboutservice>.inner>iframe{margin: 60px auto 0;display: block;} #demo{background:#F8F8FB;} #demo>.inner>.bx-wrapper{ background: none;border: none;box-shadow: none; margin: 80px auto;} #demo .bx-wrapper .bx-pager.bx-default-pager a{background: #ffffff;} #demo .bx-wrapper .bx-pager.bx-default-pager a:hover, #demo .bx-wrapper .bx-pager.bx-default-pager a.active, #demo .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #796BAE;} #bigdata>.inner>h3{font-size: 24px;font-weight: bold;text-align: center;margin-top: 80px;margin-bottom:60px;} #bigdata>.inner>.silvermember{display: flex;justify-content: center;margin-bottom:100px;} #bigdata>.inner>.silvermember>li{margin:0 40px;} #bigdata>.inner>.silvermember>li>img{height:62px;width: auto;} #bigdata>.inner>.skill{display: flex;justify-content: space-between;flex-wrap: wrap;} #bigdata>.inner>.skill>li{width:calc(100% / 5);margin-bottom:20px;} #bigdata>.inner>.skill>li>img{height:62px;width: 0 auto;margin:0 auto; } /*kubestarblog*/ #kubestarblog{} #kubestarblog>.inner{padding:20px 0 120px;} #kubestarblog>.inner>h2{font-size: 24px;letter-spacing:normal;color:#555;font-weight: 500;margin-bottom:80px;} #kubestarblog>.inner>ul.kubeblog{display: flex;justify-content: space-between;flex-wrap: wrap; } #kubestarblog>.inner>ul.kubeblog>li{position: relative;width: 480px;margin-bottom:60px;padding-bottom: 50px;} #kubestarblog>.inner>ul.kubeblog>li>h3{margin-bottom:20px;font-size: 20px;border-left: 4px solid #796BAE;padding-left:20px;line-height: 1.4;font-weight: 500;} #kubestarblog>.inner>ul.kubeblog>li>.btn{position: absolute;width: 200px;left: 50%;margin-left: -100px;bottom:0;} #kubestarblog.entry{} #kubestarblog.entry>.inner{} #kubestarblog.entry>.inner>h1{font-size: 36px;font-weight: 200;border-bottom: 2px solid #F8C058;padding-bottom:30px;margin-bottom:30px;line-height: 1.4;} #kubestarblog.entry>.inner>h2{text-align: left;font-size: 24px;font-weight: 500;margin-bottom:30px;} #kubestarblog.entry>.inner>p{line-height: 1.8;margin-bottom:1.5em;} #kubestarblog.entry>.inner>p>img {max-height: 600px;margin: 0 auto;} #kubestarblog.entry>.inner>p+h2{margin-top: 60px;} #kubestarblog.entry>.inner>ul{list-style: disc;margin-bottom: 1.5em;} #kubestarblog.entry>.inner>ul>li{margin-bottom:10px;margin-left: 1.5em;} /*greeting*/ #greeting{padding-top: 60px;} #greeting>.inner.head{padding:0;height: 374px;display: flex;margin-bottom:40px;} #greeting>.inner.head>.left{background-color: #F8C058;position: relative;width: 385px;} #greeting>.inner.head>.left:after {content: "";display: block;background-color: #F8C058;width: 100px;position: absolute;right: -50px;height: 100%;transform: skew(-15deg, 0deg);z-index: 1;} #greeting>.inner.head>.left>div{position: absolute;left: 40px;top:50%;transform: translateY(-50%);color: #fff;width: 445px;z-index: 2;} #greeting>.inner.head>.left>div>h2{ position: relative;font-size:36px;font-weight: normal;letter-spacing: 10px;margin: 0 0 40px 0;} #greeting>.inner.head>.left>div>h2::after{content: "";display: block;height: 1px ;width: 80px;background: #fff;bottom:-20px;position: absolute;} #greeting>.inner.head>.left>div>dl{color: #555;} #greeting>.inner.head>.left>div>dl>dt{font-size: 14px;margin-bottom:10px;} #greeting>.inner.head>.left>div>dl>dd{font-size: 24px;} #greeting>.inner.head>.left>div>dl>dd>span{font-size: 14px;margin-left: 10px;} #greeting>.inner.head>.right{background: #F8F8FB;position: relative;width: calc(100% - 385px);} #greeting>.inner.head>.right>img{width: auto;height: 478px;position: absolute;bottom: 0;display: block;right: 50px;} #greeting>.inner{padding:0 0 80px;} #greeting>.inner>p{font-size: 16px;line-height: 1.6;margin-bottom: 1em;} #greeting>.inner>p.left{font-weight: bold;} #greeting>.inner>p.right{text-align: right;} #greeting>.inner>.arc-img{margin-top:80px;display: block;} /*officers*/ #officers{background:#F8F8FB;} #officers ul.officers-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:80px;margin-bottom:-60px;} #officers ul.officers-list.second{padding-top:80px;} #officers ul.officers-list>li{display: flex;justify-content: space-between;width: 480px;margin-bottom:60px;} #officers ul.officers-list>li>img{width:140px;height:140px;border-radius: 70px;} #officers ul.officers-list>li>div{width: 320px;} #officers ul.officers-list>li>div>h3{margin-bottom:20px;font-size: 20px;font-weight: 400;} #officers ul.officers-list>li>div>.director{margin-bottom: 20px;font-size: 14px;font-weight: 500;} #officers ul.officers-list>li>div>.description{line-height: 1.4;font-size: 14px;} /*history*/ #history{} #history>.history-head{background-image: url(img/bg_history.png);background-position: center;background-size: auto 549px;background-repeat: no-repeat;height: 549px;} #history table{width: 100%;border-spacing: 0;} #history table>tbody>tr:last-child>td{border:none;} #history table>tbody>tr>td{vertical-align: top;border-bottom: 1px solid #DDDDDD;padding:15px 0;} #history table>tbody>tr>td:first-child{font-size: 20px;font-weight: 500;color:#796BAE;width: 120px;text-align: center;border-right:4px solid #dddddd;} #history table>tbody>tr>td:nth-child(2){} #history table>tbody>tr>td:nth-child(3){} #history table>tbody>tr>td>dl{display: flex;flex-wrap: wrap;width: 100%;} #history table>tbody>tr>td>dl>dt{position: relative;padding-left:40px;font-size: 14px;font-weight: bold;color:#796BAE;width: 85px;padding-top: 5px;padding-bottom:10px;} #history table>tbody>tr>td>dl>dd{width: calc(100% - 85px);width: -webkit-calc(100% - 85px);font-size: 14px;padding-top: 5px;padding-bottom:10px;} #history table>tbody>tr>td>dl>dt:before{content: "";position: absolute;display: block;width: 10px;height: 10px;background: #796BAE;border-radius: 5px;left: -7px;top: 11px;line-height: 1.8;} /*overview*/ #overview{background:#F8F8FB;} #overview table{width: 100%;border-spacing: 0;font-size: 14px;} #overview table th{padding:15px 0;background: #796BAE;color:#ffffff;width: 180px;border-bottom: 1px solid #fff;vertical-align: top;} #overview table td{padding:15px 40px;width: 820px;border-bottom: 1px solid #ddd;} #overview table tr:last-child th, #overview table tr:last-child td{border:none;} /*overview info*/ #infographics{background:#F8F8FB;} #infographics>.inner{padding-top: 0;} /*privacy*/ #privacy{} #privacy>.inner{padding:20px 0 120px;} #privacy>.inner>h2{text-align: left;font-weight: 200;font-size:24px;color:#555;letter-spacing: normal;border-bottom:2px solid #F8C058;padding-bottom:20px;margin-bottom: 20px;} #privacy>.inner>p{margin-bottom:20px;} #privacy>.inner>ul{margin-bottom:20px;} #privacy>.inner>ul.m40>li{margin-bottom:40px;} #privacy>.inner>ul.m40>li>ol {padding: 0 0 0 1em;} #privacy>.inner>ul.m40>li>ol>li{margin-bottom:20px;} #privacy>.inner>p.signature{text-align: right;font-size: 14px;margin-bottom:40px;} #privacy>.inner>p.description{font-weight: 500;margin-bottom: 40px;} #privacy>.inner>p.sign {margin: 40px 0;text-align: center;} /*事業紹介*/ #service-list{} #service-list>.inner>.snav{display: flex;justify-content: space-between;margin: 80px 0;} #service-list>.inner>.snav>li{width: 306px;margin-bottom: 0;} #service-list>.inner>.snav>li>a{width: 100%;margin: 0;left: 0;} #service-list>.inner>.snav>li>a>.arrow{margin:16px auto 10px;display: block;} a.s-btn{display: block;background-color: rgba(121,107,174,0.2);width: 100%;margin: 0;left: 0;} a.s-btn>.bland{height: 19px;width: auto;margin: 23px auto 0;display: block;} #service-list>.inner{padding: 40px 0 120px;} #service-list>.inner>ul, #inbound>.inner>ul, #oem>.inner>ul, #point-service>.inner>ul, #jpqr>.inner>ul {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:50px;} #service-list>.inner>ul>li, #inbound>.inner>ul>li, #oem>.inner>ul>li, #point-service>.inner>ul>li, #jpqr>.inner>ul>li {width: 480px;position: relative;margin-bottom:80px;padding-bottom: 60px;} #service-list>.inner>ul>li>img {width: 100%;height:230px;object-fit: cover;object-position: center;} #inbound>.inner>ul>li>img, #oem>.inner>ul>li>img, #point-service>.inner>ul>li>img, #jpqr>.inner>ul>li>img {width: 100%;height:300px;object-fit: cover;object-position: center;} #service-list>.inner>ul>li>h2, #inbound>.inner>ul>li>h2, #oem>.inner>ul>li>h2, #point-service>.inner>ul>li>h2, #jpqr>.inner>ul>li>h2 {font-size: 24px;margin:20px 0;padding-left:20px;border-left:4px solid #796BAE;} #service-list>.inner>ul>li>h2>span{display: block;font-size: 16px;margin-bottom: 10px;} #service-list>.inner>ul>li>p {font-size: 16px;} #service-list>.inner>ul>li>a{position: absolute;width:200px;left:50%;margin-left:-100px;bottom:0;} #service-list>.inner>h2{} #service-list>.inner>h2>img{height: 36px;width: auto;} #service-list>.inner>.starpay-wrap{display: flex;justify-content: space-between;margin-bottom: 80px;} #service-list>.inner>.starpay-wrap>a>img{width: 600px;height: 294px;} #service-list>.inner>.starpay-wrap>div{width: 360px;} #service-list>.inner>.starpay-wrap>div>h2{color: #555;font-size: 16px;font-weight: bold;line-height: 1.6;margin-bottom: 1.4em;} #service-list>.inner>.starpay-wrap>div>p{font-size: 16px;margin-bottom:60px;} #service-list>.inner>.starpay-wrap>div>a{width: 200px;margin: 0 auto;} #service-list>.inner>ul.business-list>li>a.img-btn{ display: block;position: static;width: 100%;margin-left: unset;} #service-list>.inner>ul.business-list>li>a>img{width: 100%;height:230px;object-fit: cover;object-position: center;} /*oem*/ #point-service>.inner, #oem>.inner, #jpqr>.inner, #inbound>.inner{padding-bottom:0;} /*point-service*/ #strengths.point-service>.inner>img{width:800px;height: auto;mix-blend-mode: multiply;} #strengths.jpqr>.inner>img{width:700px;height: auto;mix-blend-mode: multiply;} /*中国インバウンド*/ #strengths{background: #F8F8FB;} #strengths>.inner{padding:80px 0;} #strengths>.inner>h2{color:#555;font-size: 24px;letter-spacing: normal;font-weight: 500;margin-bottom: 80px;} #strengths>.inner>img{margin:0 auto;} /*カテゴリー一覧*/ #category-list{background: #F8F8FB;} #category-list>.inner{padding:20px 0;} #category-list>.inner>ul{display: flex;justify-content: flex-start;align-items: center;} #category-list>.inner>ul>li.logoasset{margin-left: auto;margin-right: 0;} #category-list>.inner>ul>li.logoasset>a{font-size: 14px;display: block;border:1px solid #555;background: #fff;padding:10px 50px; } #category-list>.inner>ul>li.logoasset>a:hover{text-decoration: none;} #category-list>.inner>ul>li{margin-right: 2em;} #category-list>.inner>ul>li>a{font-size: 16px;color: #555;font-weight: 500;} #category-list>.inner>ul>li.searchform{margin-left: 24px; margin-right: 0;} #category-list>.inner>ul>li.searchform>form{position: relative;} #category-list>.inner>ul>li.searchform>form>input{border: 1px solid #7d69b3;border-radius: 10px;padding: 10px 17px;font-size: 14px;width: 200px;} /*#category-list>.inner>ul>li.searchform>form::after{ position: absolute;content: "";display: block;width: 19px;height: 19px;background-image: url(img/icon_search.png);background-size: 19px;background-repeat: no-repeat;top: 12px;right: 16px;}*/ #category-list>.inner>ul>li.searchform>form>input:focus::-webkit-input-placeholder {color: transparent;} #category-list>.inner>ul>li.searchform>form>input:focus::-moz-placeholder {color: transparent;} #category-list>.inner>ul>li.searchform>form>input:focus::-ms-input-placeholder {color: transparent;} #category-list>.inner>ul>li.searchform>form>input:focus::placeholder {color: transparent;} button#btn-submit:hover {cursor: pointer;opacity: 0.7;} button#btn-submit {position: absolute;width: 19px;background-color: inherit;height: 19px;background-image: url(img/icon_search.png);background-size: 19px;background-repeat: no-repeat;top: 12px;right: 16px;-webkit-appearance:none;border:0;} span.search-highlight{background: #fff5d6;} section#entry-list>.inner{padding:40px 0 120px;} section#entry-list>.inner>h2{text-align: left;letter-spacing: normal;font-size: 24px;color:#555;font-weight: 500;} section#entry-list>.inner>ul{} section#entry-list>.inner>ul>li{border-bottom:1px solid #dddddd;padding:15px;display: flex;justify-content: flex-start;align-items: center;font-size: 16px;} section#entry-list>.inner>ul>li>.date{display: block;width: 140px;} section#entry-list>.inner>ul>li>.category{display: block;width: 120px;font-size: 12px;text-align: center;padding: 8px;background: #ccc;margin-right: 20px;font-weight: 500;} section#entry-list>.inner>ul>li>.cat12{background: #F8C058;}/*お知らせ F8C058*/ section#entry-list>.inner>ul>li>.cat156{background: #80c4d8;color: #fff;}/*メディア 80c4d8*/ section#entry-list>.inner>ul>li>.cat2{background: #796BAE;color:#fff;}/*ニュースリリース #796BAE*/ section#entry-list>.inner>ul>li>.cat1 {text-indent: -9999px;background: inherit;} section#entry-list>.inner>ul>li>.cat99 {background: #7ab16f;color: #fff;} section#entry-list>.inner>ul>li>.title{display: block;color: #555;width: 480px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /*presskit*/ #presskit{} #presskit>.inner{padding:20px 0 120px;} #presskit>.inner>h2{text-align: left;letter-spacing: 10px;font-size: 36px;color:#555;font-weight: 500;} #presskit>.inner>h3{font-size: 24px;margin-bottom: 30px;} #presskit>.inner>p{font-weight: 500;} #presskit>.inner>ul.caution{font-size: 16px;list-style: disc;margin:30px 0 60px;} #presskit>.inner>ul.caution>li{margin-left: 1.5em;} #presskit>.inner>ul.logo-asset{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:40px;} #presskit>.inner>ul.logo-asset>li:first-child{width: 100%;} #presskit>.inner>ul.logo-asset>li{width:480px;background: #F8F8FB;margin-bottom: 40px;padding:24px;font-size: 16px;} #presskit>.inner>ul.logo-asset>li>h4{margin-bottom:20px;} #presskit>.inner>ul.logo-asset>li>div{display: flex;justify-content: space-between;} #presskit>.inner>ul.logo-asset>li>div>dl{width: 470px;} #presskit>.inner>ul.logo-asset>li>dl{justify-content: center;} #presskit>.inner>ul.logo-asset>li>div>dl, #presskit>.inner>ul.logo-asset>li>dl{display: flex;margin-top: 20px;align-items: center;} #presskit>.inner>ul.logo-asset>li>div>dl>dt{padding:20px;} #presskit>.inner>ul.logo-asset>li>dl>dt{} #presskit>.inner>ul.logo-asset>li>div>dl>dd{padding:30px 30px;} #presskit>.inner>ul.logo-asset>li>dl>dd{padding:30px 30px;} #presskit>.inner>ul.logo-asset>li>div>dl>dt>img{width:120px;height: 120px;} #presskit>.inner>ul.logo-asset>li>dl>dt>img{width:120px;height: auto;} #presskit>.inner>ul.logo-asset>li a{display: block;background: #fff;border:1px solid #555;color: #555;font-size: 14px;border-radius: 30px;text-align: center;width:128px;margin-bottom: 16px;padding:4px 0;} #presskit>.inner>ul.logo-asset>li a:hover{text-decoration: none;} /*faq*/ ul.faq-list{margin-bottom:20px;} ul.faq-list+h3{margin-top: 60px;} ul.faq-list>li{} ul.faq-list>li.question:hover{cursor: pointer;opacity: 0.8;} ul.faq-list>li>dl{background: #EBEBEB;display: flex;} ul.faq-list>li>dl>dt{text-align: center;width:60px;font-size: 36px;font-weight: bold;color: #fff;align-items: center;padding: 6px 0;position: relative;} ul.faq-list>li>dl>dt>span{position: absolute;top: 50%;left: 50%; transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);} ul.faq-list>li>dl>dd{width: calc(100% - 60px);} ul.faq-list>li.question>dl>dt{background: #F8C058;} ul.faq-list>li.question>dl>dd{padding:20px;font-weight: 500;font-size: 18px;display: flex;justify-content: space-between;} ul.faq-list>li.question>dl>dd>i{margin-left:auto;transition: 0.1s;} ul.faq-list>li.question>dl>dd>i.rotate{transform: rotate(45deg);} ul.faq-list>li.anser{display: none;} ul.faq-list>li.anser>dl>dt{background: #555555;} ul.faq-list>li.anser>dl>dd{padding:40px;font-size: 16px;color: #555;line-height: 1.8;} ul.faq-list>li.anser>dl>dd>a>span{ font-size: 12px;padding: 6px 14px;display: inline-block;vertical-align: text-top;color: #fff;border-radius: 2px;line-height: 1;margin-left: 6px;} ul.faq-list+.btn{border-color: #555;width: 380px;margin: 80px auto 0;} .faq-wrap>h3{font-size: 24px; font-weight: 300; border-bottom: 1px solid #F8C058; padding-bottom: 20px; margin-bottom: 20px;} #faq>.inner{padding:30px 0 120px;} #faq>.inner>div>ul.caution{margin-top:20px;} #faq>.inner>div>ul.caution>li{font-size: 14px;text-indent: -1em;padding-left:1em;margin-bottom: 1em;} #faq>.inner>ul.anker{display: flex;justify-content: space-between;margin-bottom:40px;} #faq>.inner>ul.anker>li{display: flex;width:calc(100% / 5 - 10px);} #faq>.inner>ul.anker>li>a{display: block;text-align: center;padding:20px 0;font-size: 16px;background: #F8C058;width: 100%;color:#555;position: relative;} #faq>.inner>ul.anker>li>a:hover{text-decoration: none;} #faq>.inner>ul.anker>li>a:after{content:"";display: block;border: 10px solid transparent;border-top:10px solid #F8C058;bottom:-20px;position: absolute;left: 50%;transform: translateX(-50%);} /*page nation*/ .pagenation{text-align:center;margin:40px 0;} .pagenation >.page-numbers{display: inline-block;border:1px solid #555;color:#555;border-radius: 4px;line-height: 1;padding: 6px 8px;font-size: 14px;margin: 0px 3px;} .pagenation >.page-numbers:hover{text-decoration: none;} .pagenation >.page-numbers.current{color: #fff;border-color: transparent;background: #F8C058;font-weight: bold;} .pagenation >.page-numbers.dots{border:none;} .pagenation >.page-numbers.prev, .pagenation >.page-numbers.next{margin: 0 14px;} .pagenation >.navigation>.nav-links{} .pagenation >.navigation>.nav-links>.page-numbers{display: inline-block;border:1px solid #555;color:#555;border-radius: 4px;line-height: 1;padding: 6px 8px;font-size: 14px;margin: 0px 3px;} .pagenation >.navigation>.nav-links>.page-numbers:hover{text-decoration: none;} .pagenation >.navigation>.nav-links>.page-numbers.current{color: #fff;border-color: transparent;background: #F8C058;font-weight: bold;} .pagenation >.navigation>.nav-links>.page-numbers.dots{border:none;} .pagenation >.navigation>.nav-links>.page-numbers.prev, .pagenation >.navigation>.nav-links>.page-numbers.next{margin: 0 14px;} /*Page infographic*/ #page-visual.infographics{background: #303340; background-image: url(img/bg_vj_infog.png); background-repeat: no-repeat; background-position: right; background-size: auto 400px;} #infographic{} #infographic>.inner{padding:40px 0 120px;} #infographic>.inner>h2{background: #F8F8FB;border-top:6px solid #A59ACD;padding: 32px 0;font-size: 44px;line-height: 1;margin-bottom:70px;letter-spacing: 3px;} #infographic>.inner>h2>span{display: block;color: #A59ACD;font-size: 20px;font-weight: bold;margin-bottom: 16px;} #infographic>.inner>h3{color: #796BAE;font-weight: bold;text-align: center;font-size: 40px;margin-bottom:60px;letter-spacing: 3px;} #infographic>.inner>h3>span{display: block;font-size: 20px;margin-bottom:16px;} #infographic>.inner>h3>strong{background: linear-gradient(transparent 70%, #FDD500 0%);} #infographic>.inner>h4{color: #796BAE;font-weight: bold;text-align: center;margin-bottom:60px;font-size: 20px;display: flex;align-items: center;justify-content: center;letter-spacing: 3px;} #infographic>.inner>h4>strong{background: linear-gradient(transparent 70%, #FDD500 0%);font-size: 40px; line-height: 1.4; display: inline-block; margin: 0 8px;} #infographic>.inner>ul.an{display: flex;justify-content: space-between;margin-bottom:70px;} #infographic>.inner>ul.an>li{width: 309px;} #infographic>.inner>ul.an>li>img{width: 100%;height: auto;} #infographic>.inner>ul.as, #infographic>.inner>ul.as1{display: flex;justify-content: space-between;margin-bottom:0px;flex-wrap: wrap;} #infographic>.inner>ul.as>li{width: 50%;margin-bottom:60px;} #infographic>.inner>ul.as>li>img{width:480px;} #infographic>.inner>ul.as1>li:last-child{width: 100%;margin-bottom:0px;} #infographic>.inner>ul.as1>li:nth-child(1), #infographic>.inner>ul.as1>li:nth-child(2){width: 100%;margin-bottom:60px;} #infographic>.inner>ul.as1>li:nth-child(1)>img{width: 480px;margin:0 auto;} #infographic>.inner>ul.as1>li:nth-child(2)>img{width: 480px;} #infographic>.inner>ul.as1>li:last-child>img {width: 840px;margin: 0 auto;height: 725px;} img.img-as6{width: 420px;display: block;margin: 0 auto;} #infographic>.inner>p.caution{font-size: 12px;color:#A59ACD;text-align: center;} #infographic>.inner>hr{ background-image : linear-gradient(to right, #ddd 4px, transparent 3px); background-size: 12px 3px; background-repeat: repeat-x; background-position: left bottom;border:none;height: 2px;padding:0;margin:60px 0;} #infographic>.inner>.btn-wrap{padding:32px 0;text-align: center;background: #F8F8FB;margin:60px 0 16px;} #infographic>.inner>.btn-wrap>a{display: block;background: #ffa600;padding:12px 43px;color: #fff;font-weight: bold; width: 280px;margin: 0 auto;border-radius: 30px;} #infographic>.inner>.btn-wrap>a:hover{text-decoration: none;} /*加盟店へのお知らせ一覧*/ section#entry>.inner.caution-list{} section#entry>.inner.caution-list>h2{ text-align: left;letter-spacing: normal;font-size: 24px;color: #555;font-weight: 500;} section#entry>.inner.caution-list>ul.release{} section#entry>.inner.caution-list>ul.release>li{border-bottom: 1px solid #dddddd;padding: 15px;display: flex;justify-content: flex-start;align-items: center;font-size: 16px;} section#entry>.inner.caution-list>ul.release>li>span.date{ display: block;width: 140px;} section#entry>.inner.caution-list>ul.release>li>a.title{ display: block;color: #555;width: 480px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} @media screen and (max-width:480px) { body.page, body.single, body.category{padding-top:0px;background-size: cover;background-repeat: no-repeat;background-position: center;} #page-visual{height: 180px;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;} #page-visual:after{position: absolute;width: 100%;height: 100%;background:rgba(0,0,0,0.5);content: "";display: block;top: 0;} #page-visual.kubestar:after{content:none;} #page-visual>.inner{padding:0 24px;} #page-visual>.inner>h1{position: absolute;top: 50%;transform: translateY(-50%);color: #fff;z-index: 2;font-weight: 200;font-size: 24px;line-height: 1.4;} #page-visual>.inner>h1>span{display: block;font-size: 12px;font-weight: normal;margin-top:10px;} #page-visual.about{background-image: url(img/bg_about.png);} #page-visual.privacy{background-image: url(img/bg_privacy.png);} #page-visual.category{background-image: url(img/bg_category.png);} #page-visual.inbound{background-image: url(img/bg_inbound.png);} #page-visual.contact{background-image: url(img/bg_contact.png);} #page-visual.kubestar{background: #003493;height: 466px;} .about .inner >.btn-wrap{margin-top:60px;margin-bottom:60px;} .about .inner >.btn-wrap>.btn{width: 280px;margin:0 auto;} /*Kubestar*/ .page-template-page-kubestar-php h2{letter-spacing: 3px!important;} #page-visual.kubestar>.inner{position: relative;height: inherit;;} #page-visual.kubestar>.inner>div.txt{ position: static;top: 0;transform: none;color: #fff;z-index: 2;line-height: 1.4;padding-top:50px;} #page-visual.kubestar>.inner>div.txt>h1{font-size: 12px;font-weight: 200;margin-bottom:10px;} #page-visual.kubestar>.inner>div.txt>p.catch{font-size: 14px;font-weight: 500;letter-spacing: 5px;} #page-visual.kubestar>.inner>div.txt>ul.point{display: none;} #page-visual.kubestar>.inner>div.txt>ul.point>li{font-size: 14px;} #page-visual.kubestar>.inner>div.txt>ul.point>li:not(:last-child):after{content:"|";margin:0 4px;} #kubestar>.inner>ul.list-solution{} #kubestar>.inner>ul.list-solution>li{} #kubestar>.inner>ul.list-solution>li>h3, #bigdata>.inner>ul.list-solution>li>h3{font-size: 20px;} #kubestar>.inner>ul.list-solution>li>img, #bigdata>.inner>ul.list-solution>li>img{height: 140px;object-fit: cover;} #page-visual.kubestar>.inner>.bx-wrapper{ position: relative; right: 0; height: auto; background: none; border: none; box-shadow: none; margin-bottom: 0; margin: 5px auto 0; width: 80%;} #page-visual.kubestar .bx-wrapper .bx-pager.bx-default-pager a{background: #335da9;} #page-visual.kubestar .bx-wrapper .bx-pager.bx-default-pager a:hover, #page-visual.kubestar .bx-wrapper .bx-pager.bx-default-pager a.active, #page-visual.kubestar .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #fff;} #page-visual.kubestar .bx-controls.bx-has-controls-direction.bx-has-pager {position: absolute;width: inherit; left: 30px; bottom: 0px;} #page-visual.kubestar .bx-wrapper img { max-width: 100%; display: block; height: auto; } #demo .bx-wrapper img { height: auto; } #kubestar>.inner{padding:10px 24px 60px;} #kubestar>.inner>.btn-entry{display: block;width:100%;height:auto;margin:0 auto 80px;} #architecture{background:#F8F8FB;} #architecture>.inner>.arc-img{margin-top:40px;display: block;} #aboutservice>.inner>.aboutservice-img{margin-top:80px;display: block;} #aboutservice>.inner>iframe{margin: 60px auto 0;display: block;width: 100%; height: 49vw;} #demo{background:#F8F8FB;} #demo>.inner>.bx-wrapper{ background: none;border: none;box-shadow: none; margin: 80px auto;} #demo .bx-wrapper .bx-pager.bx-default-pager a{background: #ffffff;} #demo .bx-wrapper .bx-pager.bx-default-pager a:hover, #demo .bx-wrapper .bx-pager.bx-default-pager a.active, #demo .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #796BAE;} #bigdata>.inner>h3{font-size: 24px;font-weight: bold;text-align: center;margin-top: 40px;margin-bottom:40px;} #bigdata>.inner>.silvermember{display: flex;justify-content: space-between;;margin-bottom:100px;} #bigdata>.inner>.silvermember>li{margin:0 20px;} #bigdata>.inner>.silvermember>li>img{height:auto;width: auto;} #bigdata>.inner>.skill{display: flex;justify-content: space-between;flex-wrap: wrap;} #bigdata>.inner>.skill>li{width:calc(100% / 2);margin-bottom:20px;} #bigdata>.inner>.skill>li>img{height:62px;width: 0 auto;margin:0 auto; } /*kubestarblog*/ #kubestarblog{} #kubestarblog>.inner{padding:20px 24px 60px;} #kubestarblog>.inner>h2{font-size: 20px;letter-spacing:normal;color:#555;font-weight: 500;margin-bottom:40px;} #kubestarblog>.inner>ul.kubeblog{display: flex;justify-content: space-between;flex-wrap: wrap; } #kubestarblog>.inner>ul.kubeblog>li{position: relative;width: 480px;margin-bottom:50px;padding-bottom: 60px;} #kubestarblog>.inner>ul.kubeblog>li>h3{margin-bottom:20px;font-size: 20px;border-left: 4px solid #796BAE;padding-left:20px;line-height: 1.4;font-weight: 500;} #kubestarblog>.inner>ul.kubeblog>li>.btn{position: absolute;width: 200px;left: 50%;margin-left: -100px;bottom:0;} #kubestarblog.entry{} #kubestarblog.entry>.inner{} #kubestarblog.entry>.inner>h1{font-size: 28px;font-weight: 200;border-bottom: 2px solid #F8C058;padding-bottom:30px;margin-bottom:30px;line-height: 1.4;} #kubestarblog.entry>.inner>h2{text-align: left;font-size: 20px;line-height: 1.4;font-weight: 500;margin-bottom:30px;} #kubestarblog.entry>.inner>p{line-height: 1.8;margin-bottom:1.5em;} #kubestarblog.entry>.inner>p+h2{margin-top: 60px;} #kubestarblog.entry>.inner>ul{list-style: disc;margin-bottom: 1.5em;} #kubestarblog.entry>.inner>ul>li{margin-bottom:10px;margin-left: 1.5em;} /*greeting*/ #greeting{padding-top: 20px;} #greeting>.inner.head{padding:0 24px;height: inherit;;display: flex;flex-direction: column-reverse;margin-bottom:30px;} #greeting>.inner.head>.left{background-color: #F8C058;position: relative;width: 100%;} #greeting>.inner.head>.left:after { content: "";display: block;background-color: #F8C058;width: 100%;position: absolute;right: 0px;height: 100px;transform: skew(0deg, 10deg);z-index: 1;top: -30px;} #greeting>.inner.head>.left>div{position: relative;padding:24px;left: 0px;top:0;transform: none;color: #fff;width: 100%;z-index: 2;} #greeting>.inner.head>.left>div>h2{ position: relative;font-size:18px;font-weight: 500;letter-spacing: 0px;margin: -40px 0 40px 0;} #greeting>.inner.head>.left>div>h2::after{content: "";display: block;height: 1px ;width: 2em;background: #fff;bottom:-20px;position: absolute;} #greeting>.inner.head>.left>div>dl{color: #555;} #greeting>.inner.head>.left>div>dl>dt{font-size: 10px;margin-bottom:10px;} #greeting>.inner.head>.left>div>dl>dd{font-size: 16px;} #greeting>.inner.head>.left>div>dl>dd>span{font-size: 10px;margin-left: 10px;} #greeting>.inner.head>.right{background: #F8F8FB;position: relative;width: 100%;} #greeting>.inner.head>.right>img{width:90%;height:auto;position: relative;bottom:0;display: block;right: 0px;margin: -20px auto 0;} #greeting>.inner{padding:0 24px 0px;} #greeting>.inner>p{font-size: 16px;line-height: 1.6;margin-bottom: 1em;} #greeting>.inner>.arc-img{margin-top:80px;display: block;} /*officers*/ #officers{background:#F8F8FB;} #officers ul.officers-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:40px;margin-bottom:0px;} #officers ul.officers-list.second{padding-top:20px;} #officers ul.officers-list>li{display: flex;justify-content: space-between;width: 100%;margin-bottom:24px;} #officers ul.officers-list>li>img{width:80px;height:80px;border-radius: 40px;} #officers ul.officers-list>li>div{width: calc(100% - 96px);} #officers ul.officers-list>li>div>h3{margin-bottom:4px;font-size: 16px;font-weight: 500;} #officers ul.officers-list>li>div>.director{margin-bottom: 8px;font-size: 12px;font-weight: 500;} #officers ul.officers-list>li>div>.description{line-height: 1.4;font-size: 12px;} /*history*/ #history{} #history>.history-head{background-image: url(img/bg_history.png);background-position: center;background-size: auto 206px;background-repeat: no-repeat;height: 206px;} #history table{width: 100%;border-spacing: 0;} #history table>tbody>tr:last-child>td{border:none;} #history table>tbody>tr>td{vertical-align: top;border-bottom: 1px solid #DDDDDD;padding:15px 0;} #history table>tbody>tr>td:first-child{font-size: 16px;font-weight: 500;color:#796BAE;width: 60px;text-align: left;border-right:4px solid #dddddd;} #history table>tbody>tr>td:nth-child(2){} #history table>tbody>tr>td:nth-child(3){} #history table>tbody>tr>td>dl{display: flex;flex-wrap: wrap;width: 100%;} #history table>tbody>tr>td>dl>dt{position: relative;padding-left:20px;font-size: 14px;font-weight: bold;color:#796BAE;width: 65px;padding-top: 4px;padding-bottom:10px;} #history table>tbody>tr>td>dl>dd{width: calc(100% - 65px);width: -webkit-calc(100% - 65px);font-size: 14px;padding-top: 4px;padding-bottom:10px;} #history table>tbody>tr>td>dl>dt:before{content: "";position: absolute;display: block;width: 10px;height: 10px;background: #796BAE;border-radius: 5px;left: -7px;top: 9px;line-height: 1.8;} /*overview*/ #overview{background:#F8F8FB;} #overview table{width: 100%;border-spacing: 0;font-size: 14px;} #overview table th{padding:15px 0;background: #796BAE;color:#ffffff;width: 25%;border-bottom: 1px solid #fff;vertical-align: top;} #overview table td{padding:15px 0px 15px 20px;width: 75%;border-bottom: 1px solid #ddd;} #overview table tr:last-child th, #overview table tr:last-child td{border:none;} /*privacy*/ #privacy{} #privacy>.inner{padding:10px 24px 60px;} #privacy>.inner>h2{text-align: left;font-weight: 200;line-height: 1.4;font-size:24px;color:#555;letter-spacing: normal;border-bottom:2px solid #F8C058;padding-bottom:20px;margin-bottom: 20px;} #privacy>.inner>p{margin-bottom:20px;} #privacy>.inner>ul{margin-bottom:20px;} #privacy>.inner>ul.m40>li{margin-bottom:30px;} #privacy>.inner>ul.m40>li>ol {padding: 0 0 0 1em;} #privacy>.inner>ul.m40>li>ol>li{margin-bottom:20px;} #privacy>.inner>p.signature{text-align: right;font-size: 14px;margin-bottom:40px;} #privacy>.inner>p.description{font-weight: 500;margin-bottom: 40px;} #privacy>.inner>p.sign {margin: 40px 0;text-align: center;} /*事業紹介*/ #service-list{} #service-list>.inner{padding: 0px 24px 60px;} #service-list>.inner>ul{margin-top:40px;} #inbound>.inner>ul, #oem>.inner>ul, #point-service>.inner>ul, #jpqr>.inner>ul {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:30px;} #service-list>.inner>ul>li, #inbound>.inner>ul>li, #oem>.inner>ul>li, #point-service>.inner>ul>li, #jpqr>.inner>ul>li {width: 480px;position: relative;margin-bottom:40px;padding-bottom: 60px;} #service-list>.inner>ul>li>img{width: 100%;height: 43vw;margin-bottom:24px;object-fit: cover;} #inbound>.inner>ul>li>img, #oem>.inner>ul>li>img, #point-service>.inner>ul>li>img, #jpqr>.inner>ul>li>img {width: 100%;height:50vw;object-fit: cover;object-position: center;} #service-list>.inner>ul>li>h2, #inbound>.inner>ul>li>h2, #oem>.inner>ul>li>h2, #point-service>.inner>ul>li>h2, #jpqr>.inner>ul>li>h2 {font-size: 20px;margin:20px 0;padding-left:18px;border-left:4px solid #796BAE;} #service-list>.inner>ul>li>h2>span {display: block;font-size: 14px;line-height: 1.4;margin-bottom: 10px;} #service-list>.inner>ul>li>p {font-size: 16px;} #service-list>.inner>ul>li>a{position: absolute;width:200px;left:50%;margin-left:-100px;bottom:0;} #service-list>.inner>.starpay-wrap{display: block;justify-content: space-between;margin-bottom: 60px;margin-top: 40px;padding-bottom:60px;position: relative;} #service-list>.inner>.starpay-wrap>a>img{width: 100%;height: 43vw;margin-bottom:24px;object-fit: cover;} #service-list>.inner>.starpay-wrap>div{width: 100%;} #service-list>.inner>.starpay-wrap>div>h2{color: #555;font-size: 16px;font-weight: bold;line-height: 1.6;margin-bottom: 1.4em;} #service-list>.inner>.starpay-wrap>div>p{font-size: 16px;margin-bottom: 0;} #service-list>.inner>.starpay-wrap>div>a{position: absolute;width: 200px;left: 50%;margin-left: -100px;bottom: 0;} #service-list>.inner>ul.business-list>li>a.img-btn{ display: block;position: static;width: 100%;margin-left: unset;} #service-list>.inner>ul.business-list>li>a>img{width: 100%;height:43vw;margin-bottom:24px;object-fit: cover;object-position: center;} img.arrow.rotate{transform: rotate(180deg);} a.s-btn{background-color: rgba(121,107,174,0.2);width: 100%;margin: 0 0 16px 0;left: 0;padding:15px;display: flex;justify-content: space-between;align-items: center;} a.s-btn>.bland{height: 19px;width: auto;margin: 0px;display: block;} /*中国インバウンド*/ #inbound >.inner {padding: 20px 24px;} #inbound>.inner>ul{margin-top: 80px;} #inbound>.inner>ul>li{margin-bottom:40px;padding-bottom:0;} #strengths{background: #F8F8FB;} #strengths>.inner{padding:80px 24px;} #strengths>.inner>h2{color:#555;font-size: 20px;letter-spacing: normal;font-weight: 500;margin-bottom: 40px;} #strengths>.inner>img{margin:0 auto;width: 100%;height: auto;} /*カテゴリー一覧*/ #category-list{background: #F8F8FB;} #category-list>.inner{padding:16px 24px;} #category-list>.inner>ul{display: flex;justify-content: flex-start;align-items: center;} #category-list>.inner>ul>li:last-child{margin-left: auto;margin-right: 0;} #category-list>.inner>ul>li:last-child>a{font-size: 14px;display: block;border:1px solid #555;background: #fff;padding:8px 30px;line-height: 1;} #category-list>.inner>ul>li:last-child>a:hover{text-decoration: none;} #category-list>.inner>ul>li{margin-right: 2em;position: relative;} #category-list>.inner>ul>li.toggle:after{ content: ""; top: 8px; right: -20px; position: absolute; display: block; width: 8px; height: 8px; border-right: 2px solid #999; border-bottom: 2px solid #999; transform: rotate(45deg);} #category-list>.inner>ul>li>ul{position: absolute;} #category-list>.inner>ul>li>a{font-size: 16px;color: #555;font-weight: 500;} #category-list>.inner>ul>li>ul {position: absolute;background: #fff;width: 50vw;border-radius: 4px;top: 44px;box-shadow: 0 20px 40px rgb(0 0 0 / 20%);transition: 0.3s;display:none;z-index: 2;} #category-list>.inner>ul>li>ul.on{display: block;} #category-list>.inner>ul>li>ul>li{} #category-list>.inner>ul>li>ul>li>a{position: relative;display: block; position: relative;display: block;padding: 12px 24px;color: #555;font-size: 14px;} #category-list>.inner>ul>li>ul>li>a:after{content: "";top: 50%;right: 24px;position: absolute;display: block;width: 8px;height: 8px;border-right: 2px solid #999;border-bottom: 2px solid #999;transform: rotate(-45deg) translateY(-50%);} section#search-wrap {padding: 16px 24px;} #search-wrap>form{position: relative;} #search-wrap>form>input{border: 1px solid #7d69b3;border-radius: 10px;padding: 9px 17px;font-size: 14px;width: 100%;} /*#search-wrap>form::after{ position: absolute;content: "";display: block;width: 19px;height: 19px;background-image: url(img/icon_search.png);background-size: 19px;background-repeat: no-repeat;top: 11px;right: 16px;}*/ span.search-highlight{background: #fff5d6;} button#btn-submit { position: absolute; width: 60px; background-color: inherit; height: 100%; background-image: url(img/icon_search.png); background-size: 19px; background-repeat: no-repeat; top: 0; right: 0; -webkit-appearance: none; border: 0; background-position: 27px center; } section#entry-list>.inner{padding:17px 24px 60px;} section#entry-list>.inner>h2{display: none;} section#entry-list>.inner>ul{} section#entry-list>.inner>ul>li{border-bottom:1px solid #dddddd;padding:15px 0;display: flex;justify-content: flex-start;align-items: center;font-size: 16px;flex-wrap: wrap;} section#entry-list>.inner>ul>li>.date{display: block;width: 100px;font-size: 12px;} section#entry-list>.inner>ul>li>.category{display: block;width: 96px;font-size: 12px;text-align: center;padding: 4px;background: #ccc;margin-right: 20px;font-weight: 500;} section#entry-list>.inner>ul>li>.cat12{background: #F8C058;}/*お知らせ F8C058*/ section#entry-list>.inner>ul>li>.cat2{background: #796BAE;color:#fff;}/*ニュースリリース #796BAE*/ section#entry-list>.inner>ul>li>.title{display: block;font-weight: 500;color: #555;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;} /*presskit*/ #presskit{} #presskit>.inner{padding:0px 24px 60px;} #presskit>.inner>h2{text-align: left;letter-spacing: 10px;font-size: 28px;color:#555;font-weight: 500;} #presskit>.inner>h3{font-size: 20px;margin-bottom: 30px;} #presskit>.inner>p{font-weight: 500;} #presskit>.inner>ul.caution{font-size: 16px;list-style: disc;margin:30px 0 60px;} #presskit>.inner>ul.caution>li{margin-left: 1.5em;} #presskit>.inner>ul.logo-asset{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:40px;} #presskit>.inner>ul.logo-asset>li:first-child{width: 100%;} #presskit>.inner>ul.logo-asset>li{width:100%;background: #F8F8FB;margin-bottom: 24px;padding:24px;font-size: 16px;} #presskit>.inner>ul.logo-asset>li>h4{margin-bottom:20px;} #presskit>.inner>ul.logo-asset>li>div{display: block;} #presskit>.inner>ul.logo-asset>li>div>dl{width: 100%;} #presskit>.inner>ul.logo-asset>li>dl{justify-content: center;} #presskit>.inner>ul.logo-asset>li>div>dl, #presskit>.inner>ul.logo-asset>li>dl{display: flex;margin-top: 20px;align-items: center;justify-content: space-between;} #presskit>.inner>ul.logo-asset>li>div>dl>dt{padding:20px 20px 20px 0;} #presskit>.inner>ul.logo-asset>li>dl>dt{} #presskit>.inner>ul.logo-asset>li>div>dl>dd{padding:30px 0px;} #presskit>.inner>ul.logo-asset>li>dl>dd{padding:30px 0px;} #presskit>.inner>ul.logo-asset>li>div>dl>dt>img{width:120px;height: 120px;} #presskit>.inner>ul.logo-asset>li>dl>dt>img{width:120px;height: auto;} #presskit>.inner>ul.logo-asset>li a{display: block;background: #fff;border:1px solid #555;color: #555;font-size: 14px;border-radius: 30px;text-align: center;width:128px;margin-bottom: 16px;padding:4px 0;} #presskit>.inner>ul.logo-asset>li a:hover{text-decoration: none;} /*faq*/ ul.faq-list{margin-bottom:16px;} ul.faq-list+h3{margin-top: 60px;} ul.faq-list>li{} ul.faq-list>li.question:hover{cursor: pointer;opacity: 0.8;} ul.faq-list>li>dl{background: #EBEBEB;display: flex;} ul.faq-list>li>dl>dt{text-align: center;width:40px;font-size: 20px;font-weight: bold;color: #fff;align-items: center;padding: 6px 0;position: relative;} ul.faq-list>li>dl>dt>span{position: absolute;top: 50%;left: 50%; transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);} ul.faq-list>li>dl>dd{width: calc(100% - 40px);} ul.faq-list>li.question>dl>dt{background: #F8C058;} ul.faq-list>li.question>dl>dd{padding:20px 50px 20px 20px;font-weight: 500;font-size: 16px;display: flex;justify-content: space-between;position: relative;} ul.faq-list>li.question>dl>dd>i{margin-left:auto;transition: 0.1s;position:absolute;right: 20px;top:50%;transform: translateY(-50%); width: 14px;height: 14px;display: block;transform-origin:50% 50%;} ul.faq-list>li.question>dl>dd>i>img{width: 14px;} ul.faq-list>li.question>dl>dd>i.rotate{transform: rotate(45deg);transform-origin:50% 50%;} ul.faq-list>li.anser{display: none;} ul.faq-list>li.anser>dl>dt{background: #555555;} ul.faq-list>li.anser>dl>dd{padding:20px;font-size: 16px;color: #555;line-height: 1.8;} ul.faq-list>li.anser>dl>dd>a>span{ font-size: 12px;padding: 6px 14px;display: inline-block;vertical-align: text-top;color: #fff;border-radius: 2px;line-height: 1;margin-left: 6px;} ul.faq-list+.btn{border-color: #555;width: 380px;margin: 80px auto 0;} .faq-wrap>h3{font-size: 24px; font-weight: 300; border-bottom: 1px solid #F8C058; padding-bottom: 20px; margin-bottom: 20px;} #faq>.inner{padding:10px 24px 60px;} #faq>.inner>div>ul.caution{margin-top:20px;} #faq>.inner>div>ul.caution>li{font-size: 14px;text-indent: -1em;padding-left:1em;margin-bottom: 1em;} #faq>.inner>ul.anker{display: none;} #faq>.inner>ul.anker>li{display: flex;width:calc(100% / 5 - 10px);} #faq>.inner>ul.anker>li>a{display: block;text-align: center;padding:20px 0;font-size: 16px;background: #F8C058;width: 100%;color:#555;position: relative;} #faq>.inner>ul.anker>li>a:hover{text-decoration: none;} #faq>.inner>ul.anker>li>a:after{content:"";display: block;border: 10px solid transparent;border-top:10px solid #F8C058;bottom:-20px;position: absolute;left: 50%;transform: translateX(-50%);} /*page nation*/ .pagenation{text-align:center;margin:30px 0;} .pagenation >.page-numbers{display: inline-block;border:1px solid #555;color:#555;border-radius: 4px;line-height: 1;padding: 6px 8px;font-size: 14px;margin: 0px 3px;} .pagenation >.page-numbers:hover{text-decoration: none;} .pagenation >.page-numbers.current{color: #fff;border-color: transparent;background: #F8C058;font-weight: bold;} .pagenation >.page-numbers.dots{border:none;} .pagenation >.page-numbers.prev, .pagenation >.page-numbers.next{margin: 0 14px;} #page-visual.infographics{background: #303340; background-image: url(img/bg_vj_infog.png); background-repeat: no-repeat; background-position: right; background-size: auto 400px;} #infographic{} #infographic>.inner{padding:40px 24px 120px;} #infographic>.inner>h2{background: #F8F8FB;border-top:6px solid #A59ACD;padding: 24px 0;font-size: 24px;line-height: 1;margin-bottom:60px;letter-spacing: 3px;} #infographic>.inner>h2>span{display: block;color: #A59ACD;font-size: 16px;font-weight: bold;margin-bottom: 8px;} #infographic>.inner>h3{color: #796BAE;font-weight: bold;text-align: center;font-size: 32px;margin-bottom:60px;letter-spacing: 3px;} #infographic>.inner>h3>span{display: block;font-size: 16px; margin-bottom: 12px;line-height: 1.4;} #infographic>.inner>h3.sph3>span{display: block;font-size: 20px; margin-bottom: 12px;line-height: 1.4;} #infographic>.inner>h3>strong{background: linear-gradient(transparent 70%, #FDD500 0%);} #infographic>.inner>h4{color: #796BAE;font-weight: bold;text-align: center;margin-bottom:60px;font-size: 20px;display: block;align-items: center;justify-content: center;letter-spacing: 3px;} #infographic>.inner>h4>strong{background: linear-gradient(transparent 70%, #FDD500 0%);font-size: 40px; line-height: 1.4;margin: 3px auto 8px;width: fit-content;display: block;} #infographic>.inner>ul.an{display: block;margin-bottom:70px;} #infographic>.inner>ul.an>li{width: 100%;margin-bottom:60px;} #infographic>.inner>ul.an>li>img{width: 100%;height: auto;} #infographic>.inner>ul.as, #infographic>.inner>ul.as1{display: flex;justify-content: space-between;margin-bottom:0px;flex-wrap: wrap;} #infographic>.inner>ul.as>li:first-child{width: 100%;margin-bottom:40px;} #infographic>.inner>ul.as>li{margin-bottom: 60px;} #infographic>.inner>ul.as>li:first-child>img{width:100%;margin:0 auto;height: auto;} #infographic>.inner>ul.as>li:nth-child(2), #infographic>.inner>ul.as>li:nth-child(3), #infographic>.inner>ul.as>li:nth-child(4){width: 100%;} #infographic>.inner>ul.as>li:nth-child(2)>img{width:100%;} #infographic>.inner>ul.as>li:nth-child(3)>img{width:100%;} #infographic>.inner>ul.as>li:nth-child(4)>img{width:100%;} #infographic>.inner>ul.as1>li:last-child{width: 100%;margin-bottom:0px;} #infographic>.inner>ul.as1>li:nth-child(1), #infographic>.inner>ul.as1>li:nth-child(2){width: 100%;margin-bottom:60px;} #infographic>.inner>ul.as1>li:nth-child(1)>img{width: 100%;} #infographic>.inner>ul.as1>li:nth-child(2)>img{width: 100%;} #infographic>.inner>ul.as1>li:last-child>img {width: 100%;margin: 0 auto;height: auto;} img.img-as6{width:65%;display: block;margin: 0 auto;} #infographic>.inner>p.caution{font-size: 12px;color:#A59ACD;text-align: left;} #infographic>.inner>hr{ background-image : linear-gradient(to right, #ddd 4px, transparent 3px); background-size: 12px 3px; background-repeat: repeat-x; background-position: left bottom;border:none;height: 2px;padding:0;margin:60px 0;} #infographic>.inner>.btn-wrap{padding:32px 26px;text-align: center;background: #F8F8FB;margin:60px 0 16px;} #infographic>.inner>.btn-wrap>a{display: block;background: #ffa600;padding:12px 43px;color: #fff;font-weight: bold; width: 100%;margin: 0 auto;border-radius: 30px;} #infographic>.inner>.btn-wrap>a:hover{text-decoration: none;} /*加盟店へのお知らせ一覧*/ section#entry>.inner.caution-list{} section#entry>.inner.caution-list>h2{text-align: left;letter-spacing: normal;font-size: 18px;color: #555;font-weight: 500;margin-bottom: 10px;} section#entry>.inner.caution-list>ul.release{} section#entry>.inner.caution-list>ul.release>li{border-bottom: 1px solid #dddddd;padding: 15px 0;display: flex;justify-content: flex-start;align-items: center;font-size: 16px;flex-wrap: wrap;} section#entry>.inner.caution-list>ul.release>li>span.date{ display: block;width: 140px; font-size: 12px;} section#entry>.inner.caution-list>ul.release>li>a.title{display: block;font-weight: 500;color: #555;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;} /*point-service*/ #strengths.point-service>.inner>img{width:100%;height: auto;mix-blend-mode: multiply;} #strengths.jpqr>.inner>img{width:100%;height: auto;mix-blend-mode: multiply;} }