@charset "UTF-8";
/* ---------------------------------------
＜1024px以下＞
--------------------------------------- */
@media screen and (max-width:1024px) {
header {
height: auto;
}
header .inner {
width: 100%;
}
section .wrapper {
width: 96%;
}
img {
width: 100%;
height: auto;
max-width: 100%;
}
.titBlock {
width: 96%;
}
.greeting img.greeting_img {
max-width: 280px;
}
.scroll {
width: 90%;
}
}
/* ---------------------------------------
＜768px以下＞
--------------------------------------- */
@media screen and (max-width:768px) {
.titBlock p {
font-size: 200%;
}
/*声*/
.v_wrapper {width: 100%;}
/*サービス一覧*/
.serviceBlock .service_wrapper {
width: 100%;
margin-bottom: 12px;
}
.serviceBlock {flex-direction: column;}v
/*あいさつ*/
.katagakiBlock {
flex-direction: column;
align-items: center;
}
.katagaki p {
font-size: 100%;
line-height: 1.8rem;
margin: 20px auto;
}
ul.check li span.txt {font-size: 100%;}
/*オレンジフォーム*/
.orangeformBlock input[type="button"] {width: 94%;}
}
/* ---------------------------------------
＜640px以下＞
--------------------------------------- */
@media screen and (max-width:640px) {
br.sp640 {
display: block;
}
/*ロゴ*/
header .logo img {width: 52%;}
h2 {
font-size: 175%;
line-height: 2.8rem;
}
.titBlock p {
font-size: 150%;
line-height: 1.8rem;
padding: 20px 0;
}
p.lead {
font-size: 113%;
padding: 20px 0 0;
}
img.meo_img {
float: none;
width: 100%;
}
.greeting img {
float: none;
margin: 0 auto 20px;
}
/*追従*/
.followbox {display: none;}
.followbox_sp {
display: block;
font-weight: bold;
overflow: visible;
z-index: 1;
left: 8px;
bottom: 8px;
position: fixed;
-webkit-animation: followboxSpAnime 2s ease;
animation: followboxSpAnime 2s ease;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
@-webkit-keyframes followboxSpAnime {
	0% {opacity: 0;}
	25% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes followboxSpAnime {
	0% {opacity: 0;}
	25% {opacity: 0;}
	100% {opacity: 1;}
}
/*ごあいさつ*/
.greeting .txtBlock p {padding: 0 12px;}
.katagakiBlock {flex-direction: column;}
.katagakiBlock .imgBlock {margin: 0 auto;}
/*実績*/
ul.check li {margin: 0;}
/*オレンジフォーム*/
#form_area.bg .wrapper {
background: #fff;
padding: 12px 12px 20px;
}
.orangeformBlock table td {
display: block;
width: 100%;
}
.orangeformBlock table th {display: none;}
.orangeformBlock input[type="text"] {
width: 100%;
margin: 0 auto;
display: block;
}
.orangeformBlock table span.chu {
margin: 0;
}
.btnBlock.noline a {
width: 96%;
font-size: 125%;
padding: 18px 0 14px;
line-height: 1.6rem;
}
.orangeformBlock input[type="button"], button {
font-size: 100%;
margin: 10px auto 20px;
}
.button_wrap::after {right: 20px;}
}
/* ---------------------------------------
＜490px以下＞
--------------------------------------- */
@media screen and (max-width: 490px) {
br.sp490 {
display: block;
}
section .wrapper {
padding: 20px 0;
}
h2 {
font-size: 163%;
line-height: 2.4rem;
}
p {
line-height: 2.0rem;
}
.titBlock {
max-width: 320px;
}
/*ロゴ*/
header .logo img {width: 42%;}
/*オレンジメール*/
.orangeformBlock input[type="button"] {
font-size: 100%;
}
.button_wrap::after {
right: 16px;
font-size: 125%;
}
.btn_order a {font-size: 113%;}
.orangeformBlock input[type="text"] {height: 3.4em;}
}

@media screen and (max-width:375px) {
.titBlock {
top: -32px;}
.titBlock p {
font-size: 138%;
padding: 12px 0;
}
p.lead {
font-size: 100%;
padding: 20px 0 0;
}
.orangeformBlock input[type="button"] {
    font-size: 88%;
}
.orangeformBlock table span.chu {
font-size: 76%;
}
}