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

body{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size:0.9rem;
	font-weight: 400;
}
a {
	text-decoration:none
}
.first_view{
	background-image: url(../img/main.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	background-size:270% auto;
}

.first_view img{
	display:block
}

.first_view .fv-text{
	width:85%;
}

.first_view .fv-sub-text{
	width:80%;
}
.first_view p{
	font-size:0.8rem;
}
.first_view span{
	font-weight: 700;
	font-size:1rem;
}
.bg-light-blue{
	background-image: url(../img/bg_light_blue.jpg);
	background-size:cover;
}
.bg-light-blue-color{
	background-color:#C0DFE8;
}
.btn_wrap {
	max-width: 100%;
	margin: 0.5rem auto;
}


a.btn-blue{
	padding: 0.3rem;
	margin: 10px 5px 0 0px;
	display: block;
	color: #fff !important;
	background: #0847CF;
	text-decoration: none;
	font-weight: bold;
	font-size:1rem;
	border-radius: 50px;
	text-align:center;
	text-decoration:none !important;
}
a.btn-blue:before {
	content: "";
	display: inline-block;
	width: 2rem;
	height: 2rem;
	margin: -3px 2px 0 0;
	background: url("../img/cart_icon.svg") no-repeat;
	background-size: contain;
	vertical-align: middle;
}
a.btn-blue:after {
	content: "";
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	margin: -3px 2px 0 0;
	background: url("../img/chevron-right.svg") no-repeat;
	background-size: contain;
	vertical-align: middle;
}
a.btn-blue:hover {
  background: #6F99DC;
}

.frame-line{
	padding: 0.4em;
	margin: 10px 0 0 0;
	color: #000 !important;
	text-decoration: none;
	border-radius: 50px;
	text-align:center;
	text-decoration:none !important;
	border:solid 1px;
	width:18em;
}
.about_HG span{
	font-weight:bold;
	color:#E2276A;
}
.white-gradient-top {
	height:2rem;
	margin-bottom:0.5rem;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1));
}
.white-gradient-bottom {
	height:2rem;
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.small_font{
	font-size:0.8em;
}
.about_Product table{
	font-size:0.8rem;
}
footer{
	padding:1rem 0;
}
footer span{
	font-size:0.9rem;

	display:inline-block
}
footer a{
	color:#666;
	margin:0 0.1rem;
}
@media screen and (min-width: 450px){
body{
	font-size:3vw;
}
.order_form img{
	width:380px;
}
}

@media screen and (min-width: 768px){
body{
	font-size:1.5rem;
}

  a.btn-blue{
    padding: 0.5em 2em;
    margin: 10px auto;
    font-size:20px;

  }
  a.btn-blue:before {
    margin: -3px 10px 0 0;
  }
.container-lg{
width:700px;
}
.first_view{

  background-size:auto 78%;
}
.about_Product table{
	font-size:1.2rem;
}
}