@charset "utf-8";
.main_visual{position:relative}
.main_visual .catch{position:absolute;text-align:center;font-weight:bold;color:#FFF;letter-spacing:0.1em;width:100%}
.main_visual .catch h1{width:auto;background:none;margin-bottom:0}
.main_visual .catch p{color:#FD3}

.user_voice{background:#E73;}
.user_voice .wrap{background:url(/images/assurance/img01_01_user-voice.png) no-repeat;padding:36px 0;color:#FFF;}
.balloon{background:#FFF;display:inline-block;padding:2px 20px;letter-spacing:0.2em;position:relative;margin-bottom:20px;color:#E73;}
.balloon:before{content:"";position:absolute;top:100%;left:20%;margin-left:-15px;border:5px solid transparent;border-top:15px solid #FFF;}

.warranty_top{text-align:center}
.warranty_top h2{background:#FFF;color:#000;width:auto;margin-bottom:0}
.warranty_top .subcap{display:inline-block;border-bottom:5px solid #FE0}

.text_box{background:#222;color:#FFF}
.text_box h3{background:none;padding:5px 10px;margin-bottom:7px;display:inline-block;font-size:3rem}
.text_box p:first-of-type{font-size:inherit}
.text_box p:last-of-type{margin:0;padding:0;text-align:right;font-size:1rem}

.modal{z-index:1000001;background:rgba(0,0,0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0}
.modal_img{z-index:1000002;text-align:right;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#EEE;padding:0px 10px 10px 10px;border:2px solid #555;border-radius:5px}
#modal{background-image:url(/images/assurance/img_btn_arrow.png);background-repeat:no-repeat;background-position:calc(100% - 10px);cursor:pointer}
#modal:hover{opacity:.5}
.close_trg {
	display: inline-block;
	width: 30px;
	height: 30px;
	right:-7px;
	bottom:-3px;
	position: relative;
	cursor: pointer;
  }
  .close_trg span::before,
  .close_trg span::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84%;
	height: 16%;
	margin: -8% 0 0 -42%;
	background: #555;
  }
  .close_trg span::before {
	transform: rotate(-45deg);
  }
  .close_trg span::after {
	transform: rotate(45deg);
  }

@media only screen and (min-width: 769px){
	.body-wrap{overflow-x: initial;}
	.main_visual .catch{top:40%}
	.main_visual .catch h1{font-size:4rem;}
	.main_visual .catch p{font-size:1.8rem;}
	
	.user_voice .wrap{background-position:left 0;padding-left:21%}
	.user_voice p:last-child{font-size:2rem;line-height:2em}
	
	.warranty_top h2{font-size:3rem}
	.warranty_top .subcap{font-size:1.4rem;}
	.warranty_top .submess{font-size:1.6rem;display:block;margin:40px 0}
	.warranty_top img{width:50%;display:inline-block;float:left;}
	
	.text_box{padding:1.5% 3%;text-align:left;width:50%;float:left;height:317px;}
	.warranty_top .text_box img{width:100%}
	.warranty_top:after{content:"";clear:both;display:block}
	
	
	.point_box{position:relative;padding-top:40px}
	.point_box:after{content:"";display:block;clear:both;}
	.point_box h3{text-align:center;font-size:2.6rem;color:#fff;border-bottom:#FFF 1px dashed;display:inline-block}
	.point_box .point{position:absolute;top:0;margin-left:50px;width:100%;text-align:left}
	.point_box .point p{padding:4px 10px;display:inline-block;font-size:1.2rem;color:#FFF;margin-top:1.1%;margin-left:2%;}
	.point_box .point .t1{background:#B22}
	.point_box .point .t2{background:#E73}
	.point_box .point .t3{background:#999}
	.point_box .point1{background-image:url(../images/assurance/img_05.jpg);background-repeat:no-repeat;background-size:cover;padding:8% 0;width:50%;float:left;}
	.point_box .point1:before{content:"";width:40px;height:40px;background-image:url(../images/assurance/point1.svg);position:absolute;top:0;left:0;background-size:cover}
	.orange_box{background:#E73;padding:12px 20px;color:#FFF;text-align:left;margin-bottom:20px;width:50%;float:left;}
	.orange_box>p>img{width:100%}
	.orange_box span{vertical-align:top}
	.orange_box .w_box{background:#FFF;padding:5px}
	.orange_box .w_box .waku{background:#E73;padding:5px;font-size:1.4rem;display:inline-block;font-weight:bold;width:53%;;text-align:center}
	.orange_box .w_box .waku i{font-size:3rem;color:#FF0;font-style:normal;font-weight:bold;}
	.orange_box .w_box .text{color:#000;font-size:2rem;display:inline-block;line-height:1.4em;width:45%;padding:0 8px;font-weight:bold;}
	.orange_box .b_box{line-height:2em;padding:10px 0}
	
	.point_box .point2{background-image:url(../images/assurance/img_07.jpg);background-repeat:no-repeat;background-size:cover;padding:8% 0;width:50%;float:right;}
	.point_box .point2:before{content:"";width:40px;height:40px;background-image:url(../images/assurance/point2.svg);position:absolute;top:0;left:0;background-size:cover}
	.orange_box .t_box{padding:5px;font-size:2rem;font-weight:bold}
	.orange_box .t_box i{font-size:3.6rem;color:#FF0}
	.orange_box .s_box{border:1px solid #FFF}
	.orange_box .s_box p{display:inline-block;vertical-align:top}
	.orange_box .s_box p:first-child{background:#FFF;padding:16px 10px;color:#000;font-weight:bold;width:28%}
	.orange_box .s_box p:last-child{padding:10px;width:70%;font-size:1.2rem;line-height:1.5em;}
	
	.point_box .point3{background-image:url(../images/assurance/img_09.jpg);background-repeat:no-repeat;background-size:cover;padding:8.5% 0;width:50%;float:left;}
	.point_box .point3:before{content:"";width:40px;height:40px;background-image:url(../images/assurance/point3.svg);position:absolute;top:0;left:0;background-size:cover}
	
	.point_box .point4{background-image:url(../images/assurance/img_10.jpg);background-repeat:no-repeat;background-size:cover;padding:8.2% 0;width:50%;float:right;}
	.point_box .point4:before{content:"";width:40px;height:40px;background-image:url(../images/assurance/point4.svg);position:absolute;top:0;left:0;background-size:cover}
	.point_box .note{font-size:1rem;text-align:left;padding:5px;margin-top:-20px;margin-bottom:20px;float:left}
	
	
	.point_box .point5{background-image:url(../images/assurance/img_15.jpg);background-repeat:no-repeat;background-size:cover;padding:8% 0;width:50%;float:left;}
	.point_box .point5:before{content:"";width:40px;height:40px;background-image:url(../images/assurance/point5.svg);position:absolute;top:0;left:0;background-size:cover}
	.point_box .o_pc{padding:25.5px 20px}
	
	.point_box .point6{background-image:url(../images/assurance/img_16.jpg);background-repeat:no-repeat;background-size:cover;padding:9.1% 0;width:50%;float:right;}
	.point_box .point6:before{content:"";width:40px;height:40px;background-image:url(../images/assurance/point6.svg);position:absolute;top:0;left:0;background-size:cover}
	.point_box .c_box{background:#FFF;color:#E73;font-size:1.2rem;margin:5px;padding:10px}
	.point_box .c_box span{color:#000;display:block;font-weight:bold}
	.point_box .c_box .box_1{display:inline-block;font-size:1.2rem;padding:4px 5px;color:#FFF;background:#E73;vertical-align:bottom}
	.point_box .c_box .box_2{display:inline-block;font-size:1rem;line-height:1.4em;color:#000;font-weight:bold;vertical-align:bottom}
	.point_box .c_box .box_3{display:inline-block;font-size:1.6rem;color:#000;font-weight:bold;vertical-align:bottom;}
	
	.warranty_second{background:#EEE;padding:10px 0;}
	.warranty_second .pc_box{width:49.5%;display:inline-block;vertical-align:top;}
	.warranty_second .wrap{width:960px;margin-auto;text-align:center}
	.warranty_second h2{background:#E73;color:#FFF;padding:10px 0;border-radius:0;font-size:2rem}
	.warranty_second h3{background:#000;color:#FFF;text-align:center;padding:5px;margin-bottom:10px}
	.warranty_second img{width:100%}
	.warranty_second .w_box{background:#FFF;padding:10px;text-align:center;margin-bottom:20px}
	.warranty_second .w_box p:last-child{font-size:4rem;color:#E73;font-weight:bold;}
	.y_box{font-weight:bold;background:#FF0;padding:10px;text-align:center;padding-top:20px}
	.y_box p{display:inline-block;vertical-align:top}
	.y_box p:first-child{font-size:4rem;color:#000;text-align:left;padding-top:10px}
	.y_box p:last-child{font-size:5rem;color:#E73;text-align:center;}
	.y_box p:last-child span{font-size:15rem;color:#E73;line-height:15rem}
	#modal{width:60%}
	.modal_img{width:960px}
	#modal>br{display:none}
}

@media only screen and (max-width: 768px){
	.main_visual .catch{top:28%}
	.main_visual .catch h1{font-size:2rem;}
	.main_visual .catch p{font-size:1.2rem;}
	
	.user_voice .wrap{background-position:-35% 0;background-size:45% auto;padding:15px 0;padding-left:30%;padding-right:10%}
	.user_voice p:last-child{font-size:1.4rem;line-height:1.6em}
	.user_voice p br{display:none}
	
	.warranty_top{width:95%;margin:auto}
	.warranty_top .submess{font-size:1.4rem;display:block;margin:20px 0;padding:0 5%}
	
	.text_box{padding:3%;text-align:left}
	
	.point_box{position:relative;padding-top:35px}
	.point_box h3{text-align:center;font-size:2.5rem;color:#fff;border-bottom:#FFF 1px dashed;display:inline-block}
	.point_box .point{position:absolute;top:0;margin-left:40px;width:100%;text-align:left}
	.point_box .point p{padding:2px 4px;display:inline-block;font-size:0.8rem;color:#FFF;margin-top:2.5%;margin-left:2%;}
	.point_box .point .t1{background:#B22}
	.point_box .point .t2{background:#E73}
	.point_box .point .t3{background:#999}
	.point_box .point1{background-image:url(../images/assurance/img_05.jpg);background-repeat:no-repeat;background-size:cover;padding:17% 0;}
	.point_box .point1:before{content:"";width:35px;height:35px;background-image:url(../images/assurance/point1.svg);position:absolute;top:0;left:0;background-size:cover}
	.orange_box{background:#E73;padding:5px;color:#FFF;text-align:left;margin-bottom:20px}
	.orange_box span{vertical-align:top}
	.orange_box .w_box{background:#FFF;padding:5px}
	.orange_box .w_box .waku{background:#E73;padding:5px;font-size:1.4rem;display:inline-block;font-weight:bold;width:53%;}
	.orange_box .w_box .waku i{font-size:3rem;color:#FF0;font-style:normal;font-weight:bold;}
	.orange_box .w_box .text{color:#000;font-size:2rem;display:inline-block;line-height:1.4em;width:45%;padding:0 8px;font-weight:bold;}
	.orange_box .b_box{line-height:2em;padding:10px 0}
	
	.point_box .point2{background-image:url(../images/assurance/img_07.jpg);background-repeat:no-repeat;background-size:cover;padding:17% 0;}
	.point_box .point2:before{content:"";width:35px;height:35px;background-image:url(../images/assurance/point2.svg);position:absolute;top:0;left:0;background-size:cover}
	.orange_box .t_box{padding:5px;font-size:2rem;font-weight:bold}
	.orange_box .t_box i{font-size:3.6rem;color:#FF0}
	.orange_box .s_box{border:1px solid #FFF}
	.orange_box .s_box p{display:inline-block;vertical-align:top}
	.orange_box .s_box p:first-child{background:#FFF;padding:16px 10px;color:#000;font-weight:bold;width:28%}
	.orange_box .s_box p:last-child{padding:10px;width:70%;font-size:1.2rem;line-height:1.5em;}
	
	.point_box .point3{background-image:url(../images/assurance/img_09.jpg);background-repeat:no-repeat;background-size:cover;padding:17% 0;}
	.point_box .point3:before{content:"";width:35px;height:35px;background-image:url(../images/assurance/point3.svg);position:absolute;top:0;left:0;background-size:cover}
	
	.point_box .point4{background-image:url(../images/assurance/img_10.jpg);background-repeat:no-repeat;background-size:cover;padding:17% 0;}
	.point_box .point4:before{content:"";width:35px;height:35px;background-image:url(../images/assurance/point4.svg);position:absolute;top:0;left:0;background-size:cover}
	.point_box .note{font-size:1rem;line-height:1.1em;text-align:left;padding:5px;margin-top:-15px;margin-bottom:20px}
	
	
	.point_box .point5{background-image:url(../images/assurance/img_15.jpg);background-repeat:no-repeat;background-size:cover;padding:17% 0;}
	.point_box .point5:before{content:"";width:35px;height:35px;background-image:url(../images/assurance/point5.svg);position:absolute;top:0;left:0;background-size:cover}
	
	.point_box .point6{background-image:url(../images/assurance/img_16.jpg);background-repeat:no-repeat;background-size:cover;padding:17% 0;}
	.point_box .point6:before{content:"";width:35px;height:35px;background-image:url(../images/assurance/point6.svg);position:absolute;top:0;left:0;background-size:cover}
	.point_box .c_box{background:#FFF;color:#E73;font-size:1.2rem;margin:5px;padding:10px}
	.point_box .c_box span{color:#000;display:block;font-weight:bold}
	.point_box .c_box .box_1{display:inline-block;font-size:1.2rem;padding:4px 5px;color:#FFF;background:#E73;vertical-align:bottom}
	.point_box .c_box .box_2{display:inline-block;font-size:1rem;line-height:1.4em;color:#000;font-weight:bold;vertical-align:bottom}
	.point_box .c_box .box_3{display:inline-block;font-size:1.6rem;color:#000;font-weight:bold;vertical-align:bottom;}
	
	.warranty_second{background:#EEE;padding:10px 0}
	.warranty_second .wrap{width:95%;margin-auto}
	.warranty_second h2{background:#E73;color:#FFF;padding:10px 0;border-radius:0;font-size:2rem}
	.warranty_second h3{background:#000;color:#FFF;text-align:center;padding:5px;margin-bottom:10px}
	.warranty_second img{width:100%}
	.warranty_second .w_box{background:#FFF;padding:10px;text-align:center;margin-bottom:20px}
	.warranty_second .w_box p:last-child{font-size:4rem;color:#E73;font-weight:bold;}
	.y_box{font-weight:bold;background:#FF0;padding:10px}
	.y_box p:first-child{font-size:1.8rem;color:#000;}
	.y_box p:last-child{font-size:5rem;color:#E73;text-align:center;}
	.y_box p:last-child span{font-size:15rem;color:#E73;line-height:15rem}
	.modal_img{width:90%}
	#modal{width:95%}
}