@charset "UTF-8";
/* CSS Document */
a{
	text-decoration: none;
}
a:hover{
	opacity: 0.8;
	transition: all .3s;
}

main{
	background-color: #f3f3f3;
}
.pc{
	display: block;
}
.sp{
	display: none;
}
.center{
	text-align: center!important;
}
.object-fit-img {
  object-fit: contain;
  font-family: 'object-fit: contain;'
}
.btn_top {
    text-align: right;
    padding: 0 20px 20px 0;
    font-size: 14px;
    background: #f3f3f3;
}
.btn_top a span {
    color: #003e70;
}
.btn_top a{
	color: #000;	
}
.guide_ttl{
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.guide_ttl table{
	margin: 0 auto;
}
.guide_ttl tr{
	background-color: #ef8600;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.guide_content{
	background-color: #f3f3f3;
	padding: 40px 0;
	position: relative;
}
.small {
    font-size: 70%;
}

.print {
    border: 1px solid #003e70;
    position: absolute;
    padding: 10px;
    width: 120px;
    padding-left: 45px;
    color: #003e70;
    top: 40px;
    right: 60px;
}
.print p{
 font-size: 13px;	
}
.print::before{
	position: absolute;
    top: 50%;
    left: 10px;
    display: inline-block;
    width: 25px;
    height: 26px;
    background-size: 25px 26px;
    transform: translate(0,-50%);
	background: url("../img/print.png")no-repeat;
	content:""
}
.guide_ttl td:last-child{
    font-size: 22px;
    vertical-align: middle;
    padding: 0 20px;
    color: #FFF;
    font-weight: bold;
}
.guide_btn_box {
	display: flex;
    max-width: 1000px;
    margin: 30px auto 0;
}
.guide_btn_box a{
    border: 1px solid #003e70;
    padding: 30px 0;
    background-color: #FFF;
    color: #003e70;
    width: 41vw;
    max-width: 430px;
    text-align: center;
    height: 11vh;
    position: relative;
    margin: 0 auto;
}
.guide_btn{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
}
.guide_btn p{
	font-size: 15px;
}
.guide_btn table{
	margin: 0 auto;
}
.guide_btn_box a:last-child{
	margin-left: 40px;
}
.guide_btn h3{
	font-size: 20px;
	font-weight: bold;
}
.guide_btn td{
	position: relative;
}
.arrow02{
	position: absolute;
	top: 50%;
    right: -10px;
    width: 18px;
    height: 8px;
    transform: translate(0, -25%);
}
#guide_menu{
	padding: 10px 0;
	background-color: #FFF;
}
.guide_header_txt{
	text-align: center;
	font-size: 18px;
}
.guide_menu{
	max-width: 1015px;
	display: flex;
	margin: 30px auto;
}
.guide_menubox{
	background-color: #f3f3f3;
	border: 1px solid #dcdcdc;
	width: 490px;
}
.guide_menubox .guide_box2 ul{
	list-style: none;
}
.guide_menubox .guide_box2 li {
    line-height: 2;
    text-indent: 0;
}
.guide_menubox .guide_box2 li::before{
	content: "・"
}
.guide_menubox:last-child{
	margin-left: 35px;
}
.guide_box{
	background-color: #003e70;
}
.guide_box:hover{
	opacity: 0.8;
	    transition: all .3s;
}
.guide_box h3{
	color: #fff;
	font-weight: bold;
			position: relative;
	font-size: 18px;

}
.fl{
	float: left;
    padding-right: 30px;
}
.guide_box table{
	position: relative;
}
.guide_box td:last-child{
	    vertical-align: middle;
    padding-left: 20px;
}
.guide_box .ttl{
	width: 390px;
}
.guide_box .ttl::after {
    position: absolute;
    top: 50%;
    right: 15px;
    content: "";
    display: inline-block;
    width: 9px;
    height: 15px;
    background: url("../../assets/img/ic_arrow_right.svg") no-repeat;
    background-size: 9px 15px;
    transform: translate(0,-50%);
}
.guide_box2 ul{
	font-size: 14px;
    list-style: disc;
    text-indent: 14px;
    padding: 20px;
}
@media screen and (max-width: 974px) {
	.pc{
	display: none;
	}
	.sp{
		display: block;
	}

	#guide_menu {
		padding: 10px;
	}
	.guide_box .ttl {
		width: auto!important;
	}
	.guide_ttl td:last-child {
		text-align: left;
		font-size: 1.2em;
	}
	.guide_box h3 {
		padding: 0 50px 0 0;
		font-size: 1em;
	}
	.guide_box td:first-child {
		background-color: #FFF;
		vertical-align: middle;
	}
}

@media screen and (max-width: 881px) {
	.guide_content {
		padding: 90px 0 40px;
		position: relative;
		width: 90%;
		margin: 0 auto;
	}
	.guide_btn_box {
	width: 100%;
	}
	.guide_ttl {
	width: 100%;
}
	.guide_ttl td:first-child {
		background-color: #FFF;
		vertical-align: middle;
	}
	.print {
		top: 20px;
		right: 0;
	}
	
	.guide_ttl td:last-child {
		text-align: center;
		padding: 10px 20px;

	}
	
}
	@media screen and (max-width: 640px) {
		.guide_menu {
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	.guide_menubox {
		width: 90%;
		display: block;
		margin: 30px auto;
	}
	.guide_menubox:last-child {
		margin-left: auto;
	}
	.guide_box td:last-child {
		width: 80%!important;
	}
}


/*----------------------
guide
---------------------*/
#menu01{
	background: #f3f3f3;
	padding-bottom: 50px;
}
.menu01_ttl{
	background-color: #003e70;
	max-width: 1000px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	padding: 30px;
}
.menu01_ttl h3{
    font-size: 26px;
    font-weight: bold;
}
.menu01_box{
	display: flex;
	border: 1px solid #003e70;
	background-color: #FFF;
	max-width: 1000px;
	margin: 0 auto;
}
.menu01_txt {
    display: block;
    text-indent: 0 !important;
    text-align: center!important;
    margin: 30px auto;
}
.menu01_box h3 {
    color: #2665c1;
    text-align: center;
    font-size: 22px;
    padding: 30px 0;
    line-height: 1;
}
.menu01_box table{
	margin: 0 auto;
}
.menu01_box td{
	vertical-align: middle;
}
.menu01_box p{
	font-size: 15px;
    text-align: left;
    text-indent: -15px;
    padding-left: 15px;
}
.menu01_box img{
	display: block;
	text-align: center;
	margin: 20px auto 35px;
}
.menu01_pc{
	padding: 0 30px;
}
.menu01_smpweb{
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    padding: 0 30px;
}
.menu01_smpapp{
	position: relative;
	    padding: 0 30px;
}

.menu01_1_ttl h3{
	font-size: 26px;
}

#menu02{
	background: #f3f3f3;
	padding-bottom: 50px;
}
.menu02_ttl{
	background-color: #003e70;
	max-width: 1000px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	padding: 30px;
}
.menu02_ttl h3{
	    font-size: 26px;
    font-weight: bold;
}
.menu02_box{
    border: 1px solid #003e70;
    background-color: #FFF;
    max-width: 1000px;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.menu02_box h3{
    color: #2665c1;
    text-align: center;
    font-size: 22px;
    padding: 30px 0;
    line-height: 1;
}
.menu02_txt{
    display: block;
    text-indent: 0 !important;
    text-align: center;
    max-width: 680px;
    margin: 30px auto;
}

.menu02_box p {
    font-size: 15px;
    text-align: left;
    text-indent: -15px;
    padding-left: 15px;
}
.menu02_box img{
	display: block;
	text-align: center;
	margin: 20px auto 35px;
}
.menu02_box .small {
    font-size: 70%;
}
.menu02_pc{
	padding: 0 30px;
	display: inline-block;
}
.menu02_pc li {
    text-align: left;
    list-style: none;
    font-size: 15px;
    text-indent: -15px;
    padding-left: 15px;
}
.menu02_smpapp{
	padding: 0 30px;
	display: inline-block;
    border-left: 1px solid #cdcdcd;
	vertical-align: top;
}
.menu02_smpapp_2{
	padding: 0 30px;
	display: inline-block;
    border-left: 1px solid #cdcdcd;
	vertical-align: top;
}
.menu02_smpapp table{
	margin: 0 auto;
}
.menu02_smpapp td{
	vertical-align: middle;
}

.menu02_smpapp_2 table{
	margin: 0 auto;
}
.menu02_smpapp_2 td{
	vertical-align: middle;
}
.menu02_smp {
    padding: 0 30px;
    display: inline-block;
    border-left: 1px solid #cdcdcd;
    vertical-align: top;
}
@media screen and (max-width: 881px) {
	#menu01 {
		width: 90%;
		margin: 0 auto;
	}
	.menu01_box {
		display: block;
		text-align: center;
	}
	.menu01_box p {
		font-size: 15px;
		text-align: center;
		text-indent: 0;
		padding-left: 0;
	}
	.menu01_pc {
		padding: 0 30px;
		border-bottom: 1px solid #cdcdcd;
	}
	.menu01_smpweb {
		border-bottom: 1px solid #cdcdcd;
		border-left: none;
		border-right: none;
		padding: 0 30px;
	}
	.menu01_smpapp {
		border-bottom: none;
		padding: 0 30px;
	}
	.menu01_1_ttl h3 {
		font-size: 1.3em;
	}
	#menu02{
		width: 90%;
		margin: 0 auto;
	}
	.menu02_tips {
		width: 90%;
	}
	.menu02_smpapp {
    display: inline;
	border-left: none;
	}
	.menu02_box p{
		text-align: center;
	}
	.smp01 {
	    left: 31%!important;
	}
	.smp02 {
	    left: 27%!important;
	}
}
.smpapp{
	position: relative;
}
.smp01{
	position: absolute;
    top: 250px;
    left: 15px;
}
.smp02{
    position: absolute;
    bottom: 225px;
    left: -3px;
    text-align: left!important;
}
.menu02_tips{
    background-color: #fdedda;
    max-width: 900px;
    padding: 25px 50px;
    margin: 40px auto;
}
.tips_ttl{
	border-bottom: 1px solid #000;
	max-width: 800px;
	margin: 0 auto;
}
.tips_ttl h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    padding: 10px 0;
    color: #000;
}
.menu02_tips ul{
	list-style: none;
}
.menu02_tips li {
    line-height: 1.5;
    text-indent: 0;
}
.menu02_tips li::before{
	content: "・"
}
.menu03_tips ul{
	list-style: none;
}
.menu03_tips li {
    line-height: 1.5;
    text-indent: 0;
}
.menu03_tips li::before{
	content: "・"
}
.menu02_tips p{
	text-align: left;
    margin: 10px auto;
    max-width: 800px;
}
.menu02_tips img{
	margin-bottom:0;
}
.menu02_tips table {
    text-align: left;
    margin-top: 20px;
}
.menu02_tips td:first-child{
	padding-right: 10px;
}
.menu02_tips td{
    padding: 5px 0;
    letter-spacing: 0;
    vertical-align: middle;
}.menu02_tips ul{
    text-indent: 16px;
    margin-top: 20px;
}
.menu02_tips td img{
	margin: 0!important;
}
.btn{
	background-color: #013e71;
    padding: 20px;
    width: 430px;
    margin: 50px auto;
    color: #fff;
    text-align: center;
	position: relative;
	display: block
}
.btn p{
	font-size: 18px;
}
.btn p::after{
    position: absolute;
    top: 50%;
    right: 22px;
    content: "";
    display: inline-block;
    width: 9px;
    height: 15px;
    background: url(../../assets/img/ic_arrow_right.svg) no-repeat;
    background-size: 9px 15px;
    transform: translate(0,-50%);
}
.btn_jinji{
    background-color: #fff;
    padding: 20px;
    width: 430px;
    margin: 0 auto 30px;
    color: #fff;
    text-align: center;
    position: relative;
    border: 1px solid #013e71;
    display: block;
}
.btn_jinji p{
	font-size: 18px;
	color: #013e71;
	font-weight: bold;
}
.btn_jinji p::after{
    position: absolute;
    top: 50%;
    right: 22px;
    content: "";
    display: inline-block;
    width: 9px;
    height: 15px;
    background: url(../../assets/img/ic_arrow_right_02.svg) no-repeat;
    background-size: 9px 15px;
    transform: translate(0,-50%);
}
@media screen and (max-width: 881px) {
	.btn {
	width: 90%;
	padding: 20px 50px 20px 30px;
	}
	
	.guide_btn_box {
		display: block;
	}
	.guide_btn_box a {
		width: 90%;
		display: block;
		height: 10vh;
	}
	.guide_btn_box a:last-child {
		margin: 30px auto 0;
	}
	.btn_jinji {
		width: 90%;
	}
}
@media screen and (max-width: 320px) {
	.guide_btn_box a {
		height: 16vh;
	}
	.guide_btn p {
		padding-bottom: 0;
	}
	.guide_btn h3 {
		font-size: 17px;
	}
}
/*
水色帯
*/
.menu01_1box_txt{
	padding-bottom: 40px;
	font-size: 15px;
	text-align: center;
}
.menu01_1{
	background: #f3f3f3;
	padding-bottom: 50px;
}
.menu01_1_ttl{
	background-color: #003e70;
	max-width: 1000px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	padding: 30px;
}
.menu01_1box{
	border: 1px solid #193e6f;
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 50px;
}
@media screen and (max-width: 881px) {
	.menu01_1 {
		width: 90%;
		margin: 0 auto;
	}
	.menu01_1box_txt {
		font-size: 1em;
		text-align: left;
		padding: 0 10px 20px 10px;
	}
}
.follow {
    display: flex;
    max-width: 770px;
    width: 100%;
    margin: 0 auto 30px;
}
.follow a{
	color: #193e6f;
	text-decoration: underline;
	
}
.follow ul{
    max-width: 260px;
    width: 33.3%;
	border-left: 1px solid #cdcdcd;
	padding: 30px;
}
.follow ul:first-child{
	padding-left: 0;
	border-left: none;
	padding-right: 30px;
}
.follow ul:last-child{
	padding-right: 0;
}
.follow li{
	list-style: none;
}
.follow h4 {
    color: #003e70;
    padding-bottom: 20px;
}
.follow02 {
    display: flex;
    max-width: 810px;
    width: 100%;
    margin: 0 auto 40px;
}
.follow02_box a{
    color: #193e70;
    text-decoration: underline;
}
.follow02_box {
    vertical-align: middle;
    padding: 60px 30px 60px 0;
}
.follow02_box ul{
	padding-bottom: 30px;
}
.follow02_box ul:last-child{
	padding-bottom:0;
}
	.follow02_box li{
	list-style: none;
}
@media screen and (max-width: 881px) {
	.menu01_1box {
	width: 100%;
	padding: 40px 0;
	}
	.follow ul:first-child {
		padding-left: 0;
		border-left: none;
		padding-right: 0;
	}
	.follow {
		display: block;
	}
	.follow ul {
		width: 100%;
		max-width: 90%;
		border-bottom: 1px solid #cdcdcd;
		border-left: none;
		padding: 30px 0;
		margin: 0 auto;
	}
	.follow ul:last-child {
		border-bottom: none;
	}
	.follow02 {
		display: block;
	}
	.follow02_box {
		vertical-align: middle;
		padding: 60px 30px;
	}
	.follow02 img{
		margin: 0 auto;
		display: block;
	}
}
@media screen and (max-width: 414px) {
	.guide_btn_box a {
		height: 11vh;
	}
}

@media screen and (max-width: 320px) {
	.guide_btn_box a {
		height: 13vh;
	}
}

.guide_content3{
	margin-bottom: 35px;
}
.small02{
    font-size: 70%;
    line-height: 1.5;
    text-indent: 0;
    margin-left: -26px;
}
.guide_content3{
	background-color: #FFF;
	
}
.guide_box3_box ul {
    font-size: 15px;
    text-indent: -25px;
    padding-left: 25px;
    margin-bottom: 20px;
}
.guide_box3_box{
    display: flex;
    background-color: #fff;
    padding: 0 40px 30px;
}
.guide_box3_box img{
	margin: 0 auto 40px;
    display: block;
}
.guide_box3_box li {
    list-style: none;
    padding-bottom: 15px;
}
.guide_content3 h3{
	background-color: #2665c1;
    text-align: center;
    color: #FFF;
    padding: 15px 0;
    font-weight: bold;
    font-size: 20px;
}
.guide_box4{
    padding-right: 40px;
    max-width: 430px;
    width: 50%;
}
.guide_box4 a{
	    color: #193e6f;
    text-decoration: underline;
}
.guide_box5{
    border-left: 1px solid #cdcdcd;
    padding-left: 30px;
    max-width: 430px;
    width: 50%;
}
.guide_box5 table{
	margin: 20px auto 0;
}
.guide_box5 td h3{
	background-color: #FFF!important;
	color: #2665c1;
    text-align: center;
    margin: 0 auto;
    font-size: 22px;
    line-height: 1;
	
}
.guide_box5 td{
	padding-bottom:0;
}
.guide_box5 td img{
	vertical-align: middle;
    padding: 15px 0;
    margin-bottom: 10px;
}
.guide_box5 td:last-child{
	vertical-align: middle;
}
.guide_box4 p,.guide_box5 p{
	 font-size: 15px;	
}
.guide_content4{
	    background-color: #fdedda;
}
.guide_box4_box ul {
    font-size: 15px;
    text-indent: -25px;
    padding-left: 25px;
    margin-bottom: 20px;
}
.guide_box4_box{
    display: flex;
    padding: 0 40px 30px;
}
.guide_box4_box img{
	margin: 0 auto 40px;
    display: block;
}
.guide_box4_box li{
	list-style: none;
}
.guide_content4 h3{
    background-color: #003e70;
    text-align: center;
    color: #FFF;
    padding: 15px 0;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}
.guide_box6 {
    padding-right: 20px;
}
.guide_box7{
	border-left: 1px solid #cdcdcd;
    padding: 0 30px;
}
.guide_box8{
    border-left: 1px solid #cdcdcd;
    padding-left: 30px;
}
.guide_box8 table{
	margin: 20px auto 0;
}
.guide_box8 td h3{
	background-color:#fdedda;
	color: #2665c1;
    text-align: center;
    margin: 0 auto;
    font-size: 22px;
    line-height: 1;
	
}
.guide_box8 td{
	padding-bottom:0;
}
.guide_box8 td img{
	vertical-align: middle;
    padding: 15px 0;
    margin-bottom: 10px;
}
.guide_box8 td:last-child{
	vertical-align: middle;
}

.guide_box9 ul,.guide_box10 ul,.guide_box11 ul{
	text-indent: 0;
    padding-left: 0;
}
.guide_box9{
    padding-right: 20px;
    max-width: 260px;
}
.guide_box10{
    border-left: 1px solid #cdcdcd;
    padding: 0 30px;
    max-width: 300px;
}
.guide_box11{
    border-left: 1px solid #cdcdcd;
    padding-left: 30px;
	max-width:260px;
}
.guide_box11 table{
	margin: 20px auto 0;
}
.guide_box11 td h3{
	background-color:#fff;
	color: #2665c1;
    text-align: center;
    margin: 0 auto;
    font-size: 22px;
    line-height: 1;
	
}
.guide_box11 td{
	padding-bottom:0;
}
.guide_box11 td img{
	vertical-align: middle;
    padding: 15px 0;
    margin-bottom: 10px;
}
.guide_box11 td:last-child{
	vertical-align: middle;
}

@media screen and (max-width: 881px) {
	.guide_box3_box {
		display: block;
	}
	.guide_box3_box {
		padding: 0 0 30px;
	}
	.guide_box3_box ul {
		width: 90%;
		margin: 0 auto;
	}
	.guide_box3_box img {
		padding: 0 20px;
	}
	.guide_content3 {
		background-color: #FFF;
		width: 90%;
		margin: 0 auto;
	}
	.guide_content4 {
		width: 90%;
		margin: 0 auto;
	}
	.guide_box4 {
		padding-right: 0;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		border-bottom: 1px solid #cdcdcd;
		padding: 0;
	}
	.guide_box4_box {
		display: block!important;
		padding: 0 20px 0;
	}
	.guide_box5 {
		border-left: none;
		padding-left: 0;
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	.guide_box6 {
		padding-bottom: 0;
		border-bottom: 1px solid #cdcdcd;
	}
	.guide_box7 {
		border-left: none;
		border-bottom: 1px solid #cdcdcd;
		padding-bottom: 30px;
	}
	.guide_box8 {
		border-left: none;
		padding-left: 0;
		padding-bottom: 30px;
	}
	.guide_box9 {
		padding-right: 0;
		width: 100%;
		margin: 0 auto;
		border-bottom: 1px solid #cdcdcd;
		    max-width: 100%;
	}
	.guide_box10,.guide_box11 {
		border-left: none;
		width: 100%;
		margin: 0 auto;
		    max-width: 100%;
	}
	.guide_box10{
		border-bottom: 1px solid #cdcdcd;
		    max-width: 100%;
	}
}
@media screen and (max-width: 320px) {
	.guide_content3 h3 {
		padding: 15px 10px;
		font-size: 18px;
		}
}
.mb10{
	margin-bottom: 10px!important;
}
.mb30{
	margin-bottom: 30px;
}
.note{
	text-align: center;
    font-size: 12px;
}
.guide_ttl02{
	    color: #2665c1;
    text-align: center;
    margin: 30px auto;
	font-size: 22px;
	line-height: 1;
}
.pt30{
	padding-top: 30px;
}
.mb10{
	margin-bottom: 10px!important;
}
.guide_ttl02{
	    color: #2665c1;
    text-align: center;
    margin: 30px auto;
	font-size: 22px;
	line-height: 1;
}


.device{
    background-color: #FFF;
    margin-bottom: 40px;
    padding: 40px 20px;
}
.device img{
	display: block;
    margin: 0 auto;
}
.device_box{
    display: flex;
    max-width: 870px;
    width: 100%;
    margin: 0 auto;
    background-color: #FFF;
}
.device_list{
    max-width: 290px;
    width: 33.3%;
    padding: 0 20px 30px 20px;
    border-left: 1px solid #dcdcdc;
    margin-top: 30px;
}
.device_list:first-child{
	border-left: none;
}
.device_list a{
	color: #003e70;
	text-decoration: underline;
}
.device_list h4{
	padding: 10px 0;
	text-align: center;
	color: #2665c1;
	font-size: 22px;
}
.device_list h3{
    background-color: #2665c1;
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    font-size: 18px;
    margin-bottom: 10px;
}
.device_list p{
	font-size: 15px;
	padding-bottom: 30px;
	position: relative;
}
@media screen and (max-width: 881px) {
	.device_box {
		display: block;
		max-width: 100%;
		width: 100%;
	}
	.device {
		width: 90%;
		margin: 0 auto;
		padding: 40px 0;
	}
	.device_list {
		max-width: 100%;
		width: 100%;
		border-left: none;
		border-bottom: 1px solid #cdcdcd;
	}
	.device_list:last-child{
		border-bottom: none;
	}
}
.appicon_txt{
    padding: 20px 0 0 70px;
    vertical-align: middle;
}
.appicon_01::before {
    position: absolute;
    top: 40px;
    left: 0;
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url(../guide_10/img/guide10_app01.png) no-repeat;
    background-size: 60px 60px;
    transform: translate(0,-50%);
}
.appicon_02::before {
    position: absolute;
    top: 40px;
    left: 0;
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url(../guide_10/img/guide10_app02.png) no-repeat;
    background-size: 60px 60px;
    transform: translate(0,-50%);
}
.app_note{
	background-color: #3165c1;
    max-width: 250px;
    color: #FFF;
    padding: 10px 5px;
    margin-bottom: 10px;
}
.app_note_list li::before{
 content: "●";
	color: #3165c1;
}
.app_content h3{
	background-color: #fdedda;
	color: #000;
	
}
.app{
	text-align: center;
}
.app img:first-child{
	padding-right: 20px;
}
.app_download{
    display: flex;
    width: 100%;
    background-color: #fdedda;
}
.pb0{
 padding-bottom: 0!important;	
}
.app_content{
    width: 50%;
    max-width: 450px;
    background-color: #fdedda;
    border-right: 1px solid #dcdcdc;
    padding-bottom: 30px;
}
@media screen and (max-width: 881px) {
	.app_content {
		width: 100%;
		max-width: 100%;
		border-right: none;
	}
	.app_note {
		max-width: 100%;
		text-align: center;
	}
	.app img:first-child {
		padding-right: 20px;
		margin: 20px auto 0;
	}
}
.menu03_box {
    background-color: #FFF;
    max-width: 950px;
    margin: 0 auto;
    display: flex;
    text-align: left;
}
.menu02_smp ul{
	padding-bottom: 20px;
}
.menu02_smp li{
    list-style: none;
    font-size: 15px;
    text-indent: -15px;
    padding-left: 15px;
}
.menu02_smp .txt{
	color: #2665c1;
	font-size: 15px;
}
.menu02_smp td{
	padding:0 10px;
	text-align: center;
	vertical-align: top;
}
.border_r{
	border-right: 1px solid #dcdcdc;
}
.menu_tips{
    border: 1px solid #003e70;
    padding: 30px;
    width: 620px;
    margin: 0 auto 40px;
    text-align: center;
}
.menu_tips li{
	text-align: left;
	list-style: none;
	font-size: 15px;
	text-indent: -16px;
}
.menu_tips li::before{
	 content: "●";
	color: #3165c1;
}
.menu04_box{
	margin: 10px auto;
    width: 900px;
}
.menu04_box ul{
	width: 600px;
    text-align: left;
    margin: 30px auto;
    list-style: none;
}
.menu05_box{
	border: 1px solid #003e70;
    background-color: #FFF;
    max-width: 1000px;
    margin: 0 auto;
}
.border_none{
	border: none!important;
}
.txt{
	text-align: center;
    margin: 30px auto;
    font-size: 15px;
}
.menu03_txt{
	    width: 800px;
    text-align: left!important;
	margin:30px auto;
	text-indent: 0!important;
	font-size: 15px;
    text-align: center;
    padding-left: 0!important;
}
.menu03_tips {
    background-color: #fdedda;
    max-width: 1000px;
    padding: 25px 100px;
    margin: 0 auto;
}
.menu03_tips ul {
    text-indent: 16px;
    margin-top: 20px;
}
@media screen and (max-width: 881px) {
	.menu03_box {
		max-width: 100%;
		display: block;
	}
	.menu02_smp {
		padding: 0 30px;
		display: inline-block;
		border-top: 1px solid #cdcdcd;
	}
	.menu_tips {
		width: 90%;
	}
	.menu04_box {
		margin: 10px auto;
		width: 100%;
	}
	.menu04_box ul {
		width: 90%;
	}
	.menu02_box img {
		padding: 0 20px;
	}
	.menu02_tips {
		width: 90%;
		padding: 25px;
	}
	.menu02_tips li {
		line-height: 1.5;
		text-indent: -16px;
		padding-left: 16px;
	}
	.menu02_tips td img {
		margin: 0 auto!important;
	}
	.menu02_tips td:first-child {
		padding-right: 0;
		width: 100%;
	}
	.menu02_tips td {
		width: 100%;
		display: block;
	}
	.menu02_tips td img {
		padding: 0;
	}
	.menu03_tips {
		background-color: #fdedda;
		max-width: 90%;
		padding: 25px 20px;
		margin: 0 auto 20px;
		width: 90%;
	}
	.menu03_txt {
		width: 90%;
	}
	.menu03_tips li {
		padding-bottom: 10px;
		text-indent: -17px;
		padding-left: 10px;
	}
	.txt {
		padding: 0 10px;
	}
}