@charset "utf-8";
/*--京common.css--*/
/* ##########PC########## */
	.thanks_msg{
		font-size:1.4em;
		text-align:center;
		color:#008740;
		margin-bottom:2em;
	}
	
	.product_box{
		width:920px;
		padding:30px 20px;
		/*border:1px solid #ccc;*/
		box-sizing:border-box;
		margin:0 auto;
        background: #efefef;
	}
	
	.product_box.sp2{
		margin-bottom:40px;
	}
	
	.product_box.sps{
		margin-bottom:80px;
	}
	
		.product_box > .box_header{
			display: flex;
			justify-content: center;
			margin-bottom: 40px;
		}

			.product_box > .box_header .product_img_box{
				margin: 0 20px;
			}

            .product_box > .box_header .product_img_box .product_img{
                margin-bottom: 10px;
            }

			.product_box > .box_header h3{
				font-size: 1.3em;
				font-weight: bold;
				color: #004E93;
				position: relative;
				margin: 0 0 0.5em 0;
				padding-left: 0.6em;
				line-height:1.2;
				/*border-left:8px solid #004E93;*/
			}
			
			/*
				.product_box > .box_header h3:before{
					content: "";
					display: inline-block;
					height: 1.4em;
					width: 8px;
					background: #004E93;
					position: absolute;
					top: 0;
					left: 0;
				}
			*/
	
		.product_box > .box_inner{
			display:flex;
		}

			.product_box > .box_inner .product_img{
				padding-right:30px;
				white-space:nowrap;
			}
			
			.product_box > .box_inner .support_text{}


            .product_box > .box_inner .support_text .st_st_wrap{
                text-align: center;
            }

                .product_box > .box_inner .support_text .support_text_sub_title{
                    font-size: 1.4em;
                    font-weight: bold;
                    color: #004E93;
                    position: relative;
                    margin: 0 0 1em 0;
                    padding-left: 0.6em;
                    line-height:1.2;
                    border-left:8px solid #004E93;
                    display: inline-block;
                }

				.product_box > .box_inner .support_text p{
					margin-bottom:1em;
					line-height:1.8;
				}

                .product_box > .box_inner .support_text p.support_text_b{
                    margin-bottom: 3em;
                }
				
				.product_box > .box_inner .support_text p:last-child{
					margin-bottom:0;
				}
				
				.product_box > .box_inner .support_text .available_list{
					display:flex;
					line-height:1.8;
					margin-bottom:1em;
					font-size:0.95em;
				}
				
					.product_box > .box_inner .support_text .available_list dl{
						margin-right:20px;
					}
					
					.product_box > .box_inner .support_text .available_list dl:last-child{
						margin-right:0;
					}
					
						.product_box > .box_inner .support_text .available_list dl dt{
							font-weight:bold;
						}
						
							.product_box > .box_inner .support_text .available_list dl dt:before{
								font-family: FontAwesome;
								content:"\f0d7";
								font-weight:normal;
								margin-right:0.3em;
								color:#008740;
							}
						
						.product_box > .box_inner .support_text .available_list dl dd{
                            text-align: center;
                        }

							.product_box > .box_inner .support_text .available_list dl dd p{
								font-size: 0.8em;
							}

							.product_box > .box_inner .support_text .available_list dl dd .available_img{
								border:1px solid #ccc;
								padding:2px;
								display: inline-block;
							}

                            .product_box > .box_inner .support_text .available_list dl dd .available_img.b_none{
                                border: none;
                            }
							
							.product_box > .box_inner .support_text .available_list dl dd ul{
								padding-left:0.5em;
							}
							
							.product_box > .box_inner .support_text .available_list dl dd ul li{
								padding-left:1em;
								position:relative;
							}
							
							.product_box > .box_inner .support_text .available_list dl dd ul li:before{
								content:"・";
								position:absolute;
								top:0;
								left:0;
							}
							
	.goto_registration_login{
		width:750px;
		margin:0 auto 7em auto;
	}
	
		.goto_registration_login ul{
			display:flex;
			justify-content:space-between;
		}
		
		.goto_registration_login ul li{
			width:350px;
		}
		
		.goto_registration_login ul li a{
			display:flex;
			flex-direction:column;
			justify-content:center;
			align-items:center;
			width:100%;
			height:80px;
			line-height:1;
			text-decoration:none;
			box-sizing:border-box;
			border:1px solid #fff;
			box-shadow:0 5px 3px -3px rgba(0,0,0,0.5);
			color:#fff;
			position:relative;
			z-index:1;
			text-shadow:2px 2px 0 rgba(0,0,0,0.3);
			transition:.3s all ease;
		}
		
		.goto_registration_login ul li a:hover{
			transform:translateY(1px);
		}
		
		.goto_registration_login ul li.goto_registration a{
			background:#008740;
		}
		
		.goto_registration_login ul li.goto_login a{
			background:#004284;
		}
		
			.goto_registration_login ul li a:before{
				content:"";
				display:block;
				width:calc(100% - 2px);
				height:50%;
				position:absolute;
				bottom:1px;
				left:1px;
				z-index:-1;
				background:rgba(0,0,0,0.1);
				transition:.3s all ease;
			}
			
			.goto_registration_login ul li a:hover:before{
				background:rgba(0,0,0,0.2);
			}
			
			.goto_registration_login ul li a .btn_text_sub{
				margin-bottom:0.5em;
				position:relative;
				z-index:2;
			}
			
			.goto_registration_login ul li a .btn_text_main{
				font-size:1.3em;
				font-weight:bold;
				position:relative;
				z-index:2;
			}
		
		
		
		

/* ##########SP########## */
@media screen and (max-width:479px) {
	.thanks_msg{
		font-size:1.1em;
	}
	
	.product_box{
		width:100%;
		padding:3vw;
		margin:0;
	}
	
	.product_box.sp2{
		margin-bottom:2em;
	}
	
	.product_box.sps{
		margin-bottom:4em;
	}

	.product_box > .box_header{
		display: block;
		text-align: center;
	}

		.product_box > .box_header .product_img_box{
			padding: 4vw 0;
		}

		.product_box > .box_header h3{
			font-size: 1.2em;
			text-align: left;
		}
			
			.product_box > .box_header h3:before{
				width: 1.5vw;
			}
	
		.product_box > .box_inner{
			display:block;
		}
		
			.product_box > .box_inner .product_img{
				padding-right:0;
				text-align:center;
			}
			
				.product_box > .box_inner .product_img img{
					max-width:70%;
					height:auto;
				}
			
			.product_box > .box_inner .support_text p{
				line-height:1.6;
			}
				
				.product_box > .box_inner .support_text p:last-child{
					margin-bottom:0;
				}
				
				.product_box > .box_inner .support_text .available_list{
					display:block;
					line-height:1.6;
					margin-bottom:1em;
				}
				
					.product_box > .box_inner .support_text .available_list dl{
						margin-right:0;
						margin-bottom:1em;
					}
					
					.product_box > .box_inner .support_text .available_list dl:last-child{
						margin-bottom:0;
					}
					
						.product_box > .box_inner .support_text .available_list dl dt{
							margin-bottom:0.5em;
						}
						
						.product_box > .box_inner .support_text .available_list dl dd{
							/*display:flex;*/
						}
						
							.product_box > .box_inner .support_text .available_list dl dd .available_img{
								/*width:40%;*/
								border:none;
								padding:0;
								text-align:center;
							}
							
								.product_box > .box_inner .support_text .available_list dl dd .available_img img{
									/*border:1px solid #ccc;*/
								}
							
							.product_box > .box_inner .support_text .available_list dl dd ul{
								width:60%;
								box-sizing:border-box;
								padding-left:1em;
							}
							
	.goto_registration_login{
		width:90%;
	}
	
		.goto_registration_login ul{
			display:block;
		}
		
		.goto_registration_login ul li{
			width:100%;
			margin-bottom:1.5em;
		}
		
		.goto_registration_login ul li:last-child{
			margin-bottom:0;
		}
		
		.goto_registration_login ul li a{
			height:18vw;
		}
		
			
			.goto_registration_login ul li a .btn_text_main{
				font-size:1.2em;
			}
}

/* ##########印刷用########## */
@media print{
	.goto_registration_login ul li a:before{
		height:0;
		border-bottom:40px solid rgba(0,0,0,0.1);
	}
	
	.goto_registration_login ul li a{
		color:#fff !important;
		background:#fff;
	}
	
	.goto_registration_login ul li.goto_registration a:after{
		content:"";
		display:block;
		width:100%;
		height:0;
		border-bottom:80px solid #008740;
		position:absolute;
		top:0;
		left:0;
		z-index:-2;
	}
	
	.goto_registration_login ul li.goto_login a:after{
		content:"";
		display:block;
		width:100%;
		height:0;
		border-bottom:80px solid #004284;
		position:absolute;
		top:0;
		left:0;
		z-index:-2;
	}
	
}