@charset "UTF-8";

/*ヘッダー*/
header {
    max-width: 100%;
    margin: 0 auto;
/*    padding: 0 2%;*/
    background-color: #fff;
}

/*@media (max-width: 1200px) {
header {
    margin: 0 2%;
}
}*/

header p{
    padding-bottom: 0;
}

.hea{
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 0;
    z-index: 100;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
	padding: 0.7%;
}
.hea_btn img{
	height: 60px;
	width: auto;
	margin-top: 5px;
}

.hea_btn p a{
	font-weight: bold;
	font-size: 28px;
	letter-spacing: -0.05em;
}

.he_le img{
    vertical-align: top;
}

.sb_tit{
     padding: 2px 0;
}

.he_ri p{
    text-align: center;
    line-height: 0.5;
	line-height: 1.8rem;
}

.he_ri p.tel{
    font-size: 30px;
    font-weight: bold;
}
.tel_btn {
    width: 100%;
}

/*----------sp------------*/
@media (max-width: 767px) {

header {
    width: 100%;
    margin: 0;
}

.hea{
    padding: 1%;
}

.he_le{
    width: 40%;
}

.he_le img{
    width: 60%;
    margin-left: 5%;
}

.he_ri{
    width: 100%;
    text-align: right;
}

.he_ri p.tel {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    width: 85%;
}
}

/*フッター*/
footer{
   /* margin-top: 80px;*/
	background-color: #ea6409;
	color: #fff;
}

.foo{
    font-size: 12px;
    text-align: center;
}
.foo p{
	padding: 2%;
    line-height: 1.1;
    font-size: 14px;

}

/*----------sp------------*/
@media (max-width: 767px) {
.foo{
    font-size: 12px;
    text-align: center;
    padding: 15px 0;
}
}


/*お問い合わせボタン*/
.contact_us p{
    text-align: center;
    font-weight: bold;
    font-size: 31px;
    line-height: 1.5;
    margin: 1% 0;
    color: #000;
}

.contact_us_btn{
    max-width: 100%;
    padding: 0 2%;
}

.contact_us_btn img{
    width: 100%;
    margin: 0;
}

.contact_us_btn2 {
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
    flex-wrap: wrap;
}
.cta {
    width: calc(50% - 2%);
    margin-bottom: 15px;
}


.contact_us_btn img.btn2{
    width: 100%;
    margin: 1% 1% 0 0;
}

.contact_us_btn img.btn3{
    width: 100%;
    margin: 1% 0 0 1%;
}

.contact_us_btn{
    max-width: 900px;
    margin: 0 auto;
}

.contact_us_btn img:hover {
	opacity: 0.7 ;
}

/*----------sp------------*/
@media (max-width: 750px){
.contact_us p{
    font-size: 4vw;
}
/*.btn2 ,.btn3 ,.btn{
    width:90%;
}*/
.contact_us_btn2 {
    display: flex;
    justify-content: space-between;
    margin: 8vw 0;
    flex-wrap: wrap;
}
.cta {
    width: calc(50% - 1%);
    margin-bottom: 5px;
}
	.hea_btn img{
		height: 35px;
		width: auto;
		margin: 3px;
	}
	.he_ri .comment {
		font-size: 0.7rem;
		letter-spacing: -0.1em;
		margin: 5px;
	}
    .he_ri p{
        line-height: 0.5rem;
    }
	.hea_btn .time{
		font-size: 11px;
	}
	.hea_btn p{
		line-height: 0.8rem;
		margin-right: 3px;
	}
	.hea_btn p a{
		font-weight: bold;
		font-size: 16px;
		letter-spacing: -0.05em;
	}
}