@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,700);
@charset "utf-8";

/*全体*/

body {
font-family: 'Noto Sans Japanese', serif;
}


.ImgResponsiveOverwrite{
    margin: 0 auto;
}


/*マージン*/

.mb-logo{
	margin-bottom: 30px;
}

.mb-topix{
	margin-bottom: 100px;
}


.mt-point{
	margin-top: 60px;
}

.mt3{
	margin-top: 3%;
}

/*Top Page Bottan*/



.scroll_button_btm a{
    position: fixed;
    display: block;
    right:30px;
    top:60px;
    background: #ea7900;
    color:#fff;
	font-size:16px;
	font-weight:700;
	text-align: center;
    padding:50px 0 0 00px;
	border-radius: 50%;
	height: 120px;
    width: 120px;
		text-decoration:none;
	opacity: 0.8;
}

.scroll_button_btm a:hover {
    position: fixed;
    display: block;
    right:30px;
    top:60px;
    background: #f39b3d;
    color:#fff;
	font-size:16px;
	font-weight:700;
	text-align: center;
    padding:50px 0 0 00px;
	border-radius: 50%;
	height: 120px;
    width: 120px;
	text-decoration:none;
		opacity: 0.8;
}

/*header*/

.header-contetns{
	padding-top: 5px;
	padding-bottom: 0px;
	background-color: #fdac1f;
	margin:0 0 40px 0;
}


.header-info{
	margin:0;
		font-weight:400;
		color:#fff;
		font-size:12px
}

.telnumber {
		font-family: 'Noto Serif', serif;
	text-align: right;
	padding-top: 10px;
	font-size: 20px;
	font-weight:700;
	color: #464546;
}

/*hero image*/

.catch{
	font-size: 52px;
	font-weight:bold;
	background-image:linear-gradient(transparent 50%, #f9ffc9 50%);
}

.catch-discription {
	font-size: 24px;
}


/*４つのポイント*/

.point-tit1 {
	color: #FFFFFF;
	font-size: 34.75px;
	font-weight:bold;
	background-color: #fdac1f;
	padding:0px 0 0 10px;
	margin:0 0 50px 0;
	height:60px;
	
}

.point-tit1:before {
    content: url("../img/point1.png");
display:inline-block;
	margin-right: 5px;
	margin-top:-8px;
	vertical-align:middle;
}

.point-tit2 {
	color: #FFFFFF;
	font-size: 34.75px;
	font-weight:bold;
	background-color: #fdac1f;
	padding:0px 0 0 10px;
	margin:0 0 50px 0;
	height:60px;
	
}

.point-tit2:before {
    content: url("../img/point2.png");
display:inline-block;
	margin-right: 5px;
	margin-top:-8px;
	vertical-align:middle;
}

.point-tit3 {
	color: #FFFFFF;
	font-size: 34.75px;
	font-weight:bold;
	background-color: #fdac1f;
	padding:0px 0 0 10px;
	margin:0 0 50px 0;
	height:60px;
	
}

.point-tit3:before {
    content: url("../img/point3.png");
display:inline-block;
	margin-right: 5px;
	margin-top:-8px;
	vertical-align:middle;
}

.point-tit4 {
	color: #FFFFFF;
	font-size: 34.75px;
	font-weight:bold;
	background-color: #fdac1f;
	padding:0px 0 0 10px;
	margin:0 0 50px 0;
	height:60px;
	
}

.point-tit4:before {
    content: url("../img/point4.png");
display:inline-block;
	margin-right: 5px;
	margin-top:-8px;
	vertical-align:middle;
}

.point-discription_inner{
	margin-top:50px;
}

.point-img_pd{
	padding:0 0 0 4%;
}

.point-discription{
	color: #5e5e5e;
	padding-left: 8px;
	font-size: 22px;
	font-weight:bold;
}

.point-discription:before{
content: "・"
}

.point-discription_bold{
	color: #000;
	padding-left: 8px;
	font-size: 26px;
	font-weight:900;
}

.point-discription_design{
	color: #5e5e5e;
	padding-left: 8px;
	font-size: 22px;
	font-weight:bold;
}

.point-summary-text {
	margin-top: 20px;
	font-size: 34px;
	color: #5e5e5e;
	font-weight:bold;
}

/*お客様の声*/

.customervoice-whole {
	border-width: 1px;
	border-color: #8e8e8e;
	background-color: #5e5e5e;
	margin-top: 5%;
}

.customervoice-tit{
	font-size: 45px;
	font-weight:bold;
	color: #FFFFFF;
}

.customervoice-eng {
	font-size: 13px;
	margin-top: -14px;
	font-weight:200;
		color: #FFFFFF;
}

.voice-inner_green {
	background-color: #AEC05D;
	padding: 40px 15px 15px 15px;
	margin-top: -28px;
	color: #FFFFFF;
	font-size: 16px;
}

.voice-inner_purple {
	background-color: #7F6C91;
	padding: 40px 15px 15px 15px;
	margin-top: -28px;
	color: #FFFFFF;
	font-size: 16px;
}

.voice-inner_orange {
	background-color: #F0B14D;
	padding: 40px 15px 15px 15px;
	margin-top: -28px;
	color: #FFFFFF;
	font-size: 16px;
}

.voice-inner_deepgreen {
	background-color: #1F8A70;
	padding: 40px 15px 15px 15px;
	margin-top: -28px;
	color: #FFFFFF;
	font-size: 16px;
}

.voice-txt {
	text-align: left;
	text-indent: 0px;
	line-height: 30px;
	font-weight:600;
}

.voice-txt_shopname {
	text-align: right;
	font-weight:400;
}

/*取り扱い媒体*/

.handingmedia-whole {
	border-top: thin solid #525252;
	margin-top: 90px;
	border-bottom: thin solid #525252;
	margin-bottom: 38px;
	height: 100px;
}

.handingmedia-tit{
	font-size: 45px;
	font-weight:bold;
	color: #484848;
}

.handingmedia-eng {
	font-size: 13px;
	margin-top: -14px;
	font-weight:200;
	color: #484848;
}

/*form*/

.form-tit{
	font-size: 38px;
	font-weight:500;
	color: #484848;
	margin:8% 0 4% 0;
}


/*footer*/

.footer-contetns{
	margin-top:50px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #fdac1f;
}

.footer-info{
	font-family:Arial, Helvetica, sans-serif;
		font-weight:400;
		color:#484848;
		letter-spacing: 3px;
}



@media only screen and (max-width: 767px) {

.mb-topix{
	margin-bottom: 20px;
}

.catch{
	font-size: 35px;
	font-weight:bold;
	background-image:linear-gradient(transparent 50%, #f9ffc9 50%);
}

.catch-discription {
	font-size: 20px;
}

.point-tit1 {
	color: #FFFFFF;
	font-size: 25px;
	font-weight:bold;
	background-color: #fdac1f;
	padding:0px 0 0 10px;
	margin:0 0 50px 0;
	height:60px;
}

.point-tit2 {
	color: #FFFFFF;
	font-size: 25px;
	font-weight:bold;
	background-color: #fdac1f;
	padding:0px 0 0 10px;
	margin:0 0 50px 0;
	height:60px;
}

.point-tit3 {
	color: #FFFFFF;
	font-size: 25px;
	font-weight:bold;
	background-color: #fdac1f;
	padding:0px 0 0 10px;
	margin:0 0 50px 0;
	height:60px;
}

.point-tit4 {
	color: #FFFFFF;
	font-size: 25px;
	font-weight:bold;
	background-color: #fdac1f;
	padding:0px 0 0 10px;
	margin:0 0 50px 0;
	height:60px;
}

.point-summary-text {
	font-size: 24px;
	color: #5e5e5e;
	font-weight:bold;
	margin:0;
	padding:0;
}

.point-img_pd{
	margin:0 auto;
	padding:0;
}

}


@media (min-width: 960px){
.wrap {
	width: 960px;
	margin: 1% auto 1%;
}

.form-width {
	width: 850px;
}
}

@media screen and (max-width: 1199px){
.none {display:none}
}