@charset "utf-8";

html {
scroll-behavior: smooth;
}
body{
position: relative;
font-family: AkkuratLLWeb-Regular, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

/*ヘッダー*/
#header,
header#header .navbar-default {
background: initial;
border:0px;
padding: 0 1rem;
}
.header-logo img {
width: 320px;
}
.header-inner{
align-items: center;
}
.navbar-default .navbar-nav>li>a{
color: #FFF;
font-size: 1.5rem;
font-weight: bold;
}
#header {
background-color: transparent;
transition: background-color 0.5s ease;
}

#header.active {
/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));*/
background-color: #000;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: unset;
}
@media (max-width: 768px) {
.container {
width: 100%;
}
}
.FixLink{
position: fixed;
right: 0;
top: 0;
width: auto;
z-index: 100000;
}
.FixLink A{
background-color: #000;
background-image: url(../img/icon-hd01.png);
background-repeat: no-repeat;
background-position: bottom left 20px;
width: 100%;
height: auto;
padding: 4rem 2rem 4rem 9rem;
display: block;
color: #FFF;
font-size: 1.4rem;
font-weight: bold;
}

.navbar-toggle {
background: inherit;
}
.navbar-toggle {
border: 0px;
margin-right: 0;
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
.FixLink{
top:inherit;
bottom: 0;
}
}
@media screen and (max-width: 767px) {
.header-logo img {
width:280px;
}
.FixLink{
width: 100%;
top:inherit;
bottom: 0;
display: block;
}
.FixLink A{
text-align: center;
background-position: bottom -6px left 20px;
background-size: contain;
padding: 2rem;
}
}
@media screen and (min-width: 1280px) {
.navbar-nav {
    float: left;
    margin-right: 200px;
}
}


/*タイトル系*/
h3{
top:6rem;
color:rgb(0, 150, 155);
font-weight: bold;
font-size: 3.2rem;
padding: 1rem 0;
margin-bottom: 6rem;
}
.ttl-h3 {
width: 100%;
height: 12px;
position: absolute;
overflow: hidden;
margin-bottom: 4rem;
}

.bar-left,
.bar-right {
position: absolute;
top: 0;
height: 12px;
background: linear-gradient(90deg, rgb(0, 150, 155), rgb(0, 155, 115));
opacity: 0;
transition: transform 0.8s ease-out, opacity 0.8s ease-out;
}

.bar-left {
left: 0;
transform: translateX(-100%);
}

.bar-right {
right: 0;
transform: translateX(100%);
}

.ttl-h3.scroll-in .bar-left,
.ttl-h3.scroll-in .bar-right {
transform: translateX(0);
opacity: 1;
}

#About .ttl-h3,
#Mct .ttl-h3,
#Auction .ttl-h3,
#Bid .ttl-h3,
#Voice .ttl-h3{
top:135px;
}
#About .ttl-h3 .bar-right{
width: 26.5%;
}
#Mct .ttl-h3 .bar-left{
width: 35.5%;
}
#Auction .ttl-h3 .bar-left{
width: 30%;
}
#Bid .ttl-h3 .bar-left{
width: 30.5%;
}
#Voice .ttl-h3 .bar-left{
width: 33%;
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
#About h3{
padding-bottom: 3rem;
}
#About .ttl-h3,
#Mct .ttl-h3,
#Auction .ttl-h3,
#Bid .ttl-h3,
#Voice .ttl-h3{
top:135px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
#About .ttl-h3 .bar-right{
width: 22%;
}
#Mct .ttl-h3 .bar-left{
width: 39%;
}
#Auction .ttl-h3 .bar-left{
width: 26%;
}
#Bid .ttl-h3 .bar-left{
width: 26%;
}
#Voice .ttl-h3 .bar-left{
width: 33%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
#About .ttl-h3 .bar-right{
width: 18%;
}
#Mct .ttl-h3 .bar-left{
width: 33.5%;
}
#Auction .ttl-h3 .bar-left{
width: 23%;
}
#Bid .ttl-h3 .bar-left{
width: 23%;
}
#Voice .ttl-h3 .bar-left{
width: 28%;
}
}
@media screen and (max-width: 767px) {
#About .ttl-h3,
#Mct .ttl-h3,
#Auction .ttl-h3,
#Bid .ttl-h3,
#Voice .ttl-h3{
top:135px;
}
#About .ttl-h3 .bar-right{
width: 41%;
}
#Mct .ttl-h3 .bar-left{
width: 80.5%;
}
#Auction .ttl-h3 .bar-left{
width: 54%;
}
#Bid .ttl-h3 .bar-left{
width: 52.5%;
}
#Voice .ttl-h3 .bar-left{
width: 68%;
}
}

h4{
width: fit-content;
position: relative;
color:#FFF;
font-weight: bold;
font-size: 3.2rem;
padding: 1rem 3rem;
background-color: #000;
margin: 0 auto 27px;
}
h4::after{
content: '';
background-image: url(../img/icon-arrow-btn.png);
background-repeat: no-repeat;
background-position: center bottom;
width:auto;
height: 27px;
position: absolute;
left: -30px;
right: 0;
bottom: -27px;
margin:auto;
}
.ttl-h4{
padding-bottom: 4rem;
}
@media screen and (max-width: 767px) {
h4{
font-size: 2rem;
}
}
h5{
color:rgb(0, 150, 155);
font-weight: bold;
font-size: 2.2rem;
}
h6{
font-weight: bold;
font-size: 2rem;
padding: 3rem 0 1rem;
}
.SubRead{
text-align: center;
font-weight: bold;
font-size: 1.85rem;
line-height: 1.86;
}
dd{
font-size: 1.4em;
}
.PkXtxt{
color: #ff2c74;
}
/*ボタン系*/
.Btn-gren{
width: fit-content;
display: block;
position: relative;
background: #054639;
/*background: linear-gradient(90deg, rgb(0, 150, 155), rgb(0, 155, 115));*/
border-radius: 25rem;
color: #FFF;
padding: 1.5rem 12rem;
font-weight: 700;
font-size: 2.8rem;
margin: 1rem auto;
text-align: center;
border: 4px solid rgb(0, 150, 155);
}
.Btn-gren::after{
content: '';
background-image: url(../img/icon-arrow.png);
background-repeat: no-repeat;
background-size: 18px 17px;
width: 18px;
height: 17px;
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
}
.Btn-gren:hover{
color: #ddf0ee;
}

.Btn-gren,
.Btn-gren2{
min-width: 440px;
}
@media screen and (max-width: 767px) {
.Btn-gren{
width: 100%;
}
}

.Btn-gren2{
width: fit-content;
display: block;
position: relative;
background: #054639;
/*background: linear-gradient(90deg, rgb(0, 150, 155), rgb(0, 155, 115));*/
border-radius: 25rem;
color: #FFF;
padding: 1.5rem 12rem;
font-weight: 700;
font-size: 2.8rem;
margin: auto;
text-align: center;
border: 4px solid rgb(0, 150, 155);
}
.Btn-gren2::after{
content: '';
background-image: url(../img/icon-arrow_bottom.png);
background-repeat: no-repeat;
background-size: 18px 17px;
width: 18px;
height: 17px;
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
}
.Btn-gren2:hover{
color: #ddf0ee;
}

@media screen and (max-width: 767px) {
.Btn-gren2{
width: 100%;
}
}

.Jbutton{
  padding: 8rem 0 4rem 0;
}
/*flex系*/
.flex_line2,
.flex_line3,
.flex_line4,
.flex_line5 {
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: start;
align-items: start;
}
.flex_line2 li{
width: calc(100% / 2 - 1rem);
}

.flex_line3 li{
width: calc(100% / 3 - 1rem);
}

.flex_line4 li{
width: calc(100% / 4 - 1rem);
}

.flex_line5 li{
width: calc(100% / 5 - 1rem);
}
@media screen and (max-width: 767px) {
.flex_line2,
.flex_line3,
.flex_line4,
.flex_line5 {
flex-wrap: wrap;
}
.flex_line2 li,
.flex_line3 li,
.flex_line4 li,
.flex_line5 li{
width: calc(100% / 1 - 0rem);
margin-bottom: 2rem;
}
.flex_line2 li:last-child,
.flex_line3 li:last-child,
.flex_line4 li:last-child,
.flex_line5 li:last-child{
margin-bottom: 0rem;
}
.flex_line2.spReve{
flex-direction: column-reverse;
}
}
/*背景色*/
.grayb{
background-color: #ebebeb;
}
.greenb{
background-color: #e7f4f2;
}

/*アイコン*/

.icon-news{
color: #009c84;
border: 1px solid #009c84;
padding: 0.25rem 3rem;
}

/*画像系*/
.Inimg.Fitimg img{
width: fit-content;
}
.Inimg img{
width: 100%;
}
.TabFitimg{
width: fit-content;
margin: auto;
}

@media screen and (min-width: 768px) {
.Inimg.Fitimg img{
max-width: 100%;
}
.Exp .TabFitimg{
margin: inherit;
}
}

@media screen and (max-width: 767px) {
.Inimg.Fitimg img{
width: 100%;
margin: 0;
}
}

/*各ブロック*/

section{
position: relative;
padding: 80px 0;
}

#mainTop{
background-image: url('../img/main-back.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
min-height: 700px;
overflow-y: hidden;
padding-top: 80px;
color: #FFF;
display: flex;
-webkit-align-items:center;
align-items: center;
}
#mainTop .TopTxt{
width: 70%;
text-align: center;
}
#mainTop .TopTxt h2{
font-size: 5rem;
display: block;
text-align: left;
margin: 1.5rem 0;
}
#mainTop .TopTxt P{
text-align: left;
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
#mainTop{
min-height: 600px;
}
}
@media screen and (max-width: 767px) {
#mainTop{
min-height: 500px;
}
#mainTop .TopTxt{
width: 60%;
}
#mainTop .TopTxt h2{
font-size: 4rem;
}
#mainTop .TopTxt P{
}
}
@media screen and (min-width: 1024px) {
#mainTop .TopTxt{
width: 45%;
}
}
/**/
section#News{
padding: 0;
position: relative;
}
.cntBox{
position: relative;
}

/**/
#News::before{
content: '';
position: absolute;
left: 0;
top:0;
background-color: #ebebeb;
width: 35%;
height: 100%;
display: block;
z-index: -1;
}
#News::after{
content: '';
position: absolute;
right: 0;
top:0;
border-top: 10px solid;
border-image: linear-gradient(90deg, rgb(0, 150, 155), rgb(0, 155, 115))1;
background-color: #FFF;
width: 65%;
height: 100%;
display: block;
z-index: -1;
}
#News .flex_line2 li:first-child{
width: 25%;
}
#News .flex_line2 li.NewsCnt{
width: 75%;
background-color: #FFF;
padding: 1rem 4rem;
border-top: 10px solid;
border-image: linear-gradient(90deg, rgb(0, 150, 155), rgb(0, 155, 115))1;
}
#News .flex_line2 li h5{
text-align: right;
padding: 1rem;
}
#News .flex_line2 li dl{
padding: 2rem 0;
border-bottom: 1px solid #bfbfbf;
}
#News .flex_line2 li.NewsCnt .flex_line3 dt{
text-align: center;
width: 15%;
}
#News .flex_line2 li.NewsCnt .flex_line3 dd{
width: 17%;
font-size: 1.4rem;
}
#News .flex_line2 li.NewsCnt .flex_line3 dd:last-child{
width: 68%
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
section#News {
padding-bottom: 2rem;
}
#News::before{
width: 100%;
}
#News::after{
display: none;
}
#News .flex_line2,
#News .flex_line2 li.NewsCnt .flex_line3 {
flex-wrap: wrap;
}
#News .flex_line2 li{
width: calc(100% / 1 - 0rem);
margin-bottom: 2rem;
}
#News .flex_line2 li:first-child{
width: 100%;
margin-bottom: 0;
}
#News .flex_line2 li h5 {
text-align: left;
padding:2rem 0 0 0;
}
#News .flex_line2 li.NewsCnt{
width: 100%;
}
#News .flex_line2 li.NewsCnt .flex_line3 dd:last-child{
width: 100%;
text-align: left;
margin-top: 1rem;
}
#News .flex_line2 li.NewsCnt .flex_line3 dt{
width: 50%;
text-align: left;
}
#News .flex_line2 li.NewsCnt .flex_line3 dd{
width: 50%;
text-align: right;
}
#News .flex_line2 li dl:last-child{
border-bottom: 0px;
}
}
@media screen and (max-width: 767px) {
section#News {
padding-bottom: 2rem;
}
#News::before{
width: 100%;
}
#News::after{
display: none;
}
#News .flex_line2 li:first-child{
margin-bottom: 0;
}
#News .flex_line2 li h5 {
text-align: left;
padding:2rem 0 0 0;
}
#News .flex_line2 li.NewsCnt{
width: 100%;
}
#News .flex_line2 li.NewsCnt .flex_line3 dd:last-child{
width: 100%;
text-align: left;
margin-top: 1rem;
}
#News .flex_line2 li.NewsCnt .flex_line3 dt{
width: 50%;
text-align: left;
}
#News .flex_line2 li.NewsCnt .flex_line3 dd{
width: 50%;
text-align: right;
}
#News .flex_line2 li dl:last-child{
border-bottom: 0px;
}
}

/**/
#About .container-fluid{
padding: 0 0;
}
#About h3{
text-align: right;
padding-right: 18%;
}
#About .flex_line2{
position: relative;
-webkit-align-items: center;
top: -8rem;
}
#About ul{
position: relative;
top:-4rem;
}
#About .cntImg{
width: 45%;
}
.cntImg img{
width: 100%;
}
.Inimg{
padding: 2rem 0;
}
#About .cntTxt{
width: 55%;
}
.cntTxt.right{
padding-top: 80px;
padding-left: 2rem;
padding-right: 1.5rem;
}
.cntTxt.left{
padding-right: 2rem;
padding-left: 1.5rem;
}
#About .flex_line2 +.flex_line2{
padding-top: 3rem;
}

#About .Btn-gren{
margin-top: 3rem;
font-size: 1.4em;
padding: 1.5rem 6rem;
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
#About h3 {
padding-right: 3%;
}
}

@media screen and (max-width: 767px) {
#About h3 {
padding-right: 5%;
margin-bottom: 6rem;
}
#About .flex_line2 {
top: 0rem;
}
#About .cntImg,
#About .cntTxt{
width: 100%;
}
.cntTxt.right,
.cntTxt.left {
padding-top: 2rem;
padding-left: 1rem;
padding-right: 1rem;
}

#About .Inimg{
width: fit-content;
margin: auto;
}
}

/**/
#Mct .flex_line4{
flex-wrap: wrap;
}
#Mct .flex_line4 li{
width: 50%;
padding-bottom: 3rem;
}
#Mct .flex_line4 li:nth-child(odd){
padding-right: 1.5rem;
}
#Mct .flex_line4 li:nth-child(even){
padding-left: 1.5rem;
}
#Mct .Cntttl{
padding-bottom: 2rem;
}
#Mct .Cntttl h5{
margin-top: 3rem;
color: #000;
line-height: 1.25;
width: 100%;
font-size: 2.2rem;
padding-left: 1rem;
}
#Mct .Cntttl h5 span{
width: fit-content;
font-size: 2.8rem;
color:rgb(0, 150, 155);
display: block;
border-bottom:3px solid rgb(0, 150, 155);
}

#Mct p.why{
font-size: 1.2em;
line-height: 1.55;
}

@media screen and (max-width: 767px) {
.Cntttl.flex_line2{
display: block;
}
#Mct .Cntttl h5 span{
margin: auto;
}

#Mct .flex_line4 li{
width: 100%;
text-align: center;
}
#Mct .flex_line4 li P{
text-align: left;
}
#Mct .flex_line4 li:nth-child(even) {
padding-left: 0rem;
}
}
/**/
#Auction .flex_line3 li{
text-align: center;
}
#Auction .flex_line3 li h5{
width: fit-content;
padding-bottom: 2.5rem;
margin: auto;
color: #000;
line-height: 2.0;
font-size: 2.1rem;
}

#Auction .flex_line3 li h5 span{
width: fit-content;
padding-bottom: 0.5rem;
border-bottom:3px solid rgb(0, 150, 155);
margin: auto;
color: rgb(0, 150, 155);
font-size: 2.65rem;
}



/**/
#Format .flex_line5 dl{
top: 0;
border: 1px solid rgb(0, 150, 155);
background-color: #FFF;
text-align: center;
}
#Format .flex_line5 dl dd:nth-child(even){
border-top: 1px dotted rgb(0, 150, 155);
border-bottom: 1px dotted rgb(0, 150, 155);
}

#Format .flex_line5 dl dt{
padding: 0rem 1rem 8rem;
position: relative;
}
#Format .flex_line5 dl dt h5{
position: absolute;
bottom: 2.5rem;
left: 0;
right: 0;
margin: auto;
line-height: 1.35;
}

#Format .flex_line5 dl span{
width: 100%;
color: #000;
font-size: 1.8rem;
display: block;
}
#Format .flex_line5 dl em{
font-size: 1.8rem;
}
#Format .flex_line5 dl span.nWrap{
display: inline-block;
width: fit-content;
}
#Format .flex_line5 dl dd{
padding: 2.5rem 1rem;
display: flex;
-webkit-align-items: center;
align-items: center;
min-height: 12rem;
}
#Format .flex_line5 dl dd h5{
width: 100%;
text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
#Format .flex_line5 dl dt img{
width: 100%;
}
}
@media screen and (max-width: 767px) {
#Format .flex_line5 li{
width: calc(100% / 2 - 1rem);
margin-bottom: 2rem;
}
#Format .flex_line5 li:last-child{
margin-bottom: 0;
}
}
/**/
#Grading ul{
margin-top: 6rem;
}
#Grading ul li{
position: relative;
}
#Grading dl{
border: 2px solid #DDD;
}
#Grading dt{
position: relative;
cursor: pointer;
}
#Grading dt::before{
content: '';
background-image: url(../img/icon-plus.png);
background-repeat: no-repeat;
width: 51px;
height: 34px;
position: absolute;
right: 0;
top: 0.25rem;
}
#Grading dt img{
width: 100%;
}
#Grading dd{
padding: 2rem;
}
#Grading dd h5{
text-align: center;
width: fit-content;
padding-bottom: 0.5rem;
border-bottom:3px solid rgb(0, 150, 155);
margin: 0 auto 2rem;
}
#Grading dd P{
font-size: 1.65rem;
min-height: 6rem;
}
#Grading dd P span{
color: #ff2c74;
}
#Grading .grade{
position: absolute;
width: 9rem;
height: 9rem;
background: linear-gradient(90deg, rgb(0, 150, 155), rgb(0, 155, 115));
border-radius: 4.5rem;
text-align: center;
padding: 2rem;
margin: auto;
top:-4rem;
left: -1rem;
z-index: 99;
}
#Grading .grade P{
color: #FFF;
font-size: 3rem;
font-weight: bold;
line-height: 1.2;
}
#Grading .grade P span{
font-size: 1.2rem;
display: block;
}
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0; top: 0;
width: 100%; height: 100%;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
transition: opacity 0.4s ease;
pointer-events: none;
}

.modal.show {
display: block;
opacity: 1;
pointer-events: auto;
}

.modal-content {
margin: 5% auto;
display: block;
max-width: 90%;
max-height: 80vh;
}

.modal-close {
position: absolute;
top: 10px; right: 20px;
font-size: 30px;
color: white;
cursor: pointer;
}

@media screen and (max-width: 767px) {
#Grading ul li{
margin-bottom: 6rem;
}
}

/**/
#Type .flex_line2 li{
text-align: center;
}
#Type .flex_line2 li h5{
width: fit-content;
padding-bottom: 0.5rem;
border-bottom:3px solid rgb(0, 150, 155);
margin: auto;
}
#Type .flex_line2 li dl{
padding: 3rem 0;
text-align: left;
min-height: 25.0rem;
}
#Type .flex_line2 li dl dd{
position: relative;
padding-left: 3rem;
padding-bottom: 2rem;
}
#Type .flex_line2 li dl dd:last-child{
padding-bottom: 0;
}
#Type .flex_line2 li dl dd::before{
content: '●';
font-size: 1.6rem;
color: rgb(0, 150, 155);
position: absolute;
left: 0;
top:0.2rem;
}
#Type .Month{
position: relative;
padding: 0rem 3rem 3rem;
background-color: #f97100;
margin: 6rem 0;
border-radius: 2rem;
}
#Type .Month::before{
content: '';
position: absolute;
background-image: url('../img/back-bid01.png');
background-repeat: no-repeat;
top: -4rem;
left: 0;
width: 251px;
height: 91px;
display: block;
z-index: 0;
}
#Type .Exp{
position: relative;
padding: 0rem 3rem 3rem;
background-color: #1647b0;
border-radius: 2rem;
}
#Type .Exp::before{
content: '';
position: absolute;
background-image: url('../img/back-bid02.png');
background-repeat: no-repeat;
top: -4rem;
left: 0;
width: 251px;
height: 91px;
display: block;
z-index: 0;
}
#Type .Month h5,
#Type .Exp h5{
color: #FFF;
position: inherit;
z-index: 1;
padding-bottom: 0rem;
}
#Type .Month ul.line1,
#Type .Exp ul.line1{
padding-top: 3rem;
}
#Type .Month ul.line1 li,
#Type .Exp ul.line1 li{
position: relative;
padding: 2.5rem 2.5rem 2.5rem 7rem;
margin: 1px 0;
background-color: #FFF;
}
ul.line1 li span{
color: #ff2c74;
}
#Type ul.line1 li.bid1::before,
#Type ul.line1 li.bid2::before,
#Type ul.line1 li.bid3::before,
#Type ul.line1 li.bid4::before,
#Type ul.line1 li.bid5::before{
font-size: 3rem;
font-weight: bold;
position: absolute;
left:2rem;
top:1.5rem;
}
#Type .Month ul.line1 li::before{
color: #f97100;
}
#Type .Exp ul.line1 li::before{
color: #1647b0;
}
#Type ul.line1 li.bid1::before{
content: '1';
}
#Type ul.line1 li.bid2::before{
content: '2';
}
#Type ul.line1 li.bid3::before{
content: '3';
}
#Type ul.line1 li.bid4::before{
content: '4';
}
#Type ul.line1 li.bid5::before{
content: '5';
}
#Type .Exp ul.flex_line2{
margin-top: 3rem;
}
#Type .Exp ul.flex_line2 li{
background-color: #FFF;
padding: 2rem;
}
#Type .Exp ul.flex_line2 li h5{
color: #1647b0;
border: none;
padding-bottom: 0;
}
#Type .Exp .flex_line2 li dl dd::before{
color: #1647b0;
}
.InImgttl{
text-align: left;
position: relative;
color: #ff2c74;
padding-left: 3rem;
}
/*  .InImgttl::after{
content: '';
position: absolute;
right: 5rem;
top: 0;
bottom: 0;
background-image: url(../img/icon-arrow-bid.png);
background-repeat: no-repeat;
width: 70px;
height: 51px;
display: block;
margin: auto;
}*/
@media screen and (min-width: 768px) and (max-width: 1280px) {
.InImgttl::after{
}
}
@media screen and (max-width: 767px) {
.InImgttl::after{
}
#Type .Month,
#Type .Exp{
padding: 0rem 1rem 1rem;
}
#Type .Month::before,
#Type .Exp::before {
top:-3rem;
}
#Type .Month h5,
#Type .Exp h5{
padding-left: 1rem;
padding-bottom: 2rem;
}
}
/**/
#Bid .flex_line5{
margin: 4rem 0;
}
#Bid .flex_line5 li{
text-align: center;
}
.stepb{
background-image: url(../img/icon-arrow-step.png);
background-repeat: no-repeat;
background-position: top 33px left -25px;
background-size: contain;
}
.step{
width: 9rem;
height: 9rem;
background-color: #000;
border-radius: 4.5rem;
text-align: center;
padding: 2rem;
margin: auto;
}
.step P{
color: #FFF;
font-size: 3rem;
font-weight: bold;
line-height: 1.2;
}
.step P span{
font-size: 1.4rem;
display: block;
}
#Bid .flex_line5 li dl dt{
min-height: 15rem;
display: inline-flex;
-webkit-align-items: center;
align-items: center;
}
#Bid .flex_line5 li dl dd P{
font-size: 1.65rem;
font-weight: bold;
}
#Bid .flex_line5 li dl dd P.Aten{
font-size: 1.2rem;
margin-top: 1rem;
}

#Bid .flex_line5 li h5 {
width: fit-content;
padding-bottom: 0.5rem;
border-bottom: 3px solid rgb(0, 150, 155);
margin: 0 auto 1.5rem;
}

@media screen and (max-width: 767px) {
.stepb{
background-image: url(../img/icon-arrow-step_sp.png);
background-position: top 5.5rem left 29px;
background-size: inherit;
}
#Bid .flex_line5 li{
display: inline-flex;
align-items: flex-start;
}
#Bid .flex_line5 li .step{
margin: 5.5rem auto 0;
}
#Bid .flex_line5 li dl{
width: 75%;
padding-bottom: 4rem;
}
#Bid .flex_line5 li dl dt{
min-height: unset;
}
}
/**/
#Voice .flex_line3 li{
position: relative;
background-color: #FFF;
border: 2px solid rgb(0, 150, 155);
border-radius: 2rem;
padding: 3rem;
text-align: center;
}
#Voice .flex_line3 li P.Star{
padding: 2rem 0;
color: rgb(0, 150, 155);
font-size: 2.8rem;
text-align: center;
}
#Voice .flex_line3 li P{
text-align: left;
}
#Voice .flex_line3 li .flgimg{
position: absolute;
top:2rem;
right: 2rem;
}

/* === タブレット用 === */
@media screen and (min-width: 768px) and (max-width: 1280px) {}

/* === スマートフォン用 === */
@media screen and (max-width: 767px) {
.footer{
padding-bottom: 68px;
}
}

.acd-check{
    display: none;
}
.acd-label{
    color: #fff;
    display: block;
    margin-bottom: 1px;
    position: relative;
}
.acd-label:after{
    box-sizing: border-box;
    content: '＋';
    display: block;
    height: 52px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 8px;
}
.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:after{
    content: 'ー';
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 0;
    visibility: visible;
}