

/*スマホ*/
@media screen and (max-width:750px){
.designtop {width:100%;height:auto;margin:0px auto 0px auto;padding: 30px 0px 0px 0px;text-align:center;color: #000;}
.design{max-width:1100px;width:80%;height:auto;margin:0px auto 0px auto;padding: 40px 0px 40px 0px;text-align:center;color: #000;font-size: clamp(10px, 0.8vw, 12px);}
.designtop1 {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;color: #000;}
.designtext{width:100%;height: auto;margin: 0px auto 0px auto;padding: 20px 0px 0px 0px;text-align:left;font-weight: 400;line-height: 170%;font-size: clamp(12px, 1.2vw, 16px);}
.designfont2{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 10px 0px;letter-spacing:2px;font-weight: 400;line-height: 160%;font-size: clamp(14px, 1.2vw, 20px);}
.designcap{;width:100%;margin: 30px auto 0px auto;text-align:left !important ;padding: 30px 0px 20px 0px;line-height: 150%;font-size: clamp(10px, 0.8vw, 12px);}	
.designtext2 {position: absolute;left: 0;bottom: 0;width: 100%; background-color: rgba(0, 0, 0, 0.4); color: #fff;padding: 2px;font-size: clamp(8px, 0.8vw, 10px); box-sizing: border-box;text-align: left;line-height: 1.3;word-break: break-word;font-weight: 400;}
.designtop {position: relative;width: 100%;height: auto;margin: 0 auto;text-align: center;color: #000;}
.designtext1 {position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(0, 0, 0, 0.4); color: #fff;padding: 2px;font-size: clamp(8px, 0.8vw, 10px); box-sizing: border-box; text-align: left;line-height: 1.3; word-break: break-word; font-weight: 400;}
.designtop2 {position: relative;width: 100%;height: auto;margin: 0 auto;text-align: center;color: #000;}
.header li:nth-child(5) {margin: 0 ;background: linear-gradient(to bottom, #918656, #847c56);
transition: background-color .8s;height: 44px;display: flex;-webkit-justify-content: center;text-align: center;line-height: 110%;justify-content: center;border-right: solid 1px #ccc;align-items: center;}
.header li:nth-child(5) a{color: #fff;}}


/*PC*/
@media screen and (min-width:751px){
.designtop {width:100%;height:auto;margin:0px auto 0px auto;padding: 130px 0px 0px 0px;text-align:center;color: #000;}
.design{max-width:1100px;width:80%;height:auto;margin:0px auto 0px auto;padding: 40px 0px 40px 0px;text-align:center;color: #000;font-size: clamp(10px, 0.8vw, 12px);}
.designtop1 {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;color: #000;}
.designtext{width:100%;height: auto;margin: 0px auto 0px auto;padding: 20px 0px 0px 0px;text-align:center;font-weight: 400;line-height: 170%;font-size: clamp(12px, 1.2vw, 16px);}
.designfont2{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 10px 0px;letter-spacing:2px;font-weight: 400;line-height: 160%;font-size: clamp(16px, 1.4vw, 26px);}
.designcap{;width:100%;margin: 30px auto 0px auto;text-align:center !important ;padding: 30px 0px 20px 0px;line-height: 150%;font-size: clamp(10px, 0.8vw, 12px);}	
.designtext2 {position: absolute;left: 0;bottom: 0;width: 100%; background-color: rgba(0, 0, 0, 0.4); color: #fff;padding: 5px;font-size: clamp(8px, 0.8vw, 10px); box-sizing: border-box;text-align: right;line-height: 1.3;word-break: break-word;font-weight: 400;}
.designtop {position: relative;width: 100%;height: auto;margin: 0 auto;text-align: center;color: #000;}
.designtext1 {position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(0, 0, 0, 0.4); color: #fff;padding: 5px;font-size: clamp(8px, 0.8vw, 10px); box-sizing: border-box; text-align: left;line-height: 1.3; word-break: break-word; font-weight: 400;}
.designtop2 {position: relative;width: 100%;height: auto;margin: 0 auto;text-align: center;color: #000;}
.header li:nth-child(5) {margin: 0 ;background: linear-gradient(to bottom, #918656, #847c56);
transition: background-color .8s;height: 44px;display: flex;-webkit-justify-content: center;text-align: center;line-height: 110%;justify-content: center;border-right: solid 1px #ccc;align-items: center;}
.header li:nth-child(5) a{color: #fff;}}


@media only screen and (min-width:751px) and (max-width:980px) {

}

