@charset "utf-8";
/* CSS Document */

@media screen and (max-width:480px) {

.ver2022 .support_h2_01,
.ver2022 .support_h2_02,
.ver2022 .support_h2_03{
width:100%; height:10vw;
padding-top:4vw;
margin:4vw auto;
background-image: url("https://www.nakamura-kaban.net/img/2022/warranty/support_back01.png");
background-repeat: no-repeat;
background-position: top left;
position:relative;
background-size:100%;
}
.ver2022 .support_h2_02{
background-image: url("https://www.nakamura-kaban.net/img/2022/warranty/support_back02.png");
}
.ver2022 .support_h2_03{
background-image: url("https://www.nakamura-kaban.net/img/2022/warranty/support_back03.png");
}
.ver2022 .support_h2_01 h2{
position:absolute;
top:0;
left:15%;width:70%;
background: linear-gradient(transparent 0%, #fff 0%);
text-align:center;
font-size:5vw;
}

.ver2022 .support_h2_02 h2,
.ver2022 .support_h2_03 h2{
position:absolute;
top:2vw;
left:15%;width:70%;
background: linear-gradient(transparent 0%, #fff 0%);
text-align:center;
font-size:5vw;
}
.ver2022 .support_h2_02 h2 img{
width:5vw;
}
.ver2022 .support01{
text-align:left;
}

.ver2022 .support01 div p:nth-of-type(1){
	position:absolute;
	top:0;left:0;
	font-size:6vw;
}
.ver2022 .support01 div p:nth-of-type(2){
	position:absolute;
	top:2vw;left:5vw;
	font-size:5vw;
}
.ver2022 .support01 div p:nth-of-type(3){
	position:absolute;
	top:2vw;left:11vw;
font-size:5vw;
}
.ver2022 .support01 div p:nth-of-type(4){
width:55vw;
padding:10vw 0 0 1vw;
font-size:4vw;
line-height:6vw;
}
.ver2022 .support01 div p:nth-of-type(5){
width:90vw;
padding-top:6.5vw;
text-align:center;
font-size:4vw;
}
.ver2022 .support01 div picture{
	position:absolute;
	top:10vw;right:0;
	width:30vw;
}
.ver2022 .support01_01,
.ver2022 .support01_02,
.ver2022 .support01_03,
.ver2022 .support01_04{
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	width:90vw;height:auto;min-height:45vw;
	margin:8vw auto 0 auto;
	position:relative;
}

.ver2022 .support02{
width:100%;
margin:4vw auto 0 auto;
text-align:center;
}
.ver2022 .support02 div:nth-of-type(1),
.ver2022 .support02 div:nth-of-type(6){
	width:90%;
	margin:4vw auto 9.5vw auto;
}
.ver2022 .support02_01{
width:44%;
margin:0 2vw 8vw 2vw;
display:inline-block;
letter-spacing:0em;
}
.ver2022 .support02_01 p{
	font-size:3.5vw;
	line-height:5vw;
	height:15vw;
	margin:0 auto 4vw auto;
}
.ver2022 .support02_01 p.l2-sp{
	height:10vw;
}
.ver2022 .support02_01 picture,
.ver2022 .support02_01 img{
	width:90%;
}

.ver2022 .support03{
width:100%; height:auto;
text-align:left;
margin:30px auto;
position:relative;
padding-top:0;
}
.ver2022 .support03 div p:nth-of-type(1){
	font-size:4.5vw;
	padding:0 0 4vw 5vw;
}
.ver2022 .support03 div p:nth-of-type(2){
	padding:0 0 6.5vw 10vw;
	line-height:5vw;
	width:80vw;
}
.ver2022 .support03_01{
width:64%;
position:static;top:auto;left:auto;
}
.ver2022 .support03 .support03_01 p:nth-of-type(2){
	width:59vw;
}
.ver2022 .support03_02{
top:1%;
right:5%;
position:absolute;
width:20%;
}
.ver2022 .support03_02 img{width:100%;}

.ver2022 .support03_03{
width:90%;
position:static;top:auto;left:auto;
}
.ver2022 .support03_04{
width:90%;
position:static;top:auto;left:auto;
}
.ver2022 .support_youtube_area{
	width: 100%!important;
	margin: 0 auto 30px auto;
	position: relative;
}
.ver2022 .support_youtube_area iframe{
	width: 90%!important;
	max-width: 100%!important;
	height: 50vw;
	display: block;
	margin: 0 auto;
}
.support06 p{
padding-bottom:8vw;
}
.shipcosttable p{
text-align:left;
padding-bottom:4vw;
}
.shipcosttable table{
font-size:4vw !important;
text-align:center !important;
}
.shipcosttable table td{
width:calc(100% * calc(27 / 100));
padding:2.5vw 0 !important;
}
.shipcosttable table tr td:nth-of-type(2){
width:calc(100% * calc(46 / 100));
text-align:left;
padding-left:4vw !important;
}
.shipcosttable table tr.leader td{
background-color:rgba(220,220,220,1);
text-align:center;
}

}

@media screen and (min-width:481px) {
@media screen and (max-width:1100px) {

/*calc(100vw * calc(0 / 1100))による再計算*/

.ver2022 .support_h2_01,
.ver2022 .support_h2_02,
.ver2022 .support_h2_03{
	width:calc(100vw * calc(1100 / 1100));height:calc(100vw * calc(100 / 1100));
	margin:calc(100vw * calc(20 / 1100)) auto 0 auto;
	background-image:url("https://www.nakamura-kaban.net/img/2022/warranty/support_back01.png");
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
	background-size:100%;
}
.ver2022 .support_h2_02{
	background-image:url("https://www.nakamura-kaban.net/img/2022/warranty/support_back02.png");
}
.ver2022 .support_h2_03{
	background-image:url("https://www.nakamura-kaban.net/img/2022/warranty/support_back03.png");
}
.ver2022 .support_h2_01 h2,
.ver2022 .support_h2_03 h2{
	position:absolute;
	top:calc(100vw * calc(40 / 1100));left:calc(100vw * calc(150 / 1100));
	background:linear-gradient(transparent 0%, #fff 0%);
	padding:0 calc(100vw * calc(10 / 1100));
	height:calc(100vw * calc(60 / 1100));
	font-size:calc(100vw * calc(21 / 1100));
}
.ver2022 .support_h2_02 h2{
	position:absolute;
	top:calc(100vw * calc(40 / 1100));left:calc(100vw * calc(150 / 1100));
	background:linear-gradient(transparent 0%, #fff 0%);
	padding:0 calc(100vw * calc(10 / 1100)) 0 calc(100vw * calc(15 / 1100));
	height:calc(100vw * calc(60 / 1100));
	font-size:calc(100vw * calc(21 / 1100));
}
.ver2022 .support_h2_02 h2 img{
	width:calc(100vw * calc(25 / 1100));
}
.ver2022 .support01{
	text-align:left;
}
.ver2022 .support01 div p:nth-of-type(1){
	position:absolute;
	top:0;left:0;
	font-size:calc(100vw * calc(20 / 1100));
}
.ver2022 .support01 div p:nth-of-type(2){
	position:absolute;
	top:calc(100vw * calc(5 / 1100));left:calc(100vw * calc(30 / 1100));
	font-size:calc(100vw * calc(20 / 1100));
}
.ver2022 .support01 div p:nth-of-type(3){
	padding:0 0 calc(100vw * calc(20 / 1100)) calc(100vw * calc(60 / 1100));
	font-size:calc(100vw * calc(21 / 1100));
}
.ver2022 .support01 div p:nth-of-type(4){
	width:calc(100vw * calc(350 / 1100));padding:0 0 0 calc(100vw * calc(60 / 1100));
	font-size:calc(100vw * calc(14 / 1100));
}
.ver2022 .support01 div p:nth-of-type(5){
	width:calc(100vw * calc(370 / 1100));
	padding:calc(100vw * calc(20 / 1100)) 0 0 calc(100vw * calc(90 / 1100));
	text-align:center;
	font-size:calc(100vw * calc(14 / 1100));
}
.ver2022 .support01 div picture{
	width:calc(100vw * calc(130 / 1100));height:calc(100vw * calc(130 / 1100));
	position:absolute;
	top:0;right:0;
}

.ver2022 .support01_01,
.ver2022 .support01_02,
.ver2022 .support01_03,
.ver2022 .support01_04{
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	width:calc(100vw * calc(600 / 1100));height:auto;
	margin:calc(100vw * calc(30 / 1100)) auto 0 auto;
	position:relative;
}
.ver2022 .support02{
	width:calc(100vw * calc(920 / 1100)); height:auto;
	margin:calc(100vw * calc(30 / 1100)) auto 0 auto;
	text-align:center;
}
.ver2022 .support02_01{
	width:calc(100vw * calc(200 / 1100)); height:calc(100vw * calc(224 / 1100));
	margin:calc(100vw * calc(40 / 1100)) calc(100vw * calc(15 / 1100)) calc(100vw * calc(30 / 1100)) calc(100vw * calc(15 / 1100));
	display:inline-block;
}
.ver2022 .support02_01 p{
	font-size:calc(100vw * calc(15 / 1100));
	line-height:calc(100vw * calc(18 / 1100));
	height:calc(100vw * calc(54 / 1100));
	padding-bottom:calc(100vw * calc(20 / 1100));
}
.ver2022 .support02_01 picture,
.ver2022 .support02_01 picture img{
	width:calc(100vw * calc(150 / 1100));
}
.ver2022 .support03{
	width:calc(100vw * calc(1000 / 1100));
	height:calc(100vw * calc(300 / 1100));
	text-align:left;
	margin: 0 auto calc(100vw * calc(30 / 1100)) auto;
	position:relative;
}
.ver2022 .support03 div p:nth-of-type(1){
	font-size:calc(100vw * calc(18 / 1100));
	padding-bottom:calc(100vw * calc(20 / 1100));
}
.ver2022 .support03 div p:nth-of-type(2){
	padding-left:calc(100vw * calc(15 / 1100));
	width:calc(100vw * calc(365 / 1100));
}
.ver2022 .support03_01{
	width:calc(100vw * calc(380 / 1100));
	top:calc(100vw * calc(100 / 1100));left:0;
	position:absolute;
}
.ver2022 .support03_02{
	top:calc(100vw * calc(50 / 1100));left:calc(100vw * calc(385 / 1100));
	position:absolute;
}
.ver2022 .support03_03{
	width:calc(100vw * calc(380 / 1100));
	top:0;left:calc(100vw * calc(620 / 1100));
	position:absolute;
}
.ver2022 .support03_04{
	width:calc(100vw * calc(380 / 1100));
	top:calc(100vw * calc(140 / 1100));left:calc(100vw * calc(620 / 1100));
	position:absolute;
}
.ver2022 .support_youtube_area{
	width: calc(100vw * calc(1000 / 1100));
	margin: 0 auto calc(100vw * calc(40 / 1100)) auto;
	position: relative;
}
.ver2022 .support_youtube_area iframe{
	width: 100%;
	max-width: calc(100vw * calc(683 / 1100));
	height: calc(100vw * calc(384 / 1100));
	display: block;
	margin: 0 auto;
}
.support06 p{
padding-bottom:calc(100vw * calc(55 / 1100));
}
.shipcosttable p{
text-align:left;
padding-bottom:calc(100vw * calc(10 / 1100));
}
.shipcosttable table{
font-size:calc(100vw * calc(15 / 1100)) !important;
text-align:center !important;
}
.shipcosttable table td{
width:calc(100% * calc(11.4 / 100));
padding:calc(100vw * calc(7 / 1100)) 0 !important;
}
.shipcosttable table tr.line2 td{
padding:calc(100vw * calc(15 / 1100)) 0 !important;
vertical-align:top;
}
.shipcosttable table td.leader{
width:calc(100% * calc(8.8 / 100));
background-color:rgba(220,220,220,1);
vertical-align:middle !important;
}

}
}
@media screen and (min-width:1101px) {

.ver2022 .support_h2_01,
.ver2022 .support_h2_02,
.ver2022 .support_h2_03{
	width:1100px;height:100px;
	margin:20px auto 0 auto;
	background-image:url("https://www.nakamura-kaban.net/img/2022/warranty/support_back01.png");
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
}
.ver2022 .support_h2_02{
	background-image:url("https://www.nakamura-kaban.net/img/2022/warranty/support_back02.png");
}
.ver2022 .support_h2_03{
	background-image:url("https://www.nakamura-kaban.net/img/2022/warranty/support_back03.png");
}
.ver2022 .support_h2_01 h2,
.ver2022 .support_h2_03 h2{
	position:absolute;
	top:40px;left:150px;
	background:linear-gradient(transparent 0%, #fff 0%);
	padding:0 10px;
	height:60px;
	font-size:21px;
}
.ver2022 .support_h2_02 h2{
	position:absolute;
	top:40px;left:150px;
	background:linear-gradient(transparent 0%, #fff 0%);
	padding:0 10px 0 15px;
	height:60px;
	font-size:21px;
}
.ver2022 .support_h2_02 h2 img{
	width:25px;
}
.ver2022 .support01{
	text-align:left;
}
.ver2022 .support01 div p:nth-of-type(1){
	position:absolute;
	top:0;left:0;
	font-size:20px;
}
.ver2022 .support01 div p:nth-of-type(2){
	position:absolute;
	top:5px;left:30px;
	font-size:20px;
}
.ver2022 .support01 div p:nth-of-type(3){
	padding:0 0 20px 60px;
	font-size:21px;
}
.ver2022 .support01 div p:nth-of-type(4){
	width:350px;padding:0 0 0 60px;
	font-size:14px;
}
.ver2022 .support01 div p:nth-of-type(5){
	width:370px;
	padding:20px 0 0 90px;;
	text-align:center;
	font-size:14px;
}
.ver2022 .support01 div picture{
	width:130px;height:130px;
	position:absolute;
	top:0;right:0;
}

.ver2022 .support01_01,
.ver2022 .support01_02,
.ver2022 .support01_03,
.ver2022 .support01_04{
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	width:600px;height:auto;
	margin:30px auto 0 auto;
	position:relative;
}
.ver2022 .support02{
	width:920px; height:auto;
	margin:30px auto 0 auto;
	text-align:center;
}
.ver2022 .support02_01{
	width:200px; height:224px;
	margin:40px 15px 30px 15px;
	display:inline-block;
}
.ver2022 .support02_01 p{
	font-size:15px;
	line-height:18px;
	height:54px;
	padding-bottom:20px;
}
.ver2022 .support02_01 picture,
.ver2022 .support02_01 picture img{
	width:150px;
}
.ver2022 .support03{
	width:1000px;
	height:300px;
	text-align:left;
	margin: 0 auto 30px auto;
	position:relative;
}
.ver2022 .support03 div p:nth-of-type(1){
	font-size:18px;
	padding-bottom:20px;
}
.ver2022 .support03 div p:nth-of-type(2){
	padding-left:15px;
	width:365px;
}
.ver2022 .support03_01{
	width:380px;
	top:100px;left:0;
	position:absolute;
}
.ver2022 .support03_02{
	top:50px;left:385px;
	position:absolute;
}
.ver2022 .support03_03{
	width:380px;
	top:0;left:620px;
	position:absolute;
}
.ver2022 .support03_04{
	width:380px;
	top:140px;left:620px;
	position:absolute;
}
.ver2022 .support_youtube_area{
	width: 1000px;
	margin: 0 auto 40px auto;
	position: relative;
}
.ver2022 .support_youtube_area iframe{
	width: 100%;
	max-width: 683px;
	height: 384px;
	display: block;
	margin: 0 auto;
}

.support06 p{
padding-bottom:55px;
}
.shipcosttable p{
text-align:left;
padding-bottom:10px;
}
.shipcosttable table{
font-size:15px !important;
text-align:center !important;
}
.shipcosttable table td{
width:calc(100% * calc(11.4 / 100));
padding:7px 0 !important;
}
.shipcosttable table tr.line2 td{
padding:15px 0 !important;
vertical-align:top;
}
.shipcosttable table td.leader{
width:calc(100% * calc(8.8 / 100));
background-color:rgba(220,220,220,1);
vertical-align:middle !important;
}


}