@charset "utf-8";

.app_body .l-pagetop{
	display: none;
}
.pcNone {
	display:none;
}
.ui_screen{
	display: block;
}
.app_wide{
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	letter-spacing: 0.06em;
	box-sizing: border-box;
	word-wrap: break-word;
}
.app_wide * {
	box-sizing: border-box;
	word-wrap: break-word;
}
.app_wide img{
	max-width: 100%;
}
.app_sec h1{
	font-size: 1.875rem;
	text-align: center;
}
.app_sec p{
	margin-bottom: 1em;
}
.app_h1_note{
	margin: 15px 0 40px !important;
	text-align: center;
	font-size: 1.25rem;
}
.app_menu{
	margin: 40px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.app_menu_btn{
	position: relative;
	padding: 10px 10px;
	margin: 0 20px 20px 0;
	width: calc((100% - 80px)/5.0001);
	border-radius: 25px;
	border: 1px solid #333;
	font-size: 0.875rem;
	line-height: 1.8;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.app_menu .app_menu_btn:nth-child(5n){
	margin-right: 0;
}
.app_menu_btn::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 5px;
	height: 5px;
	border-top: 1px solid currentColor;
	border-right: 1px solid currentColor;
	transform: translateY(-75%) rotate(135deg);
}
.app_menu_btn:hover{
	opacity: 0.6;
}
.app_table{
	margin-bottom: -1px;
	width:960px;
	border-width:0;
	border-spacing:0;
	border-collapse:collapse;
	/* margin-top: -4px; */
}
@media screen and (min-width: 767px) {
	.app_table {
		margin-top: -4px;
	}
}
.app_table th,
.app_table td{
	padding: 10px 5px;
	border: 1px solid #ededed;
	text-align: center;
	vertical-align: middle;
	/* font-size: 0.9375rem; */
	font-size: 0.85rem;
}
.app_table th{
	font-weight: bold;
	background: #ededed;
	border-color: #e4e4e4;
}
.app_table tr:nth-child(2n){
	padding-left: 10px;
	padding-right: 10px;
	/* background: #fafafa; */
}
.app_table tr td:nth-child(4){
	padding-left: 10px;
	text-align: left;
}
.app_tb_pic{
	width: 100px;
	height: 100px;
}
.app_td_w1{
	width: 13%;
}
.app_td_w2{
	width: 14%;
}
.app_td_w3{
	width: 120px;
}
.app_td_w4{
	width: 18%;
}
.app_td_w5{
	width: 10%;
}
.app_td_w6{
	width: 12%;
}
.app_td_w7{
	width: 10%;
}
.app_td_w8{
	width: 11%;
}


.app_main{
	margin-top: -100px;
	text-align: center;
}
.app_main img{
	max-width: 100%;
}
.app_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.app_lead_wp,.adv_wp,.reg_wp{
	line-height: 2.15;
}
.adv_wp .app_wide,.reg_wp .app_wide{
	letter-spacing: 0;
}
.app_lead{
	text-align: center;
}
.app_gray{
	margin-top: 70px;
	margin-bottom: 90px;
	padding: 40px 9% 50px;
	background: #f6f6f6;
	border-radius: 15px;
}
.app_gray_pic{
	max-width: 361px;
	width: 50%;
}
.app_gray_text{
	width: 48%;
}
.app_h2{
	margin: 0 0 15px;
	color: #d6001c;
	font-size: 1.5rem;
	line-height: 1.8;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-align: center;
}
.app_gray .app_h2 + p{
	margin-bottom: 40px;
}
.app_h2 picture{
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
}
.adv_menu{
	max-width: 690px;
	width: 100%;
	margin: 0 auto 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.adv_menu li{
	width: 47.8%;
	border-bottom: 1px solid #a9a9a9;
}
.adv_menu li:nth-child(1){
	order: 1;
}
.adv_menu li:nth-child(2){
	order: 3;
}
.adv_menu li:nth-child(3){
	order: 2;
}
.adv_menu li:nth-child(4){
	order: 4;
}
.adv_menu_item{
	padding: 12px 2px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1rem;
	line-height: 1.8;
	text-decoration: none !important;
}
.adv_menu_item>div{
	width: 15.2%;
}
.adv_menu_item>p{
	width: 78%;
}
.adv_sec{
	padding: 60px 0;
	border-top: 2px solid #f6f6f6;
}
.adv_text{
	margin: auto 0 auto 4%;
	width: 45.5%;
	font-size: 0.875rem;
}
.adv_pic{
	margin: auto 12% auto 0;
	width: 30%;
	text-align: center;
}
.adv_pic_a01{
	margin-right: 0;
	width: 44.8%;
}
.adv_text p{
	margin-bottom: 1em;
	letter-spacing: 0;
}
.app_point_num{
	margin-top: -5px;
	margin-bottom: 25px;
	position: relative;
	z-index: 2;
	text-align: center;
	font-size: 1.125rem;
	font-weight: 600;
	color: #d6001c;
}
.app_point_num::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 8px);
	width: 16px;
	height: 1px;
	background: #d6001c;
}
.app_point_icon{
	width: 50px;
	margin: 0 auto 20px;
}
.app_h3{
	margin-bottom: 30px;
	font-size: 1.1875rem;
	line-height: 1.6;
	font-weight: 600;
	text-align: center;
}
.app_note{
	margin-top: 20px;
	font-size: 0.75rem;
	line-height: 1.8;
}
.app_ind10{
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
}
.app_note_s{
	margin-top: 20px;
	font-size: 0.625rem;
	line-height: 1.8;
	letter-spacing: 0;
}
.app_note10{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}
.app_btn_more{
	position: relative;
	display: block;
	max-width: 326px;
	margin: 40px auto 0;
	padding: 5px 0 7px 10px;
	border-radius: 25px;
	background: #1e1e1e;
	color: #fff !important;
	text-align: center;
	letter-spacing: 0.03em;
	text-decoration: none!important;
	transition: all 0.3s;
	opacity: 1;
}
.app_btn_more::after{
	content: "";
	display: inline-block;
	position: relative;
	top: 0.15em;
	left: 1em;
	width: 5px;
	height: 5px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}
.app_btn_more:hover{
	opacity: 0.7;
}
.reg_wp{
	padding: 90px 0;
	background: #ededed;
}
.reg_menu_box{
	position: relative;
	max-width: 800px;
	margin: 30px auto 70px;
}
.reg_menu_box::after{
	content: '';
	position: absolute;
	z-index: 1;
	left: 10%;
	top: 58px;
	width: 80%;
	height: 2px;
	background: #fff;
}
.reg_menu{
	position: relative;
	z-index: 3;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.reg_menu li{
	width: 24%;
}
.reg_menu_item{
	text-decoration: none !important;
	text-align: center;
	font-size: 0.875rem;
	line-height: 1.8;
}
.reg_menu_item>p{
	margin-left: -0.5em;
	margin-right: -0.5em;
}
.reg_menu_item>div{
	margin-bottom: 15px;
}
.reg_sec{
	min-height: 320px;
	margin-bottom: 20px;
	border-radius: 20px;
	background: #fff;
}
.reg_sec .app_flex{
	align-items: center;
}
.reg_text{
	margin: 50px auto;
	width: 39.5%;
	font-size: 0.875rem;
}
.reg_pic{
	overflow: hidden;
	width: 50%;
	border-radius: 0 20px 20px 0;
}
.reg_text .app_point_icon{
	margin-top: -10px;
	margin-bottom: 10px;
	width: 70px;
}
.reg_text .app_btn_more{
	max-width: none;
}
.reg_text .app_h3{
	margin-left: -1em;
	margin-right: -1em;
}
.reg_sec4 .reg_text{
	margin-top: 50px;
	margin-bottom: 50px;
}
.reg_sec4 .reg_pic{
	display: flex;
	justify-content: center;
	align-items: center;
}
.reg_sec4 .reg_pic .app_h3{
	font-size: 1.125rem;
}
.reg_logo{
	margin: 0 auto 40px;
	width: 106px;
}
.reg_app_btn{
	display: flex;
	justify-content: center;
}
.reg_app_btn a{
	margin: 0 7px;
	transition: 0.3s;
}
.reg_app_btn a img{
	max-height: 37px;
}
.reg_app_btn a:hover{
	opacity: 0.7;
}
.app_body .l-pagetop{
	width: 100%;
	padding: 0 0 60px !important;
	margin: 0;
	max-width: none;
	background: #fff;
}
.app_anchor{
	cursor: pointer;
}
.app_main{
	background: url(../images/main_bg_pc.jpg) no-repeat center top;
	background-size: 100% auto;
}
@media only screen and (min-width: 767px) and (max-width: 1903px) {
	.app_main{
		background-size: auto auto;
	}
}
.app_main .app_flex{
	padding: 110px 0 100px;
	flex-direction: row-reverse;
	align-items: center;
}
.app_main_text{
	margin-bottom: 9%;
	margin-left: 6.5%;
	width: 31%;
	text-align: center;
}
.app_main_text h1{
	margin-bottom: 50px;
}
.app_main_pic{
	position: relative;
	width: 52%;
	margin-right: 6.5%;
	display: flex;
	justify-content: space-between;
}
.app_main_pic>div{
	opacity: 0;
	transform: translateY(100px);
}
.app_main .reg_app_btn a img{
	max-height: 43px;
}
.app_main_p01{
	width: 40%;
	animation: fade_up 0.6s 0.5s ease-out forwards;
}
.app_main_p02{
	width: 40%;
	animation: fade_up 0.6s 0.8s ease-out forwards;
}
.app_main_p03{
	position: absolute;
	left: 26.75%;
	top: -10.5%;
	width: 46.5%;
	animation: fade_up 0.6s 1.3s ease-out forwards;
}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100px);}
	100% { opacity: 1; transform: translateY(0px);}
}

.app_main_b .app_main_pic>div{
	opacity: 0;
	transform: translateY(-100px);
}
.app_main_b .app_main_p01{
	animation: fade_down 0.6s 0.5s ease-out forwards;
}
.app_main_b .app_main_p02{
	animation: fade_down 0.6s 0.8s ease-out forwards;
}
.app_main_b .app_main_p03{
	animation: fade_down 0.6s 1.2s ease-out forwards;
}
.app_main_b .reg_app_btn{
	opacity: 0;
	transform: translateY(-50px);
}
.app_main_b .reg_app_btn{
	animation: fade_down2 0.6s 1.8s ease-out forwards;
}
@keyframes fade_down {
	0% { opacity: 0; transform: translateY(-100px);}
	100% { opacity: 1; transform: translateY(0px);}
}
@keyframes fade_down2 {
	0% { opacity: 0; transform: translateY(-50px);}
	100% { opacity: 1; transform: translateY(0px);}
}

.app_main_c .app_main_p01,.app_main_c .app_main_p02,.app_main_c .app_main_p03{
	opacity: 1;
	transform: translateY(0px);
	animation:none;
}
.app_main_c .reg_app_btn{
	opacity: 0;
	transform: translateY(-50px);
}
.app_main_c .reg_app_btn{
	animation: fade_down_c 0.6s 0.5s ease-out forwards;
}
@keyframes fade_down_c {
	0% { opacity: 0; transform: translateY(30px);}
	100% { opacity: 1; transform: translateY(0px);}
}
.app_tb_pic371{
	width: 84px;
	height: 84px;
}

@media only screen and (min-width: 767px) {
	.app_table_wp{
		padding-top: 66px;
		position: relative;
		overflow: visible !important;
	}
	.scroll-hint-icon-wrap{
		display: none;
	}
	.app_table_head{
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
	}
	.app_table_head .app_table{
		margin: 0 auto;
	}
}

@media only screen and (min-width: 767px) and (max-width: 960px) {
	.ui_screen{
		display: inline-block;
	}
	.app_wide{
		padding-left: 20px;
		padding-right: 20px;
	}
	.app_table_head{
		left: auto;
		width: calc(100vw - 40px);
	}
	.app_menu{
		margin-left: 0;
		margin-right: 0;
	}
	.app_table{
		max-width: 100%;
		width: 100%;
	}
	.app_td_w1{
		width: 12%;
	}
	.app_td_w2{
		width: 14%;
	}
	.app_td_w3{
		width: 100px;
	}
	.app_td_w4{
		width: 19%;
	}
	.app_td_w5{
		width: auto;
	}
	.app_td_w7{
		width: 10%;
	}
	.app_td_w8{
		width: 11%;
	}
	.app_tb_pic{
		width: 80px;
		height: 80px;
	}
	.app_table th,.app_table td{
		padding: 12px 0;
		/* font-size: 0.75rem; */
		font-size: 0.65rem;
		letter-spacing: 0;
	}
	.reg_text{
		font-size: 0.75rem;
	}
	.app_point_num{
		font-size: 1rem;
		margin-bottom: 10px;
	}
	.reg_text .app_point_icon{
		width: 60px;
		margin-top: -15px;
		margin-bottom: 0;
	}
	.app_h3{
		font-size: 1rem;
	}
	.reg_info{
		font-size: 0.75rem;
		margin: 10px auto 5px;
	}
	.reg_text .app_btn_more{
		margin-top: 10px;
	}
	.app_note{
		margin-top: 5px;
		font-size: 0.7rem;
	}
}
@media only screen and (min-width: 767px) and (max-width: 880px) {
	.reg_text .app_h3{
		font-size: 0.875rem;
	}
	.reg_text{
		font-size: 0.7rem;
		line-height: 1.6;
	}
	.reg_text p{
		line-height: 1.6;
	}
}
@media only screen and (min-width: 0) and (max-width: 766px) {
	.spNone {
		display:none!important;
	}
	.pcNone {
		display:block!important;
	}
	.ui_screen{
		display: inline;
	}
	.app_wide{
		padding: 0 5vw;
		line-height: 1.8;
	}
	.app_sec h1{
		margin-top: 25px;
		font-size: 1.5rem;
	}
	.app_h1_note{
		margin: 0 0 35px !important;
	}
	.app_sec p {
		margin-bottom: 0.8em;
		font-size: 0.9375rem;
	}
	.app_menu{
		margin: 30px -5px 20px;
		justify-content: center;
	}
	.app_menu_btn{
		padding: 5px 10px 5px 2px;
		margin: 0 3px 10px !important;
		min-height: 38px;
		width: calc((100% - 18px)/3.0001);
		font-size: 0.7rem;
		display: flex;
		justify-content: center;
		align-items: center;
		letter-spacing: 0;
	}
	.app_menu_btn::after{
		right: 7px;
		width: 4px;
		height: 4px;
	}
	.app_table_wp{
		position: relative;
		overflow: auto;
		max-height: 76vh;
	}
	.app_table_head{
		position: sticky;
		z-index: 2;
		top: 0;
		width: 100%;
	}
	.app_table{
		width: 720px;
	}
	.app_table th,
	.app_table td{
		padding: 6px 2px;
		font-size: 0.75rem;
		letter-spacing: 0;
	}
	.app_table tr td:nth-child(4){
		padding-right: 5px;
	}
	.app_td_w1{
		width: 13%;
	}
	.app_td_w2{
		width: 13%;
	}
	.app_td_w3{
		width: 92px;
	}
	.app_td_w4{
		width: 19%;
	}
	.app_td_w5{
		width: 10%;
	}
	.app_td_w6 {
		width: 13%;
	}
	.app_td_w7{
		width: 8%;
	}
	.app_td_w8{
		width: 11%;
	}
	.app_tb_pic{
		width: 80px;
		height: 80px;
	}
	.scroll-hint-icon-wrap {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    max-height: 100%;
	    pointer-events: none;
	}
	.scroll-hint-icon {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 150px;
	    height: 125px;
	    transition: opacity .3s;
	    opacity: 0;
		background: url(../images/scroll-icon.png) no-repeat 0 0;
		background-size: 100% 100%;
		transform: translateX(-50%) translateY(-50%);
	}
	.is-active .scroll-hint-icon{
		opacity: 1;
	}
	
	.app_lead{
		text-align: left;
	}
	.app_gray{
		margin: 55px 0;
		padding: 6vw 6vw;
	}
	.app_h2{
		margin-bottom: 10px;
		font-size: 1.25rem;
		line-height: 1.5;
	}
	.app_gray_pic{
		margin-bottom: 10px;
		width: 100%;
	}
	.app_gray_text{
		margin-top: 4%;
		width: 100%;
	}
	.app_gray .app_h2 + p{
		margin-bottom: 22px;
	}
	.adv_menu{
		margin-bottom: 50px;
	}
	.adv_menu li{
		width: 100%;
	}
	.adv_menu li:nth-child(2){
		order: 2;
	}
	.adv_menu li:nth-child(3){
		order: 3;
	}
	.adv_menu_item>div{
		margin-left: 5px;
	}
	.adv_sec{
		padding: 13vw 5vw 15vw;
		margin-left: -5vw;
		margin-right: -5vw;
	}
	.adv_text{
		margin: 0;
		width: 100%;
	}
	.adv_pic{
		margin: 15px auto 0;
		width: 203px;
		text-align: left;
	}
	.adv_pic_a01{
		margin-top: 20px;
		width: 100%;
	}
	.app_point_num{
		margin-bottom: 20px;
		font-size: 1.1rem;
	}
	.app_point_num::after{
		bottom: -1px;
	}
	.app_point_icon{
		margin-top: 0 !important;
		margin-bottom: 15px !important;
		width: 57px !important;
	}
	.app_h3{
		margin-bottom: 20px;
	}
	.app_btn_more{
		margin: 30px auto 0;
		max-width: 315px;
	}
	.reg_wp{
		padding: 13vw 0 15vw;
	}
	.reg_menu_box{
		margin: 20px auto 50px;
		width: 300px;
	}
	.reg_menu_box::after{
		top: 5%;
		left: 28px;
		width: 2px;
		height: 90%;
	}
	.reg_menu li{
		width: 100%;
	}
	.reg_menu_item{
		padding: 10px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-align: left;
	}
	.reg_menu_item>div{
		margin-bottom: 0;
		width: 58px;
	}
	.reg_menu_item>p{
		margin-left: 0;
		width: calc(100% - 70px);
		font-size: 1rem;
	}
	.reg_sec{
		margin-left: -2vw;
		margin-right: -2vw;
		border-radius: 10px;
	}
	.reg_text{
		padding: 40px 0 0;
		margin: 0;
		width: 100%;
	}
	.reg_pic{
		margin-bottom: 25px;
		width: 100%;
		background: #fff;
		border-radius: 0;
	}
	.reg_info{
		padding: 0 5vw 10vw;
		background: #fff;
		border-radius: 0 0 10px 10px;
	}
	.app_note{
		margin-top: 15px;
	}
	.reg_sec4 .reg_info{
		border-radius: 10px 10px 0 0;
	}
	.reg_sec4 .reg_text{
		margin: 0;
	}
	.reg_sec4 .reg_pic{
		margin: 0;
		padding: 0 5vw 8vw;
		border-radius: 0 0 10px 10px;
	}
	.app_note_s{
		font-size: 0.75rem;
	}
	.reg_sec4 .reg_pic .app_h3{
		font-size: 0.97rem;
	}
	.reg_logo{
		width: 102px;
		margin-bottom: 25px;
	}
	.app_body .l-pagetop__target{
		display: block;
		margin: 0 auto;
		width: 57px;
	}
	.app_main {
		margin-top: -20px;
	    background: url(../images/main_bg_sp.jpg) no-repeat;
	    background-size: 100% auto;
	}
	.app_main .app_flex{
		padding: 18vw 8vw 14vw;
		display: block;
	}
	.app_main_text{
		margin: 0;
		width: 100%;
	}
	.app_main_pic{
		margin: 0 auto;
		width: 96%;
	}
	.app_main_text h1{
		margin: 50px auto 25px;
		width: 234px;
	}
	.reg_text .app_h3{
		margin-left: 0;
		margin-right: 0;
	}
	.app_tb_pic371{
		width: 71px;
		height: 71px;
	}
}


.terms_page .sup_idt_box{
	padding-left: 1.25em;
}
.terms_page .sup_sec h3{
	text-indent: -1.25em;
}
ul.terms_idt20 li{
	padding-left: 1.65em;
	text-indent: -1.65em;
}
ul.terms_idt15 li{
	padding-left: 1.4em;
	text-indent: -1.4em;
}
.terms_item2{
	padding-left: 2.3em !important;
	text-indent: -2.3em !important;
}
.reg_app_btn + .app_btn_more{
	margin-top: 40px;
}
.app_btn_terms{
	margin: 30px auto 0;
	text-align: center;
}
.app_btn_terms a{
	display: inline-block;
	font-size: 0.75rem;
	text-decoration: underline;
}
.app_btn_terms a:hover{
	text-decoration: none;
}

@media only screen and (min-width: 0) and (max-width: 766px) {
	.app_btn_terms{
		margin-top: 20px;
	}
}

.ui_open_btn{
	position: relative;
	padding: 22px 40px;
	cursor: pointer;
	transition: 0.3s;
}
.ui_open_btn:hover{
	opacity: 0.6;
	transition: 0.3s;
}
.ui_open_btn::before,.ui_open_btn::after{
	content: '';
	position: absolute;
	right: 40px;
	top: calc(50% - 1px);
	width: 21px;
	height: 1px;
	background: currentColor;
}
.ui_open_btn::before{
	transform: rotate(-90deg);
}
.ui_open_close{
	margin: 25px auto 0;
	width: 80px;
	text-align: center;
	cursor: pointer;
	transition: 0.3s;
}
.ui_open_close:hover{
	opacity: 0.6;
	transition: 0.3s;
}
.ui_open_btn.is_on::before{
	display: none;
}
.ui_open_box{
	display: none;
	padding: 0 40px 30px;
}
.app_faq_more{
	padding-top: 5px;
}
.app_faq_more .app_btn_more::after{
	top: 0.1em;
}
.faq_wide{
	padding-bottom: 100px;
}
.faq_title{
	position: relative;
	margin-bottom: 35px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #d6001c;
	text-align: center;
}
.faq_tit_note{
	position: absolute;
	left: calc(50% + 95px);
	bottom: 0;
	color: #000;
	font-size: 0.75rem;
	font-weight: normal;
	line-height: 1.4;
}
.faq_menu{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	font-size: 0.875rem;
}
.faq_menu li{
	width: 15.6%;
}
.faq_menu li a{
	position: relative;
	display: block;
	padding: 12px 10px;
	border-bottom: 1px solid #000;
}
.faq_menu li a:hover{
	text-decoration: none;
}
.faq_menu li a::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 5px;
	height: 5px;
	border-top: 1px solid currentColor;
	border-right: 1px solid currentColor;
	transform: translateY(-65%) rotate(135deg);
}
.faq_stit{
	padding: 95px 0 55px;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
}
.faq_item{
	margin-bottom: 20px;
	background: #f6f6f6;
	font-size: 0.875rem;
	line-height: 2;
	border-radius: 5px;
}
.faq_item h4{
	position: relative;
	padding-left: 40px;
}
.faq_item h4::after{
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	width: 17px;
	height: 22px;
	background: url(../faq/images/faq_q.png) no-repeat;
	background-size: 100% 100%;
}
.faq_con{
	position: relative;
	padding-left: 40px;
	border-top: 1px solid #000;
}
.faq_con::after{
	content: '';
	position: absolute;
	left: 0;
	top: 24px;
	width: 17px;
	height: 22px;
	background: url(../faq/images/faq_a.png) no-repeat;
	background-size: 100% 100%;
}
.faq_con p{
	margin-top: 1.5em;
}
.faq_con a{
	transition: 0.3s;
	text-decoration: underline;
}
.faq_con a:hover,
.faq_con a:visited{
	color: #909090;
}
.faq_mt0{
	margin-top: 0 !important;
}
.community_wp{
	padding: 80px 0 90px;
}
.community_box{
	max-width: 740px;
	margin: 0 auto;
	padding: 40px 35px 30px;
	border: 1px solid #cbcbcb;
	font-size: 0.875rem;
	line-height: 1.85;
}
.community_col01{
	width: 47.3%;
	margin-bottom: 10px;
}
.community_col02{
	margin-right: -1.5%;
	width: 50.9%;
	margin-bottom: 10px;
}
.community_box .app_h2{
	margin-bottom: 22px;
	line-height: 1.5;
}
.community_box .app_h2 small{
	font-size: 0.9375rem;
}
.community_box h3{
	font-size: 1.125rem;
	font-weight: normal;
	text-align: center;
}
.community_box .app_btn_more{
	margin-top: 20px;
	background: #cc0001;
}
.app_btn_more_w{
	background: #fff;
	color: #1e1e1e !important;
	border: 1px solid currentcolor;
}
.adv_menu_row{
	margin-bottom: 35px;
	display: flex;
}
.adv_menu_row li{
	width: 20%;
	text-align: center;
}
.adv_menu_row .adv_menu_item{
	display: block;
}
.adv_menu_row .adv_menu_item>div{
	width: 68px;
	margin: 10px auto;
}
.adv_menu_row .adv_menu_item>p{
	width: 100%;
	font-size: 0.9375rem;
}
.adv_pic_box{
	width: 42%;
	display: flex;
	justify-content: space-between;
}
.adv_pic_s{
	width: 47.9%;
}
.adv_pic_l{
	width: 58.3%;
}
.adv_pic_box.pcNone{
	display: none;
}
.adv_sec_lineup{
	padding: 80px 0 100px;
}
.mod_lead{
	padding: 0 0 25px;
	font-size: 1.1875rem;
	line-height: 1.5;
	text-align: center;
}
.mod_menu{
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
}
.mod_menu_item{
	width: 125px;
	margin: 0 13px;
	text-align: center;
	font-size: 1.1875rem;
	line-height: 1.5;
	font-weight: bold;
}
.mod_menu_item>div:first-child{
	margin-bottom: 10px;
}
.mod_menu_note{
	margin: 0 -20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 1;
}
.mod_menu_note small{
	position: relative;
	top: 3px;
	display: inline-block;
	font-size: 0.9375rem;
	font-weight: bold;
	line-height: 1.4;
}
.reg_h3{
	margin-bottom: 25px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}
.reg_h3 span{
	display: inline-block;
	border-bottom: 1px solid currentColor;
}
.reg_h3 span small{
	font-size: 1.25rem;
	line-height: 1.5;
}
.reg_sec1 .reg_text{
	margin-top: 55px;
	margin-bottom: 65px;
}
.reg_sec1 .reg_pic{
	padding-top: 20px;
}
.reg_sec1 .app_btn_terms{
	margin-top: 20px;
}
.reg_font_gray{
	margin-top: 5px;
	padding: 15px 25px;
	background: #ededed;
	border-radius: 8px;
}
.reg_img_b03{
	max-width: 285px;
	margin: 0 auto;
}
.reg_font_gray_tit{
	margin-top: 5px;
	text-align: center;
}
.instr_wp{
	padding: 90px 0 90px;
}
.instr_gray{
	max-width: 640px;
	margin: 40px auto 10px;
	padding: 40px 15px;
	background: #ededed;
	border-radius: 15px;
	text-align: center;
}
.instr_gray h3{
	display: inline-block;
	border-bottom: 1px solid currentColor;
}
.instr_gray_lead{
	font-size: 1.0625rem;
	font-weight: 600;
}
.instr_gray .app_btn_more{
	margin: 25px auto;
}
.instr_item{
	position: relative;
	padding: 50px 0;
	border-bottom: 2px solid #f6f6f6;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.instr_item::before{
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 0;
	height: 0;
	border: none;
	border-style: solid;
	border-color: #727171 transparent transparent transparent;
	border-width: 12px 19px 0 19px;
	transform: translateX(-50%);
}
.instr_item_first::before{
	display: none;
}
.instr_item_last{
	margin-bottom: 50px;
}
.instr_text{
	width: 50%;
	padding-left: 6.5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.instr_pic{
	width: 44.4%;
	display: flex;
	justify-content: space-between;
}
.instr_pic_s {
	width: 47.9%;
}
.instr_pic_l {
	width: 55.2%;
}
.instr_icon{
	margin-bottom: 25px;
	width: 97px;
}
.instr_text .app_note_s{
	margin-top: -10px;
}
.app_dl_wp{
	padding: 45px 0;
	background: #f6f6f6;
}
.app_dl_wp h3{
	margin-bottom: 20px;
	font-size: 0.875rem;
	font-weight: 600;
	text-align: center;
}
.app_dl_wp .app_btn_terms{
	margin-top: 15px;
}
.instr_item_last .app_note_s{
	padding-right: 8px;
}
.ui_fade,.ui_fade_i{
	transition: all 1200ms;
	opacity: 0;
	visibility: hidden;
}
.ui_fadein{
	opacity: 1;
	visibility: visible;
}
.adv_pic_a02{
	width: 70%;
	margin-left: -5.5%;
}


@media only screen and (min-width: 960px) {
	
	.app_header .l-header__inner{
		overflow: hidden;
	}
	.app_header .hmlist-ml70{
		margin-left: 50px !important;
	}
	.app_header .l-header-menu__list-item{
		width: 18%;
	}
}
@media only screen and (min-width: 960px) and (max-width: 1280px){
	.app_body[data-header-pos *= "fixed"] .hmlist-ml70{
		margin-left: 0 !important;
		width: 700px;
	}
}
@media only screen and (min-width: 767px) {
	.app_shop{
		display: none;
	}
}

@media only screen and (min-width: 767px) and (max-width: 939px){
	.faq_menu{
		flex-wrap: wrap;
	}
	.faq_menu li{
		width: 31%;
	}

}



@media only screen and (min-width: 0) and (max-width: 766px) {
	.app_shop{
		margin: 7vw 2vw 0;
		padding: 8px;
		position: relative;
		display: block;
		background: #000;
		color: #fff !important;
		font-size: 3.466vw;
		text-align: center;
		letter-spacing: 0.05em;
	}
	.app_shop::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		width: 5px;
		height: 5px;
		border-top: 1px solid currentColor;
		border-right: 1px solid currentColor;
		transform: translateY(-50%) rotate(45deg);
	}
	.faq_title{
		margin: 35px 0 10px;
		font-size: 1.25rem;
	}
	.faq_menu{
		flex-wrap: wrap;
	}
	.faq_menu li{
		margin-top: 15px;
		width: 47.25%;
	}
	.faq_stit{
		margin-top: 40px;
		padding: 75px 0 30px;
		font-size: 1.25rem;
	}
	.ui_open_btn{
		padding: 18px 20px;
	}
	.ui_open_btn:hover{
		opacity: 1;
	}
	.ui_open_btn::before, .ui_open_btn::after{
		right: 20px;
		width: 19px;
	}
	.ui_open_box{
		padding: 0 20px 20px;
	}
	.faq_item h4{
		padding-left: 25px;
		padding-right: 30px;
	}
	.faq_item h4::after{
		top: 7px;
		width: 14px;
		height: 18px;
	}
	.faq_con::after{
		top: 26px;
		width: 14px;
		height: 18px;
	}
	.faq_con{
		padding-left: 25px;
	}
	.community_wp{
		padding: 18vw 0;
	}
	.community_box{
		padding: 8vw 5vw 7vw;
		margin: 0 -2vw;
		font-size: 3.65vw;
	}
	.community_col01{
		width: 100%;
		margin-bottom: 5vw;
	}
	.community_col02{
		margin-top: 8vw;
		margin-bottom: -5px;
		width: 100%;
	}
	.community_box .app_h2{
		margin-bottom: 5vw;
	}
	.community_box .app_h2 small{
		font-size: 3.65vw;
	}
	.community_box h3{
		font-size: 3.9vw;
	}
	.community_box .app_btn_more{
		margin: 6vw 0 0;
	}
	.faq_tit_note{
		display: block;
		position: static;
		width: 100%;
		text-align: center;
	}
	.adv_menu_row{
		flex-wrap: wrap;
		justify-content: center;
	}
	.adv_menu_row li{
		width: 50%;
	}
	.adv_menu_row .adv_menu_item>div{
		margin-top: 15px;
	}
	.adv_menu_row .adv_menu_item>p{
		font-size: 0.8rem;
	}
	.adv_pic_a01 .app_note p{
		margin-bottom: 0;
	}
	.adv_pic_box{
		padding: 15px 0 0;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.adv_pic_s{
		width: 44%;
		margin: 0 2.5%;
	}
	.adv_pic_box.pcNone{
		display: flex !important;
	}
	.adv_pic_box + .app_btn_more{
		margin-top: 40px;
	}
	.reg_sec1 .reg_text{
		margin: 0;
	}
	.mod_lead{
		font-size: 1rem;
		line-height: 1.7;
	}
	.mod_menu{
		padding-left: 5px;
		padding-right: 5px;
		justify-content: space-between;
	}
	.mod_menu_item{
		width: 30%;
		margin: 0;
		font-size: 0.9rem;
	}
	.mod_menu_note{
		margin-top: 2px;
		font-size: 1.8rem;
	}
	.mod_menu_note small{
		font-size: 0.7rem;
	}
	.reg_h3{
		font-size: 1.4rem;
	}
	.reg_h3 span small{
		font-size: 1.18rem;
	}
	.reg_img_b03{
		margin: 20px auto 15px;
		width: 55%;
	}
	.reg_font_gray_tit{
		margin-top: 15px;
		text-align: center;
	}
	.reg_sec1 .reg_info{
		margin-top: -5px;
		padding-bottom: 3vw;
		padding-right: 2vw;
	}
	.reg_sec1 .reg_pic{
		margin-bottom: 40px;
		padding: 0 5vw;
	}
	.adv_sec_lineup{
		padding-top: 45px;
		padding-bottom: 60px;
	}
	.instr_wp{
		padding: 15vw 0 18vw;
	}
	.instr_gray{
		margin-top: 30px;
		padding: 30px 15px;
	}
	.instr_gray_lead{
		font-size: 0.9375rem;
		letter-spacing: 0;
	}
	.instr_gray .app_note_s{
		text-align: left;
	}
	.instr_text{
		width: 100%;
		padding: 0;
	}
	.instr_pic{
		width: 100%;
		padding: 15px 0 0;
		display: flex;
		justify-content: center;
	}
	.instr_pic_l {
		width: 58.3%;
	}
	.instr_pic_s {
		width: 44%;
		margin: 0 2.5%;
	}
	.instr_item{
		margin-left: -5vw;
		margin-right: -5vw;
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.instr_item::before{
		border-width: 10px 16px 0 16px;
	}
	.instr_pic{
		padding: 10px;
	}
	.instr_text .app_note_s{
		margin: -5px 0 15px;
	}
	.instr_item_last{
		margin-bottom: 30px;
	}
	.app_dl_wp .app_btn_terms{
		margin-top: 25px;
	}
	.instr_item_last .app_note_s{
		padding-right: 0;
	}
	.adv_pic_a02{
		width: 75%;
		margin: -10px 0;
	}
	
}

.ui_totop{
	position: fixed;
	z-index: 99;
	right: 30px;
	bottom: 30px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: url(../images/totop.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	transition: all 0.3s;
	pointer-events: none;
}
.ui_totop.is_on{
    opacity: 1;
	pointer-events: auto;
}
.ui_totop.is_on:hover{
	opacity: 0.6;
}

.app_lead_menu{
	margin: 50px auto 20px;
	display: flex;
	justify-content: center;
	align-items: stretch;
}
.app_lead_menu a{
	position: relative;
	width: 30%;
	max-width: 250px;
	height: 45px;
	margin: 0 3px;
	padding-bottom: 3px;
	padding-right: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 1px solid currentcolor;
	text-decoration: none !important;
	font-size: 0.875rem;
	line-height: 1.3;
}
.app_lead_menu a::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	width: 5px;
	height: 5px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translateY(-70%) rotate(135deg);
}
.app_anc_menu01{
	position: relative;
	top: -90px;
}
.app_reg_flex{
	padding-top: 15px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.app_col0201{
	width: calc((100% - 20px)/2.0001);
	display: flex;
	flex-direction: column;
}
.app_reg_whi{
	padding: 20px;
	background: #fff;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.app_reg_whi01{
	min-height: 575px;
}
.app_reg_whi02{
	height: calc((100% - 20px)/2);
}
.app_reg_whi03{
	height: calc((100% - 20px)/2);
}
.app_reg_whi03{
	margin-top: auto;
}
.app_reg_stit{
	margin: -5px 0 30px;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
.app_reg_whi01 .reg_h3{
	margin-bottom: 50px;
}
.app_reg_whi01 .app_btn_terms{
	margin-top: 20px;
	margin-bottom: 10px;
}
.app_img_b05{
	width: 120px;
	margin: 10px auto;
}
.app_reg_text{
	margin: 55px auto 0;
	font-size: 0.875rem;
	line-height: 1.6;
	text-align: center;
}
.app_links_arr{
	margin-top: 20px;
	display: inline-block;
	text-decoration: none !important;
	border-bottom: 1px solid currentColor;
}
.app_links_arr::after{
	content: "";
	position: relative;
	top: 2px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	width: 5px;
	height: 5px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}
.app_guide_box{
	width: 640px;
	min-height: 230px;
	margin: 100px auto 50px;
	border-radius: 20px;
	background: #ededed;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.app_guide_h3{
	text-align: center;
	font-size: 1.1875rem;
	font-weight: bold;
	margin-bottom: 25px;
	color: #d6001c;
	border-bottom: none !important;
}
.app_guide_box .app_btn_more_w{
	margin: 0 auto;
	width: 326px;
}
.app_guide_box .app_btn_more_w::after{
	left: 0.5em;
}
.guide_follow{
	position: fixed;
	z-index: 9;
	left: 0;
	top: calc(50% - 220px);
	display: flex;
	flex-direction: column;
	width: 40px;
	background: #727171;
	color: #fff;
}
.guide_follow a{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	height: 150px;
	font-size: 12px;
	line-height: 1.05;
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #c7c6c6;
}
.guide_follow a:last-child{
	border-bottom: none;
}
.guide_follow_wp{
	margin: 30px 0 0;
	position: relative;
}
.guide_head{
	padding-bottom: 100px;
}
.guide_h1{
	margin: 0 0 35px;
	color: #d6001c;
	font-size: 1.75rem;
	line-height: 1.8;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-align: center;
}
.guide_head .app_btn_more_w{
	margin-top: 10px;
	font-weight: bold;
}
.guide_head .app_btn_more_w::after{
	position: absolute;
	left: auto;
	right: 30px;
	top: 50%;
	transform: translateY(-65%) rotate(135deg);
}
.guide_sec1{
	padding-top: 40px;
	padding-bottom: 40px;
}
.guide_sec1 .reg_logo{
	margin: 0 auto 30px;
	max-width: 254px;
	width: 100%;
}
.guide_sec1 .app_btn_terms{
	margin-top: 20px;
}
.faq_con .app_note_s{
	margin-top: 0.6em;
}

.guide_log{
	margin-bottom: 100px;
	padding: 140px 0 1px;
}
.guide_tab_btn{
	margin-top: 30px;
	border-bottom: 4px solid #d6001c;
}
.guide_tab_btn .app_wide{
	display: flex;
}
.guide_tab_btn .ui_tabBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	height: 60px;
	border: 1px solid #d6001c;
	border-bottom: none;
	border-radius: 15px 15px 0 0;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.5;
	color: #d6001c;
	cursor: pointer;
}
.guide_tab_btn .ui_tabBtn.is_on{
	background: #d6001c;
	color: #fff;
}
.guide_tab_con .app_wide{
	position: relative;
}
.ui_tabBody{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	z-index: -1;
	transition: opacity 0.3s;
	pointer-events: none;
}
.ui_tabBody.is_show{
	position: relative;
	opacity: 1;
	z-index: 1;
	transition: opacity 0.3s 0.2s;
	pointer-events: auto;
}
.guide_text{
	width: 36.46%;
	margin-left: 8.2%;
}
.guide_text .app_h3{
	margin-left: -20%;
	margin-right: -20%;
}
.guide_tab_con .instr_item {
    padding: 80px 0;
	min-height: 460px;
}
.guide_pic{
	width: 35.4%;
	margin-right: 7%;
}
.guide_num{
	width: 98px;
	margin: 0 auto 25px;
}
.guide_gray{
	margin-top: 20px;
	padding: 19px;
	background: #ededed;
	border-radius: 12px;
}
.guide_gray h3{
	margin-bottom: 5px;
	text-align: center;
	font-weight: bold;
}
.guide_app_h3{
	font-size: 0.875rem;
	margin-bottom: 10px;
}
.guide_gray .app_btn_terms{
	margin-top: 20px;
}
.guide_gray .reg_app_btn a img{
	min-height: 42px;
}
.guide_a01{
	margin: 0 -1px;
	padding-bottom: 15px;
}
.guide_pic_s{
	max-width: 244px;
	margin-left: -20px;
}
.guide_pic_l{
	max-width: 267px;
	margin-left: -33px;
}
.guide_gray_p{
	margin-bottom: 8px;
	font-size: 0.75rem;
	font-weight: bold;
	line-height: 1.8;
}
.guide_font11{
	font-size: 0.6875rem;
	line-height: 1.6;
}
.guide_c02{
	margin-top: 10px;
	margin-bottom: -5px;
	text-align: center;
}
.guide_col01{
	width: 64%;
	font-size: 0.75rem;
}
.guide_col02{
	width: 34.2%;
	font-size: 0.75rem;
}
.guide_tab_con .ui_open{
	margin-top: 20px;
	background: #f6f6f6;
	font-size: 0.875rem;
}
.guide_tab_con .ui_open_box{
	padding: 0 15px 20px 20px;
	line-height: 1.7;
}
.guide_tab_con .ui_open .ui_open_btn{
	padding: 20px;
}
.guide_tab_con .ui_open .ui_open_btn::before, .guide_tab_con .ui_open .ui_open_btn::after{
	right: 20px;
}
.instr_item04{
	align-items: flex-start;
}
.instr_item04 .guide_pic{
	padding-top: 40px;
}
.guide_mat{
	margin: 0 auto;
}
.guide_tac_pc{
	text-align: center;
}
.guide_text .app_h3 + .app_note_s{
	margin-top: -10px;
}
.guide_porid{
	position: relative;
	top: -80px;
}
.guide_btn_anc{
	cursor: pointer;
	text-decoration: underline;
}

@media only screen and (min-width: 0) and (max-width: 766px) {
	.app_lead_menu{
		margin: 40px auto 10px;
		justify-content: space-between;
	}
	.app_lead_menu a{
		width: calc((100% - 8px)/3.001);
		margin: 0;
		padding: 0 0 12px;
		height: 75px;
	}
	.app_lead_menu a::after{
		left: 50%;
		top: auto;
		bottom: 10px;
		border-width: 1px;
		transform: translateX(-50%) rotate(135deg);
	}
	
	.app_reg_flex{
		flex-wrap: wrap;
	}
	.app_col0201{
		margin-bottom: 15px;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
	}
	.app_reg_flex .reg_h3{
		font-size: 1.1rem;
	}
	.app_reg_whi{
		border-radius: 10px;
	}
	.app_reg_whi01{
		min-height: auto;
		width: 100%;
		padding: 30px 15px 35px;
	}
	.app_reg_whi01 .reg_h3{
		margin-bottom: 25px;
	}
	.app_reg_stit{
		margin: 0 0 20px;
		font-size: 0.9375rem;
	}
	.app_reg_whi02,.app_reg_whi03{
		height: auto;
		width: calc((100% - 8px)/2.001);
		padding-left: 2vw;
		padding-right: 2vw;
	}
	.app_reg_whi02 .reg_h3,.app_reg_whi03 .reg_h3{
		min-height: 60px;
	}
	.app_reg_flex .reg_h3 small{
		display: inline-block;
		font-size: 0.7rem;
		font-feature-settings: "palt";
		letter-spacing: -0.05em;
	}
	.app_img_b05{
		width: 88px;
		margin: 0 auto 10px;
	}
	.app_reg_text{
		margin-top: 20px;
		font-size: 0.75rem;
	}
	.app_links_arr{
		font-size: 0.875rem;
	}
	.app_guide_box{
		min-height: inherit;
		width: calc(100% + 4vw);
		margin: 60px 0 20px;
		padding: 35px 0;
	}
	.app_guide_h3{
		font-size: 4.6vw;
		line-height: 1.6;
	}
	.ui_totop{
		width: 50px;
		height: 50px;
		right: 15px;
		bottom: 15px;
	}
	.ui_totop.is_on:hover{
		opacity: 1;
	}
	.app_anc_menu01{
		top: -60px;
	}
	.guide_follow{
		top: auto;
		bottom: 0;
		width: 100%;
		height: 50px;
		display: flex;
		flex-direction: row;
		pointer-events: auto;
		transition: 0.3s;
	}
	.guide_follow a{
		width: 33.333%;
		height: 100%;
		border-bottom: none;
		border-right: 1px solid #c7c6c6;
	}
	.guide_follow a:last-child{
		border-right: none;
	}
	.guide_follow.is_hide{
		opacity: 0;
		pointer-events: none;
	}
	.guide_sec1{
		padding-top: 0;
		padding-bottom: 15px;
		min-height: auto;
	}
	.guide_sec1 .app_note_s{
		padding: 0 4vw;
	}
	.guide_sec1 .reg_info{
		padding-right: 4vw;
		padding-bottom: 5vw;
	}
	.guide_tab_btn{
		margin-top: 15px;
		border-bottom-width: 2px;
	}
	.guide_tab_btn .ui_tabBtn{
		font-size: 1rem;
		height: 75px;
		border-radius: 10px 10px 0 0;
	}
	.guide_tab_con .instr_item{
		margin-left: -5vw;
		margin-right: -5vw;
		padding: 70px 5vw;
	}
	.guide_text{
		width: 100%;
		margin: 0;
	}
	.guide_pic{
		width: 100%;
		margin: 0;
	}
	.guide_text .app_h3{
		margin: 0 0 25px;
	}
	.guide_a01{
		max-width: 282px;
		margin: 40px auto 20px;
	}
	.guide_text .app_h3{
		margin-left: -3vw;
		margin-right: -3vw;
		font-size: 1.09rem;
	}
	.guide_pic_s{
		width: 211px;
		margin: 0 auto;
		transform: translateX(4px);
	}
	.guide_gray{
		margin-bottom: 40px;
		padding: 15px;
	}
	.guide_gray_p{
		font-size: 0.875rem;
	}
	.guide_font11{
		font-size: 0.75rem;
	}
	.guide_c02{
		margin: 5px auto;
		width: 140px;
	}
	.guide_pic_l{
		width: 227px;
		margin: 0 auto;
	}
	.guide_gray h3{
		font-size: 1.1875rem;
	}
	.guide_gray .guide_app_h3{
		font-size: 0.875rem;
	}
	.guide_col01{
		width: 63.5%;
	}
	.guide_col01 p,.guide_col02 p{
		margin-bottom: 4px;
	}
	.guide_gray + .guide_pic{
		padding-top: 0;
		margin-bottom: 40px;
	}
	.guide_mb30sp{
		margin-bottom: 30px;
	}
	.guide_tab_con .ui_tabBody{
		padding: 0 5vw;
	}
	.guide_tab_con .app_wide{
		padding: 0;
	}
	.instr_item_first .guide_gray{
		margin-bottom: 0;
	}
	.guide_tac_pc{
		text-align: left;
	}
	.guide_num{
		width: 84px;
	}
	.guide_log{
		padding: 16vw 0 0;
		margin-bottom: 16vw;
	}
	
	
}