/********************************
 東芝ブレイブルーパス東京Payページ用
*********************************/
/*共通*/
.bg_main{
	background-color: #F8F8F8;
  overflow-x: hidden;
}
.bg_brown{
	background-color: #B73800;
	color: #fff;
}
.bg_dporange{
	background-color:/* #E76415*/ #E61E1E;
	color: #fff;
}
.bg_plorange{
	background-color: #FCAA42;
}
.bg_stitch{
	background: #F5EFD7 url("../img/part2/part2_bg_plaid.png") repeat;
  background-size: 34px;		
}
.bg_pt3grey{
	background-color: #504F54;
}
.bg_pt3red{	background-color: #E61E1E;}
.bg_pt3blue{	background-color: #0C5B9D;}
.text_pt3red{	color: #E61E1E;}
.text_brown{	color:  #B73800;}
.text_dporange{	color: #E76415;}
.pt3_h2_text{
	text-align: center;
}
.pt3_h2_text p{
	font-weight: 700;
	font-size: 1.9rem;
	line-height: 1.47;
}
.ml_0{	margin-left: 0;}
.text_center{	text-align: center;	}
.text_right{ text-align: right;}
.text_left{	text-align: left;}
.z_1{	z-index: 1;}
.hover:hover{	opacity: 0.5;}
.anchor{
	display: block;
	padding-top: 60px;
	margin-top: -60px;
}
/*インストール:汎用*/
.app_inst {
	display: flex;
	justify-content: center;
}
.app_inst li:last-child {
	margin-left: 10px;
}
/*パンくず汎用*/	
.pt3_breadcrums{
	display: flex;
	font-size: 1.2rem;
	font-weight: 600;		
}	
.pt3_breadcrums a{
	text-decoration: underline;
	color: #E61E1E;
}
.pt3_breadcrums .arrow{
	padding: 0 5px;
}	
/*---*header-----*/

/*---Main Visual-----*/
.pt3_mv .bg_main{
	height: 188vw;
	max-height: 770px;
	background-image: url("../img/part3/pt3_bg_main_sp.webp");
	background-repeat: no-repeat;
	background-size: cover;	
	background-position: bottom;
} 
.pt3_mv .top_logo{
	width: 182px;
	padding-top: 11px;
	margin-bottom: 10px;
	margin-left: 5%;
}
.pt3_mv h1{
	font-size: 1.8rem;
	color: #fff;
	font-weight: 900;
	margin-left: 5%;
  line-height: 1.4;
}
.pt3_mv .mvimg_wrap{
	width: 100vw;
	max-width: 445px;
	padding-left: 5%;
	margin-left: -10px;
	margin-top: -12px;
}
.pt3_mv .inst_wrap{
	margin: -42px auto 0px;
	padding: 0 40px 10px;
	max-width: 480px;	
}

/*---overview-----*/
.pt3_ov{
	padding: 0 5%;
	margin-top: -74px;	
	margin-bottom: 100px;
}
.pt3_ov .ov_wrap{
	background-color: #fff;
	padding: 40px 5% 50px;
	border-radius: 8px;
	margin: auto;
	z-index: 1; 	
}
.pt3_ov .margin_tb{
	padding-top: 40px;
	padding-bottom: 90px;
}
.pt3_ov .img_wrap{
	margin-top: 15px;
	margin-bottom: 16px;
}
.pt3_notes{
	font-size: 1.2rem;
	margin-top: 8px;
	line-height: 1.4;
}
.pt3_link_btn{
	display: flex;	
	background-color: #E61D1E;
	color: #fff;
	margin: 22px auto 67px;
	padding: 15px 10px 17px 22px;
	font-size: 1.6rem;
	max-width: 295px;
	font-weight: 700;
	border-radius: 50px;
	justify-content: center;
	align-items: center;
	line-height: 1.5;
}
.pt3_link_btn .arrow{
	display: block;
	width: auto;
	height: 40px;
	padding-left: 20px;
}
.pt3_ov .limited{
	margin-top: 5px;	
	padding: 4px 0;
	width: 187px;
	font-weight: 700;
	color: #E61E1E;
	text-align: center;
	border: 3px #E61E1E solid;
}
.pt3_ov .special{
	margin-top: 26px;
	font-size: 1.6rem;
	text-decoration: underline;
	margin-bottom: 7px;
}
.pt3_ov .special li::before {
  content: "●"; 
  margin-right: 0.2em; 
  text-decoration: none;   
  display: inline-block;
}

/*---spec-----*/
.pt3_spec{
	margin-top: -144px;
}
.pt3_spec .clip_base::before{
  content: "";
  position: absolute;
  inset: 0;/* 上下左右ぜんぶに広げる */
	background-color: #504F54;
	clip-path: polygon(0 100px, 100% 0, 100% calc(100% - 100px), 0 100%);
}
.pt3_spec .wrap{
	padding-top: 100px;
	padding-bottom: 100px;
}
.pt3_spec .spec_table{
  font-size: 1.0rem;
	font-weight: 500;
  text-align: center;
  line-height: 1.5;
	margin-top: 54px;
}
.pt3_spec .spec_name{
	height: 38px;
	border-radius: 20px 20px 0 0 ;
	padding-top: 18px;
	padding-bottom: 6px;
	font-weight: 700;
	letter-spacing: 0.0;
	white-space: nowrap;
}
.pt3_spec .spec_name .sotona{
	width: 85px;
	top: -42px;
	left: 50%;
	transform: translateX(-50%);
}
.pt3_spec .spec_name .digina{
	width: 40px;
	top: -37px;
	left: 50%;
	transform: translateX(-50%);
}
.pt3_spec .table_col1{
	background-color: #F8F8F8;
	width: 24vw;
	max-width: 277px;
	text-align: left;
}
.pt3_spec .table_col2{
	background-color: #fff; 
	width: 33vw;
}
.pt3_spec .spec_table th, 
.pt3_spec .spec_table td{
  border: solid 2px #D5D5D5;
  border-collapse: collapse;
  vertical-align: middle;
}
.pt3_spec .spec_table td{
  padding: 14px 10px;
}
.pt3_spec .spec_table .spec_table_none{
  border: none;
}
.pt3_spec .spec_name{
	height: 48px;
	border-radius: 20px 20px 0 0 ;
}
.pt3_spec .caution_wrap{
	color: #fff;
}
.pt3_spec .caution_wrap,
.pt3_points .caution_wrap{
	font-size: 1.0rem;
	padding-top: 14px;
}
.pt3_spec .caution_wrap .kome,
.pt3_points .caution_wrap .kome{
	min-width: 22px;
}
.pt3_spec .caution_wrap .payeasy {
	display: inline-block;
	border: solid 1px #17474F;
	padding: 10px;
	text-indent: 0;
	margin-top: 5px;
	background-color: #fff;
	color: #707070;
}

/*---6points-----*/
.pt3_points{
/*	clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%);
	background-color: #F8F8F8;
	padding-top: 80px;
	margin-top: -100px;*/
}
.pt3_points .pt3_h2_text{
	padding-top: 40px;
	margin-bottom: 20px;
}
.pt3_points .container_wrap{
	max-width: 380px;
	margin: auto;
}
.pt3_points .container{
	margin-bottom: 10px;
}
.pt3_points .title_points{
	background-color: #E61E1E;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 20px 20px 22px 22px;
}
.pt3_points .detail_points{
	padding: 20px 20px 30px 20px;	
	background-color: #fff;
}
.pt3_points .pt3_notes{
	display: block;
	line-height: 1.41;
	padding-top: 4px;
}

/*---scene-----*/
.pt3_scene{
	clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%);
	padding-top: 72px;
	padding-bottom: 2px;
}
.pt3_scene .pt3_h2_text{
	padding-top: 40px;
	margin-bottom: 14px;
}
.pt3_scene .container_wrap{
	margin: auto;
}
.pt3_scene .container{
	background-color: #fff;
	border-radius: 10px;
	padding: 0px 12px 0px 19px;
	min-height: 134px;
}
.pt3_scene .container:not(:last-child){
	margin-bottom: 14px;	
}
.pt3_scene .container::before{
	content: "";
	position: absolute;
	top: -29px;
	left: 11px;
	width: 33px;
	height: 84px;
	background-image: url(../img/part3/pt3_quote.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.pt3_scene .h3_title{
	padding-bottom: 4px;
	display: inline-block;
	margin-top: 14px;
	margin-bottom: 10px;
	font-size: 1.8rem;
	font-weight: 700;
}
.pt3_scene .text{
	padding-bottom: 16px;
}
.pt3_scene .img_chara_3{
	width: 34vw;
  right: 0%;	
}
.pt3_scene .container .text_underline{
	font-weight: 700;
}
/*---begin-----*/
.pt3_begin .bg_pt3red{
	padding-bottom: 157px;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 100px), 0 100%);
	margin-top: -2px;/*白筋消去*/
}
.pt3_begin .pt3_h2_text{
  padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 5%;
	line-height: 1.428;
}
.pt3_begin .begin_wrap{
	background-color: #fff;
	margin-right: 4.27%;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	letter-spacing: 0.02em;
}
.pt3_begin .main_img{
	display: block;
	margin: auto;
	width: 207px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 16px;	
}
.pt3_begin .howto_wrap{
	margin-left: 5%;
}
.pt3_begin .howto_wrap::before {
  content: "";
  position: absolute;
  left: -3px;
  top: 20px;
  bottom: 0;
  width: 3px;
  background: #E61E1E;
}
.pt3_begin .howto_order{
	padding-bottom: 40px;
	padding-left: 15px;
}
.pt3_begin .begin_wrap h3{
	position: relative;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
  text-align: left;
	padding-left: 0px;
}
.pt3_begin .begin_wrap h3 .pt{
	padding-top: 3px;
	display: block;
}



.pt3_begin .begin_wrap h3::before{
	content: "";
	position: absolute;
	top: 3px;
	left: -26px;
	width: 20px;	
	height: 20px;
	border-radius: 50%;
	background-color: #E61E1E;
}
.pt3_begin .howto_text,
.pt3_begin .howto_textorder,
.pt3_begin .howto_kome{
	font-size: 1.4rem;
  padding-right: 10px;
  margin-left: 10px;
	margin-top: 30px;
}
.howto_textorder{
	text-indent: -1.0em;
  padding-left: 1.0em;	
}
.howto_kome{
	text-indent: -1.1em;
	padding-left: 1.1em;
}
.pt3_begin .inst_wrap{
	width: 295px;
	max-width: 100%;
	padding: 20px 5px 40px 0;
}



/*---relief-----*/
.pt3_relief{
	padding-bottom: 110px;
	padding-top: 13px;
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 100px), 0 100%);
}
.pt3_relief ul{
	width: 300px;
	margin: 27px auto 0;
}
.pt3_relief li{
	width: 300px;
	height: 300px; 
	background-color: #fff;
	border-radius: 50%; 
	margin: 0 auto;
	text-align: center;	
	margin-bottom: 20px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);	
}
.pt3_relief h3{
	font-weight: 700;
	font-size: 1.8rem;
	padding-top: 72px;
	margin-bottom: 32px;
}
.pt3_relief h3::after{
	position: absolute;
	content: '';	
	width: 134px;
	height: 2px;
	background-color: #E61E1E;
	left: 50%;
	transform: translate(-50%, 43px);
}
.pt3_relief .text{
	width:208px;
	font-size: 1.4rem;
	line-height: 1.7;
	margin: auto;
	line-break: strict;
}
	.pt3_relief .kome{
		font-size: 1.2rem;
		line-height: 1.2;
		padding-top: 5px;
	}		
.pt3_relief .img_1{
	width: 260px;
	top: 217px;
	left: -49px;
	transform: rotate(0deg);
}
.pt3_relief .img_2{
	width: 208px;
	top: 472px;
	right: -25px;
}

/*---faq-----*/
.pt3_faq .bg_pt3grey{
	clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%);
}
/*.pt3_faq .pt3_h2_text{
	text-align: left;
}*/
.pt3_faq .wrap{
  padding-top: 140px;
  margin-top: -100px;
	padding-bottom: 60px;
}
.pt3_faq ul{
	margin-top: 30px;
}
.pt3_faq .question{
	margin-bottom: 20px;
	display: flex;
}
.pt3_faq li{
	margin-bottom: 30px;
}
.pt3_faq .question .q{
	width: 28px;
	height: 28px;
	margin-right: 13px;
}
.pt3_faq .question .text{
	font-size: 1.6rem;
	font-weight: 700;
	flex: 1;
	color: #fff;
}
.pt3_faq .answer{
	background-color: #F8F8F8;
	border-radius: 0 20px 20px 20px;
	padding: 20px 20px 28px;
	font-weight: 500;
}
.pt3_faq .link_help{
	display: block;
	font-weight: 700;
	margin: auto;
	text-decoration: underline;
	text-align: center;
}

/*---download-----*/
.pt3_download{
	padding-top: 40px;
	padding-bottom: 40px;
}
.pt3_download h2{
	text-align: center;
	color: #fff;
	font-size: 2.2rem;
	line-height: 1.45;
	font-weight: 700;
	margin-bottom: 16px;
}
.pt3_download .inst_wrap{
	margin: auto;
	padding: 0px 40px;
	max-width: 480px;
}


/*パンくず*/	
.pt3_breadcrums{
	padding-top: 19px;
}




/*---Footer-----*/
footer{
	background-color: #fff;
	padding-top: 40px;
	padding-bottom: 60px;
}
footer .footer_logo{
	width: 106px;
	margin-bottom: 30px;
}
footer p, footer li{
	margin-bottom: 20px;
}
footer .line{
	background-color: #707070;
	height: 1px;
	width: 100%;
	margin-bottom: 20px;
}
footer small{
	display: block;
	font-size: 1.0rem;
	margin-top: 35px;
}





/*---*壁紙配布ページ-----*/
/* ページの初期状態は非表示 */
/*body {
	display: none;
	text-align: center;
	background-color: #f4f4f4;
}*/

/* モーダルの背景 */
#passwordModal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7); /* 半透明の背景 */
	display: flex;
	justify-content: center;
	align-items: center;
}
/* モーダルボックス */
.modal-content {
	background: white;
	padding: 20px 20px 30px;
	border-radius: 10px;
	max-width: 345px;
	margin: 0 15px;
}
.modal-content h2{
	font-weight: 700;
	line-height: 1.47;
	margin-bottom: 20px;
}
.modal-content p{
	font-size: 1.4rem;
}
/* パスワード入力フィールド */
.password-wrapper {
	position: relative;
	width: 100%;
}
.password-wrapper input {
	width: 100%;
	padding: 16px 15px;
	font-size: 1.5rem;
	border: none;
	outline: none;
	background: rgba(23, 56, 51, 0.05);
	color: #333;
}
.password-wrapper input::placeholder{
	color: rgba(23, 56, 51, 0.26); 
}
/* アイコン */
/*.password-wrapper .toggle-password {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 18px;
}*/
/* エラーメッセージ */
#errorMsg {
	color: red;
	display: none;
	margin-top: 10px;
}
/* ボタン */
.p2_benefit_pop button {
	margin-top: 36px;
	padding: 10px 20px;
	font-size: 1.4rem;
	font-weight: 700;
	border: none;
	background: #E7620A;
	color: #fff;
	border-radius: 22px;
	cursor: pointer;
	width: 100%;
}
/* 壁紙配布本体 */
.p2_benefit .header_wrap{
	height: 60px;
	padding-top: 8px;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .16);
}
.p2_benefit .header_logo{
	display: block;
	height: 45px;
	margin: 0 auto;
}
.p2_benefit .wrap{
  margin: 0 auto;
  padding-right: 5%;
  padding-left: 5%;
	max-width: 500px;
}
.p2_benefit h1{
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6;
	border-bottom: 1px solid #707070;
	padding-bottom: 12px;
	margin-top: 25px;
	margin-bottom: 20px;
	letter-spacing: -0.4px;
}
.p2_benefit .download{
	margin: 30px 10px;
	letter-spacing: 0.1rem;
}
.p2_benefit .download li a{
	display: block;
	text-align: center;
	background-color: #E76209;
	height: 40px;
	line-height: 40px;
	color: #fff;
}
.p2_benefit .download li:not(:last-of-type){
	margin-bottom: 20px;
}
.p2_benefit .caution{
	font-size: 1.2rem;
	line-height: 1.6;
	text-indent: -1.2em;
	padding-left: 1.2em;
	margin-bottom: 45px;
  letter-spacing: 0.1em;
}
.p2_benefit .caution li{
	padding-bottom: 6px;
}
.p2_benefit_footer{
	height: 70px;
	line-height: 70px;
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
	background-color: #B73701;
	padding: 0;
}
/*---*壁紙配布ページここまで-----*/









/*---------------------------
*レスポンシブ
---------------------------*/
/*共通*/
.pc{
	display: none;
}
.tablet{
	display: none;
}
@media screen and (min-width:768px) {
  body{
  	font-size: 1.8rem;
  }
  .sp{
    display: none;
  }
  .pc{
    display: block;
  }
	.pt3_h2_text p{
		font-size: 3.6rem;
		margin-bottom: 8px;
		/*padding: 0 12px;*/
	}
	.anchor{
		padding-top: 80px;
		margin-top: -80px;
	}
	
/*インストール:汎用*/
	.app_inst li{
		background-color: #fff;
		padding: 15px 15px 20px 15px;
		border-radius: 10px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	}
	.app_inst .name_device{
		font-weight: 700;
		color: #333333;
		font-size: 1.8rem;
		margin-bottom: 11px;
		text-align: center;
	}
	.app_inst .app_logo_wrap{
		display: flex;
		align-items: center;
	}
	.app_inst .app_logo{
		height: auto;
		max-height: 68px;
		width: 100%;
		padding-right: 12px;				
	}
	.app_inst .qr{
		width: 45%;
		height: auto;
		max-width: 84px;
	}
	
/*---Main Visual-----*/	
	.pt3_mv .bg_main{
    height: 70vw;
    max-height: 875px;		
		background-image: url("../img/part3/pt3_bg_main_pc.webp");
	} 
	.pt3_mv .mv_wrap{
		padding-top: 40px;
		justify-content: center;
		max-width: 1040px;
		margin: auto;
		padding: 0 20px;	
	}
	.pt3_mv .top_logo{
		padding-top: 32px;
		margin-left: 0;
		width: 288px;
	}
	.pt3_mv h1{
		font-size: 2.2rem;
		margin-left: 0;
	}
	.pt3_mv .mvimg_wrap{
		margin: 0;
		width: 90vw;
		max-width: 1096px;
		padding: 0;
	}
	.pt3_mv .inst_wrap{
		padding: 15px 0 0 0;
		margin: -19vw 0 0 0;
	}
	.pt3_mv .app_inst{
		max-width: 422px;
	}
	.pt3_mv .app_inst .name_device{
		font-size: 1.1rem;
	}
	.pt3_mv .app_inst li{
		padding: 10px;
	}
	.pt3_mv .app_inst .app_logo{
		padding-right: 6px;
	}
	.pt3_mv .app_inst .qr{
		max-width: 50px;
	}
	/*パンくず*/	
	.pt3_breadcrums{
		display: flex;
	}

	
	/*---overview-----*/
	.pt3_ov{
		max-width: 1040px;
		margin: -7vw auto 0;
		padding: 0 20px;		
	}
	.pt3_ov .ov_wrap{
		padding: 0;
	}
	.pt3_ov .img_app{
		max-width: 334px;
	}
	.pt3_ov .pt3_h2_text p{
		margin: 0;
		padding: 0;
	}
	.pt3_ov .text_wrap_1{
		padding-top: 48px;
	}
	.pt3_ov .text{
		padding-top: 22px;
		max-width: 521px;
	}
	.pt3_link_btn{
		font-size: 1.8rem;
		width: 485px;
		max-width: fit-content;
	}
	.pt3_ov .limited_wrap{
		
	}
	.pt3_ov .text_wrap_2{
		padding: 60px 0 141px 68px;
	}
	.pt3_ov .limited{
		font-size: 2.2rem;
		width: 355px;
		padding-top: 8px;
	}
	.pt3_ov .img_app_2{
		position: absolute;
    top: 8px;
    right: 0;		
		width: 50vw;
    max-width: 561px;
	}


	/*---spec-----*/
	.pt3_spec{
    margin-top: -178px;
	}
	.pt3_spec .clip_base::before{
		clip-path: polygon(0 360px, 100% 0, 100% calc(100% - 360px), 0 100%);
	}
	.pt3_spec .wrap{
		padding-top: 290px;
		padding-bottom: 200px;
	}
	.pt3_spec .pt3_h2_text{
		padding-top: 0;
	}
	.pt3_spec .title_wrap{
		text-align: center;
	}
	.pt3_spec .spec_table{
    font-size: 1.8rem;
		margin: 132px auto 0;
  }
	.pt3_spec .spec_name{
		height: 110px;
	}
	.pt3_spec .spec_name .digina{
		width: 85px;
		top: -80px;
	}
	.pt3_spec .spec_name .sotona{
		width: 191px;
		top: -100px;
	}	
	.pt3_spec .spec_table th{
    font-size: 2.2rem;
  }
	.pt3_spec .spec_table td{
    padding: 29px;
  }
	.pt3_spec .spec_table .asta{
		font-size: 1.4rem;
	}
	.pt3_spec .spec_table .table_col1{
		font-size: 1.6rem;
		padding-right: 8px;
	}
	.pt3_spec .caution_wrap{
		z-index: 100;			
	}
	.pt3_spec .caution_wrap,
	.pt3_points .caution_wrap
	{
		font-size: 1.6rem;
		margin-left: 0;
		padding-top: 30px;
	}
	.pt3_spec .caution_wrap .kome,
	.pt3_points .caution_wrap .kome
	{
		min-width: 40px;
	}
	.pt3_spec .caution_wrap .payeasy {
		padding-right: 15px;
		font-size: 1.4rem;
  }
	
	/*---6points-----*/	
	.pt3_points .pt3_h2_text{
		padding-top: 0px;
		margin-bottom: 60px;
	}
	.pt3_points .container_wrap{
	  flex-wrap: wrap;	
		max-width: none;
		align-items: stretch;
    justify-content: space-around;
		margin-right: -20px;
	}
	.pt3_points .container{
		margin-bottom: 5px;
    margin-right: 5px;
/*		min-width: 10vw;*/
    max-width: 335px;
/*    width: 34vw;	*/
	}
	.pt3_points .title_points{
		height: 130px;
		font-size: 2.0rem;
		padding: 0;
	}
	.pt3_points .title_points p{
		position: absolute;
	  top:50%;
		left:55%;
		transform:translate(-50%,-50%);
		width:100%;	
	}
	.pt3_points .detail_points{
		font-size: 1.6rem;
		height: 190px;
	}
	
	/*---scene-----*/
	.pt3_scene{
		clip-path: polygon(0 362px, 100% 0, 100% 100%, 0 100%);
		padding-top: 358px;
	}
	.pt3_scene .pt3_h2_text{
		padding-top: 0px;
		margin-bottom: 60px;
	}
	.pt3_scene .container_wrap{
		padding: 0 70px;
	}
	.pt3_scene .container{
		border-radius: 30px;
		padding: 50px 40px 57px 40px;
	}
	.pt3_scene .container:not(:last-child){
		margin-bottom: 50px;
	}
	.pt3_scene .container::before{
		top: -60px;
		left: 11px;
		width: 55px;
		height: 195px;		
	}
	.pt3_scene .h3_title{
		margin: 0;
		font-size: 2.8rem;
	}
	.pt3_scene .text{
		padding-bottom: 0;
		padding-top: 20px;
		font-size: 1.6rem;
	}
	/*---begin-----*/
	.pt3_begin .bg_pt3red{
		padding-bottom: 362px;
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 362px), 0 100%);
	}	
	.pt3_begin .pt3_h2_text{
		padding: 120px 0 42px 20px;
		margin-bottom: 0;
	}
	.pt3_begin .out_begin_wrap{
		max-width: 1040px;
		padding: 0 20px;
		margin: 0 auto;
	}
	.pt3_begin .begin_wrap{
		max-width: 1040px;
		margin: 0 auto;
		border-radius: 40px;
		padding: 80px 72px 0 110px;		
	}
	.pt3_begin .main_img{
		display: none;
	}
	.pt3_begin .howto_wrap{
		margin-left: 0;
	}
	.pt3_begin .howto_wrap::before{
		left: 12px;
	}
	.pt3_begin .howto_order:last-of-type{
		padding-bottom: 85px;
	}
	.pt3_begin .begin_wrap h3{
		font-size: 2.6rem;
		padding-left: 40px;
	}
	.pt3_begin .begin_wrap h3::before{
		left: -16px;
		top: 0px;
		width: 30px;
		height: 30px;
	}
	.pt3_begin .howto_text,
	.pt3_begin .howto_textorder,
	.pt3_begin .howto_kome{
		font-size: 1.6rem;
		margin-left: 40px;
	}
	.pt3_begin .howto_text{
		padding: 0;
	}
	.pt3_begin .howto_order{
		display: flex;
		justify-content: space-between;
		height: 400px;
	}
	.pt3_begin .howto_order .container{
		width: 570px;
	}
	.pt3_begin .howto_img_pc{
		display: block;
		width: 176px;
		margin-top: -60px;
		object-fit: contain;
	}
	.pt3_begin .inst_wrap{
		width: 100%;
		max-width: 480px;
		padding: 30px 0 150px 40px;
		padding-top: 30px;
		padding-bottom: 150px;
	}
	.pt3_begin .app_inst .name_device{
		font-size: 1.4rem;
	}
	.pt3_begin .app_inst .qr{
		max-width: 54px;
	}
	.pt3_begin .app_inst .app_logo{
		padding-right: 4px;
	}
	.pt3_begin .app_inst li{
		padding: 10px 10px 13px 12px;
	}
	
	/*---relief-----*/
	.pt3_relief{
		padding-top: 0px;
		padding-bottom: 0px;	
		clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 365px), 0 100%);
		height: 1220px;
	}
	.pt3_relief ul{
		width: 1000px;
		max-width: 100%;
		margin-top: 50px;
	}	
	.pt3_relief li{
		width: 354px;
		height: 354px;
	}
	.pt3_relief h3{
		font-size: 2.8rem;
		padding-top: 50px;
		
	}
	.pt3_relief h3::after{
		width: 120px;
    transform: translate(-50%, 55px);
	}
	.pt3_relief .text{
		font-size: clamp(1.2rem, calc(1.2rem + 0.5vw), 1.8rem);
		width: 260px;
	}	
	
	.pt3_relief ul .num_1{
		position: absolute;
		left: 0;
		top: 200px;
	}	
	.pt3_relief ul .num_2 h3{
		padding-top: 50px;
	}	
	.pt3_relief ul .num_3{
		position: absolute;
		right: 0;
		top: 200px;
	}	
	.pt3_relief ul .num_3 h3{
		padding-top: 50px;
	}	
	.pt3_relief .img_1{
		max-width: 440px;
		width: 33vw;
		left: 23%;
		top: 195px;
	}
	.pt3_relief .img_2{
		max-width: 404px;
		width: 33vw;
		top: 174px;
		left: 39%;
    }
	
	/*---faq-----*/
	.pt3_faq .bg_pt3grey{
		clip-path: polygon(0 362px, 100% 0, 100% calc(100% - 0px), 0 100%);		
	}	
	
	.pt3_faq .pt3_h2_text{
		text-align: left;
	}	
	.pt3_faq .wrap{
		padding-top: 360px;
    margin-top: -500px;	
		padding-bottom: 120px;		
	}
	.bg_diagonal{
		margin-top: 0;
		padding-top: 334px;
	}
	.bg_diagonal::before{
		top: 50px;
		bottom: -100px;
	}	
	.pt3_faq ul{
		margin-top: 60px;
	}
	.pt3_faq .question .q{
		width: 40px;
		height: 40px;
		margin-right: 14px;
	}
	.pt3_faq .question .text{
		font-size: 2.4rem;
	}	
	.pt3_faq .answer{
		font-size: 1.8rem;
		padding: 20px 54px 23px 54px;
	}
	.pt3_faq .link_help{
		text-align: center;
		font-size: 1.8rem;
		margin-top: 60px;
	}	
	.pt3_breadcrums.sp{
		display: none;
	}
	
		
	/*---download-----*/
	.pt3_download{
		padding-bottom: 67px;
	}
	.pt3_download h2{
		font-size: 3.2rem;
		padding-bottom: 27px;
	}
	.pt3_download .inst_wrap{
		max-width: 1080px;
	}

	/*---footer-----*/	
	footer{
		padding-top: 61px;
	}
	footer .wrap{
		padding-top: 0px;
		padding-bottom: 48px;		
	}
	footer .footer_logo{
		width: 168px;
		margin-bottom: 48px;
	}	
	footer .pc_flex .menu{
		margin-right: 104px;
	}
	footer small{
		font-size: 1.0rem;
	}
  
}
@media screen and (min-width: 1200px) {
	
	.pt3_mv .inst_wrap{
		margin-top: -245px;
	}
	.pt3_ov{
		margin-top: -220px;
	}
	
	
}
@media screen and (min-width:768px) and ( max-width:1024px) {	
	
	
	
}