@charset "utf-8";
header .nav-list a{font-size:1.6rem;}

#toptop .rent_buy{background:#ededed;}
#toptop .rent_buy .container{position:relative;}
#toptop .rent_buy .midashi{max-width:526px;position:absolute;top:-140px;left:0;}
#toptop .rent_buy .img-side{display: flex;justify-content: center;}
#toptop .rent_buy .img-side .txt{box-sizing: border-box;width: 35%;padding:10px 5% 30px;background:#fff;z-index:2;text-align:center;margin: 10px;}
#toptop .rent_buy .img-side .pic{max-width:792px;width:50%;}
#toptop .rent_buy .img-side h4{font-weight:bold;line-height:1.6em;}
#toptop .rent_buy .img-side h4 span{background:linear-gradient(transparent 60%, #fcc26d 60%);}
#toptop .rent_buy .img-side p{margin:10px 0;}
#toptop .rent_buy .img-side .twobtns li a{width:auto;}
#toptop .box{
	width: 850px;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    color: #000;
    border: 6px double #333;
    text-align:left;
}
#toptop .sectitle{margin-bottom:55px;text-align:center;}
#toptop .sectitle h3{font-size: 4.0rem;font-weight: bold;}
#toptop .sectitle h3 span,#toptop .box span{background: linear-gradient(transparent 70%, #fcc26d 30%);}
#toptop .sectitle h2{font-size: 7.4rem;}

#toptop .access{padding-bottom:0;}
#toptop .access .sectitle{color:#ea8603;}
#toptop .access h4{font-weight:bold;border-bottom:2px solid #333;padding-bottom:15px;}
#toptop .access .flex{display:flex;margin:40px 0;}
#toptop .access p{margin-top:20px;}
.gmap {width: 100%;position: relative;padding-top: 36.25%;filter: initial;}

.error {
    display: inline-block;
    color: #e70303;
}
input.error {background: #f6aeae;}
textarea.error {background: #f6aeae;}

#entry form .required {
    color: #fff;
    background: #e70303;
    border-radius: 3px;
    padding: 4px 7px;
    float: right;
    line-height: 1em;
    margin: 0 10px;
}
.btn.line input{background:none;padding:0;}



#buy .container{padding-top:70px;}

/*buy*/
#buy h2.line{font-weight:bold;position:relative;padding:0 15px 15px;margin-bottom:40px;}
#buy h2.line::before, #buy .midashi::before{position:absolute;content:"";display:block;width:100%;height:2px;left:0;bottom:0;background:#d8d8d8;}
#buy h2.line::after, #buy .midashi{position:absolute;content:"";display:block;width:32%;height:2px;left:0;bottom:0;background:#003068;}
#buy .product li {margin-bottom: 10px;}
#buy .product li .txt h4{font-weight:bold;margin:20px 0 5px;margin-bottom: 20px;}
#buy .product li .txt .price{font-size:1.9rem;font-weight:bold;margin-bottom: 20px;}
#buy .product li .txt .price sub{font-weight:normal;display: block;line-height: 2.0rem;}
#buy .product li .txt .price span{font-size:2.2rem;padding-left:20px;}
#buy .product li .txt .price .sale2{color:#cb2f2f;}
#buy .product li .txt .price .sale3{
  text-decoration: line-through;
  text-decoration-color: #cb2f2f;
  text-decoration-style: double;
  display: block;
}
#buy .product li .txt .price p{
	font-weight:normal;
	font-size:1.6rem;
}
#buy .product li .txt .btn{margin:20px auto 15px;}
#buy .product li .txt .att{text-align:center;color:#ea8603;}
#buy .product li.soldout .lineup__main{position:relative;}
#buy .product li.soldout .lineup__main::before{position:absolute;content:"\7533\8FBC\307F\7D42\4E86";display:block;top:50%;left:50%;width:200px;line-height: 1.6em;
transform: translate(-50%,-50%);text-align:center;background:#333;padding:20px;color:#fff;font-weight:bold;font-size:2rem;border:3px solid #fff;}
#buy .product li.soldout .txt .btn{pointer-events:none;background:#999;color:#d1d1d1;}

#buy .spec h3{font-weight:bold;margin-top:40px;line-height:1.2em;margin: 0px 0 0 0;}
#buy .spec .pcflex{margin:30px 0 20px;}
#buy .spec .ti, #buy .spec table{font-size:1.4rem;}
#buy .pcflex table th{text-align:center;background:#ededed;font-weight:400;padding:12px 10px;vertical-align:middle;width:30%;border-bottom:1px solid #333;}
#buy .pcflex table td{padding:12px 15px;vertical-align:middle;width:70%;border-bottom:1px solid #333;}

#buy .spec .option{
	border-bottom:1px solid #000;
	padding:20px;
	align-items: flex-end;
	width: 80%;
    margin: 0 auto;
    }
#buy .spec .option div{width:auto;}
#buy .spec .option div img{height:150px;}
#buy .spec .option .name{width:400px;}

#buy .pcflex{display:flex;justify-content:space-between;}
#buy .pcflex table{width:49%;border-top:1px solid #333;}
#buy .product{display:flex;justify-content:space-between;flex-wrap:wrap;}
#buy .product .item{width: calc(48% - 40px);margin: 20px;}

#buy .lineup__read{
	text-align: center;
    margin-bottom: min(5vw, 60px);
    font-size: min(2vw, 2.4rem);
    line-height: 1.6;
}
#buy .lineup__flex {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


#buy li h4 {
    font-weight: bold;
    position: relative;
    color: #003068;
    margin-bottom: min(2.5vw, 3rem);
    font-size: min(2.92vw, 2.5rem);
    text-align: center;
}
#buy li h4::before {
    content: "";
    width: 100%;
    height: 3px;
    background: #003068;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
#buy li h4 span {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0 20px;
}
#buy .lineup__cont {
    width: 80%;
    text-align: center;
}
#buy .lineup__sub {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin: min(1.66vw, 2rem) auto min(5vw, 60px);
}
#buy .lineup__sub li {
    width: 32%;
}
#buy .flex {
    display: flex;
    align-items: flex-end;
}
#buy .btn{background:#ea8603;position:relative;text-align:center;font-weight:bold;display:block;width:250px;padding:10px 10px 12px;
font-size:2.0rem;line-height:1.8em;color:#fff;letter-spacing:0.04em;border-radius:0;}
#buy .btn:hover{background:#fcc26d;}
#buy .btn.navy{background:#003068;}
#buy .btn.navy:hover{background:#396e99;}
#buy .btn.black{background:#333;}
#buy .btn.black:hover{background:#999;}
#buy .btn.line::after{position:absolute;content:"";width:30px;height:1px;background:#fff;right:0;top:50%;margin-top:-1px;transition: all 0.2s ease-in-out;}
#buy .btn.line:hover::after{width:0;}

#buy .txt{margin-left:10px;}
#buy .price__term{font-size:1.5rem;}
#buy .spec{margin:50px 0;}
#buy .lineup__item{margin-bottom:100px;}

#buy .pagetitle{background:#003068;color:#fff;}
#buy h3 {text-align:center;margin:90px 0 65px;}
#buy h3 span{position: relative;padding:0 15px 15px;border-bottom: 2px solid #333;font-weight:bold;}
#buy h3 span::after{
	position: absolute;
    top: 100%;
    left: 50%;
    transform: skew(-40deg) translateX(-50%);
    height: 15px;
    width: 25px;
    border-right: 2px solid #333;
    background-color: white;
    content: "";
}
#buy .wh_wrapper{padding:50px 50px 70px;width: 60%;margin: 0 auto;}
#buy p a, #faq p a, #kiyaku p a{text-decoration:underline;}
#buy p a:hover, #faq p a:hover, #kiyaku p a:hover{text-decoration:none;}
#buy h4.border{font-weight: bold;position: relative;padding:0 10px 10px;margin:70px 0 25px;}
#buy h6{font-weight:bold;border-left:6px solid #ea8603;line-height:1.3em;padding-left:8px;margin:40px 0 15px;}
#buy .wh_wrapper .att{background:#ededed;padding:30px;margin-top:40px;}
#buy .steps li{display:flex;align-items:flex-start;padding-bottom:50px;position: relative;}
#buy .steps li::before{
	position: absolute;
	top: 0;
	left: 35px;
	width: 3px;
	height: 100%;
	background: #ea8603;
	content:"";
}
#buy .steps li.kikan::before{background:#29abe2;}
#buy .steps li:last-child{padding:0;}
#buy .steps li:last-child::before{display:none;}

#buy .steps li .number{
	position: relative;
	font-family: 'gmec';
	border-radius: 50%;
	width: 70px;
	height: 70px;
	text-align: center;
	background: #ea8603;
	color: #333;
	font-size: 3rem;
}
#buy .steps li .number p{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
#buy .steps li .number span{font-size:1.6rem;letter-spacing:0.18em;line-height:1.2em;color:#fff;display:block;margin-left:0.15em;}
#buy .steps li.kikan .number{background:#29abe2;}
#buy .steps li .text{margin:18px 0 0 15px;width:calc(100% - 85px);}
#buy .steps li .text h5{color:#ea8603;font-weight:bold;margin-bottom:15px;}
#buy .steps li.kikan h5{color:#29abe2;}

#buy .dotlist li{position:relative;padding:0 0 0 1em!important;margin:5px 0 0 0;display:block;}
#buy .dotlist li::before{
	content: "";
    background: #333;
    width: 4px;
    height: 4px;
    left: 0.5rem!important;
    top: 11px;
    display: inline-block!important;
    position: absolute;
}
#buy .sale{
	text-align: center;
    background: #cb2f2f;
    color: #fff;
    width: 500px;
    margin: 30px auto 50px;
    padding: 20px;
    font-size: 3.0rem;
    font-weight: bold;
}
#entry .btn input{background:#ea8603;padding:10px;}
#entry .btn input:hover {background: #fcc26d;}
/* PC */
@media screen and (min-width:769px){
#toptop .access .flex img{width:48%;}
#toptop .access .flex .txt{width:48%;margin-left:4%;}
form .new th{padding:32px 0 20px;width:30%;}
form .new td{padding:20px 0;width:70%;}
}
@media screen and (max-width: 1307px) {
header .nav-list li {margin-right: 25px;}
header .nav-list li:last-child{margin-right:15px;}
}
@media screen and (max-width: 1230px) {
/*header .logo img {max-width: 16.5vw;}*/
header .nav-list li a{font-size:1.5rem;line-height: 2.4em;}
#toptop .rent_buy .img-side .txt{width:58%;}
}
@media screen and (max-width: 1201px) {
#toptop .rent_buy .container{width:100%;}
}
@media screen and (max-width: 1161px) {
header .nav-list li{margin-right:20px;}
#toptop .rent_buy .img-side .txt{width:60%;}
}
@media screen and (max-width: 1113px) {
header .nav-list li a, footer nav ul li a, footer .subnav ul li a{font-size:1.4rem;}
#toptop .rent_buy .img-side .txt{top:5vw;}
#toptop .btn {margin: 0 auto;}

/*tablet==============================================*/
@media screen and (min-width:929px) and (max-width:1065px) {
header .nav-list li{margin-right:18px;}
#buy .product li .txt .price{font-size:1.8rem;}
#buy .product li .txt .price span{font-size:2rem;}
#buy .product li .txt .att{font-size:1.6rem;}
#buy .product li .txt .att br{display:none;}
#buy .btn {font-size:1.8rem;}

} 

/*ƒXƒ}ƒz==========================================*/
@media screen and (max-width: 928px) {
#toptop .bg img{width:80%;}
#toptop .sectitle h3{font-size: 3.0rem;line-height: 4.5rem;margin: 0 3px;}
#toptop .box {width: 95%;}
#toptop .rent_buy .img-side {flex-direction: column;}
#toptop .rent_buy {padding-bottom:6vw;}
#toptop .rent_buy .midashi{max-width: 60vw;left: 2vw;top: -22vw;}
#toptop .rent_buy .img-side .txt {width: 94%;padding:0 4vw 8vw;}
#toptop .rent_buy .img-side .pic{width:90%;}
#toptop .access .flex{flex-direction: column-reverse;margin:5vw 0 8vw;}
#toptop .access h4 span{display:block;}
#toptop .access .flex img{display:block;margin:4vw auto 0;}

#buy .pcflex table:first-of-type{border-top:1px solid #333;}
#buy .product li{margin-bottom:5vw;line-height: 3.0rem;}
#buy .product li .txt .price{font-size:2.8rem;}
#buy .product li .txt .price span{font-size:1.8rem;}

#buy .lineup__read {
        font-size: min(4vw, 2.4rem);
        margin-bottom: min(8vw, 60px);}
#buy .sale{width:auto;line-height: 3.2rem;}
#buy .product .item {width: 100%;}

#buy .lineup__cont {width: 100%;}
#buy .product li .txt .price sub {line-height: 3.5rem;}

#buy .flex {display: block;}
#buy li h4 {
        margin-bottom: min(4vw, 3rem);
        font-size: min(6vw, 4rem);
}
#buy .btn{width: 100%;}

#buy .product .item {margin:20px 0;}
}
    
@media screen and (max-width: 768px) {
#news .container, #buy .container{padding:10vw 0 12vw;}
#buy h2.line{padding:0 3vw 4vw;margin-bottom: 6vw;}
#buy .product li .txt .price span{padding:0;display:block;margin-top:3vw;}
#buy .product li .txt .att{text-align:left;}
#buy .product li .txt .att br{display:none;}
#buy .spec .pcflex{margin:5vw 0 4vw;}

#buy .pcflex {
        display: block;
    }
#buy .pcflex table {
    width: 100%;
    border-top: none;
}
#buy .wh_wrapper {
	width: 100%;
	padding: 30px 20px;
	}
.pagetitle h1 {
        line-height: 6.0rem;
    }
#buy .spec .option {
	margin:0 auto;
	width:100%
	}

#buy .spec .option div {
    width: 100px;
    margin: 0 auto;
}
#buy .spec .option div img {
    height: auto;
}
}

@media screen and (max-width: 576px) {
#toptop .sectitle h2 {font-size: 6rem;}
}