@charset "UTF-8";
/*
html,body{font-family:"Noto Sans Japanese"; margin:0;}
img{margin:0; padding:0; vertical-align:bottom;}
header{border-top:4px solid #CB010F; margin-bottom:40px;}
#header-inner{width:1000px; margin:0 auto 10px auto;}
a#logo{float:left;}
a#tel{float:right;}
nav{width:1000px; margin:0 auto;}
nav ul{list-style-type:none; margin:0; padding:0;}
nav ul li{float:left; margin:0; width:20%; box-sizing:border-box; padding-right:10px;}
nav ul li:last-child{padding-right:0;}
nav ul li a{display:block; border-bottom:4px solid #014401; font-size:20px; font-weight:bold; border-radius:10px; text-decoration:none; text-align:center; padding:20px 2px; color:#fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #046a06), color-stop(0.00, #3ca457));background: -webkit-linear-gradient(#3ca457, #046a06);background: -moz-linear-gradient(#3ca457, #046a06);background: -o-linear-gradient(#3ca457, #046a06);background: -ms-linear-gradient(#3ca457, #046a06);background: linear-gradient(#3ca457, #046a06);}
nav ul li a:hover{border-bottom:none; position:relative; top:4px;}
#container{width:1000px; margin:0 auto;}
*/

/*お客様の声*/
.voices{width:100%; text-align:left; box-sizing:border-box; padding:20px; margin-bottom:20px; border-radius:5px; background:rgba(255,255,255,0.9);}
.voice_account{font-weight:bold; font-size:20px; padding-bottom:20px;}
img.voiceimage{width:200px; float:left; margin-right:20px;}
.voices p{padding:0;}
.voice_container{width:100%; text-align:center; padding:0 20px 20px 20px; box-sizing:border-box; background:url(img/voicebg.jpg) no-repeat top center; background-size:100%; margin-top:20px;}
img#voice_banner{margin:0 auto;}


/*QA*/
.qa_container{width:100%; text-align:center; padding:0 20px 20px 20px; box-sizing:border-box; background:url(img/voicebg.jpg) no-repeat top center; background-size:100%; margin-top:20px;}
.qas{width:100%; text-align:left; box-sizing:border-box; padding:20px; margin-bottom:20px; border-radius:5px; background:rgba(255,255,255,0.9);}
.q{background:url(img/qicon.png) no-repeat left center; background-size:40px; padding-left:50px; margin-bottom:10px; font-weight:bold;}
.a{background:url(img/aicon.png) no-repeat left center; background-size:40px; padding-left:50px;}
#qamore,#voice_more{display:none;}
a.more{color:#fff; border:1px solid #cc4d00; border-radius:5px; padding:10px 60px; text-decoration:none; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dea906), color-stop(1.00, #f55c00));background:-webkit-linear-gradient(#dea906, #f55c00);background: -moz-linear-gradient(#dea906, #f55c00);background: -o-linear-gradient(#dea906, #f55c00);background: -ms-linear-gradient(#dea906, #f55c00);background: linear-gradient(#dea906, #f55c00); box-shadow:0 1px 1px #ccc;}
.bb1{border-bottom:1px solid #ddd;}

a.more2{display:block; font-size: 24px; width:40%; margin:0 auto; height:40px; line-height:40px; color:#fff; border:1px solid #115913; border-radius:5px; padding:20px 80px; text-decoration:none; box-shadow:0 1px 1px #ccc;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #09c300), color-stop(1.00, #004c15));
background: -webkit-linear-gradient(#09c300, #004c15);
background: -moz-linear-gradient(#09c300, #004c15);
background: -o-linear-gradient(#09c300, #004c15);
background: -ms-linear-gradient(#09c300, #004c15);
background: linear-gradient(#09c300, #004c15);
}



.center{text-align:center;}
#header-inner:after,nav:after,.voices:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

iframe#iform{border:none; position:absolute; top:97px; right:8px;}
iframe#iform2{margin:0 auto; width:945px; height:750px;}
a#form_button1{position:absolute; top:717px; right:165px;}
a#hatena_button img{width:20px; position:absolute; top:290px; right:29px;}
a#hatena_button2 img{width:20px; position:absolute; top:916px; right:226px;}


iframe#blogvoice{width:920px; height:800px;}
iframe#blogvoice2{width:920px; height:800px;}

.sh1{
  font-family:"Noto Sans Japanese";
  font-size:56px;
  font-weight:900;
  color:#e21b00;
    text-shadow: 2px 2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        -2px -2px 0 #fff,
        3px 3px 3px #aaa,
        3px -3px 3px #aaa,
        -3px 3px 3px #aaa,
        -3px -3px 3px #aaa;
}


.sh2{
  font-family:"Noto Sans Japanese";
  font-size:76px;
  font-weight:900;
  color:#e21b00;
    text-shadow: 2px 2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        -2px -2px 0 #fff,
        3px 3px 3px #aaa,
        3px -3px 3px #aaa,
        -3px 3px 3px #aaa,
        -3px -3px 3px #aaa;
}


.campaign{
	margin-top:20px;
	text-align:center;
}

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

	.qa_container,.voice_container,.campaign{padding-top:84px;}

	#header-inner,nav,#container{width:100%;}
	img#voice_banner{width:100%; margin:0 auto;}
	img.voiceimage{width:100%; float:none;}
	.voice_account{font-size:16px; padding-bottom:5px;}
	.voices p{margin:0; font-size:14px;}
	.voices{padding-bottom:10px; margin-bottom:10px;}

iframe#iform{display:none;}
a.more2{font-size:18px; padding:10px 0px; width:90%;}

iframe#iform2{margin:0 auto; width:100%; height:770px;}

.sh1{font-size:7vw;}
.sh2{font-size:7vw;}
}