@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/



/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media screen and (min-width: 801px), print {
	
	
	.wrap{
		width:1100px;
		margin:auto;
		position: relative;
		padding: 80px 0;
		}
		
		.product {
			padding-bottom: 80px;
		}
		
		
		.product > div *{
			color:#fff;
			}
		.product .pht{
			background-image:url(../images/bg.png);
			background-position:bottom center;
			background-repeat:no-repeat;
			background-size: contain;
			text-align:center;
			padding-bottom:40px;
			display:inline-block;
			vertical-align:middle;
			width:550px;
			margin-bottom:-100px;
			}
		.product .pht02{
			background-image:url(../images/bg.png);
			background-position:bottom center;
			background-repeat:no-repeat;
			background-size: contain;
			text-align:center;
			padding-bottom:40px;
			display:inline-block;
			vertical-align:middle;
			width:550px;
			margin-bottom:-100px;
			}
		.product .right{
			width:460px;
			display:inline-block;
			vertical-align:middle;
			}
			
		.product .pht img{
			opacity:0;
			}
		.product .pht.on img{
			opacity:1;
			transition:800ms;
			}
		.product .pht02 img{
			opacity:0;
			}
		.product .pht02.on img{
			opacity:1;
			transition:800ms;
			}
		.product sup{
			font-size:0.7em;
			}
		.product .text1{
			text-align:center;
			margin-top:40px;
			padding-bottom:14px;
			border-bottom:1px solid #808080;
			position:relative;
			}
		.product .text1 h2 img {
			width: 278px;
			height: auto;
			}
			.product .text1 p{
				font-size:12px;
				letter-spacing:-0.02em;
				margin-top:5px;
				}
			.product .text1 p+p{
				font-size:14px;
				margin-top:14px;
				}
			.product .text1 p+p{
				margin-top:10px;
				}
			.product .text1 p.icon{
				position:absolute;
				bottom:10px;
				right:0;
				}
			.product .text1 p.icon img {
				width: 30px;
				height: auto;
				}
				.product .text1 p.icon img:first-child{
					margin-right:5px;
					}

		.product .text2{
			margin-top:20px;
			padding-bottom:25px;
			border-bottom:1px solid #808080;
			}
			.product .text2 h3{
				font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
				font-size:24px;
				line-height:1.5em;
				text-align:center;
				}
			.product .text2 p{
				letter-spacing:-0.02em;
				}
			.product .text2 p:nth-of-type(1){
				margin-top:15px;
				}
			.product .text2 p:nth-of-type(2){
				margin-top:15px;
				font-size:12px;
				text-align:center;
				}
			.product .text2 p:nth-of-type(3){
				}
			.product .text2 .btn{
				text-align:center;
				margin-top:15px;
				}
				.product .text2 .btn a{
					display:inline-block;
					padding:3px 35px;
					border-radius:30px;
					background-color:#fff;
					color:#000;
					}
		.product table{
			width:100%;
			margin-top:20px;
			border-spacing:5px;
			}
			.product table td{
				background-color:#AA1E46;
				text-align:center;
				vertical-align:middle;
				line-height:1.3em;
				font-size:14px;
				padding: 8px 0;
				}
		.product .text3{
			text-align:center;
			font-size:11px;
			margin-top:25px;
			}
	
}





/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {


footer{
	margin-top:100px;
	}
	
	.wrap{
		padding: 0% 5% 10% 5%;
		}
		
	.product{
		}
	.product > div{
		}
		.product > div *{
			color:#fff;
			}
		.product .pht{
			background-image:url(../images/bg.png);
			background-position:bottom center;
			background-repeat:no-repeat;
			background-size:contain;
			text-align:center;
			padding:0 10px;
			padding-bottom:30px;
			box-sizing:border-box;
			padding-top:50px;
			}
		.product .pht02{
			background-image:url(../images/bg.png);
			background-position:bottom center;
			background-repeat:no-repeat;
			background-size:contain;
			text-align:center;
			padding:0 10px;
			padding-bottom:30px;
			box-sizing:border-box;
			padding-top:50px;
			}
		.product .pht img{
			margin-left:0px;
			width: 20%;
			margin: 0 auto;
			max-width:100%;
			}
		.product .pht02 img{
			margin-left:0px;
			width: 50%;
			margin: 0 auto;
			max-width:100%;
			}
		.product sup{
			font-size:0.7em;
			}
		.product .text1{
			text-align:center;
			margin:0 10px;
			margin-top:20px;
			padding-bottom:15px;
			border-bottom:1px solid #808080;
			}
		.product .text1 img{
			max-height: 35px;
			max-width:100%;
			}
			.product .text1 p{
				font-size:12px;
				letter-spacing:-0.02em;
				}
			.product .text1 p+p{
				font-size:14px;
				margin-top:5px;
				}
			.product .text1 p.icon{
				margin-top:10px;
				}
			.product .text1 p.icon img {
				width: 30px;
				height: auto;
				}
		.product .text2{
			margin:0 10px;
			margin-top:20px;
			padding-bottom:25px;
			border-bottom:1px solid #808080;
			}
			.product .text2 h3{
				font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
				font-size:22px;
				line-height:1.5em;
				text-align:center;
				}
			.product .text2 p{
				letter-spacing:-0.02em;
				}
			.product .text2 p:nth-of-type(1){
				margin-top:15px;
				}
			.product .text2 p:nth-of-type(2){
				margin-top:15px;
				font-size:12px;
				text-align:center;
				}
			.product .text2 p:nth-of-type(3){
				}
			.product .text2 .btn{
				text-align:center;
				margin-top:15px;
				}
				.product .text2 .btn a{
					display:inline-block;
					padding:3px 35px;
					border-radius:30px;
					background-color:#fff;
					color:#000;
					}
		.product table{
			width:100%;
			margin-top:20px;
			border-spacing:5px;
			}
			.product table td{
				background-color:#AA1E46;
				text-align:center;
				vertical-align:middle;
				line-height:1.3em;
				font-size:12px;
				padding: 8px 0;
				}
		.product .text3{
			text-align:center;
			font-size:11px;
			margin-top:25px;
			}
				
								
}