body {
    width: 100%;
    margin: auto;
    color: #666;
	font-family: "丸丸ゴシックASr StdN R";
    letter-spacing: 0.04em;
    line-height: 1.4em;
}
.clearfix {
  overflow: auto;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.title {
    color: #796621;
    text-transform: uppercase;
}

a {
    text-decoration: none;
}

.btn:hover {
    cursor: pointer;
    animation: flash 1s;
}

@keyframes flash {
	0% { opacity: 0.9 }
	10% { opacity: 0.5 }
	100% { opacity: 1. }
}
.otoiawase_btn_txt {
color: white;
}
@media screen and (min-width: 769px) and (max-width: 1125px) {
    .sp {
        display: none;
    }
    img {
        width: auto;
        max-width: 100%;
    }
    .header-top {
        width: 100%;
        height: 160px;
        padding-top: 30px;
        margin: auto;
    }

    .header-top .logo {
        margin-top: 10px;
        float: left;
    }

    .header-top .logo img {
        width: 130px;
    }

    .header-top .catch-copy {
        font-size: 13px;
        margin: 30px 0 0 30px;
        float: left;
    }

    .header-top .tel {
        font-size: 12px;
        text-align: center;
        float: right;
    }

    .header-top .tel img {
        width: 292px;
        margin-top: -7px;
    }

    .header-bottom {
        padding: 8px 0;
        width: 100%;
        background-color: #FFE1CC;
        display: flex;
        justify-content: center;
    }

    .header-bottom div {
        padding: 0 50px;
        font-size: 15px;
        color: #333;
        border-right: solid 1px white;
    }

    .header-bottom div:nth-child(5) {
        border: none;
    }

    .footer {
        height: 300px;
        padding-top: 60px;
    }

    .footer .top {
        width: 100%;
        height: 295px;
        margin: auto;
    }

    .footer-left {
        float: left;
        width: calc(100% / 3);
    }

    .footer-left .logo {
        margin: 5px 0 40px 60px;
        display: block;
    }

    .footer-left .logo img {
        width: 80%;
    }

    .footer-left .text {
        font-size: 11px;
        color: #796621;
    }

    .footer-right {
        float: right;
        width: calc(100% * 2 / 3);
        text-align: start;
    }

    .footer-right .text {
        font-size: 16px;
        display: inline-block;
        line-height: 1.4em;
        margin-left: 5px;
        width: 40%;
    }

    .footer-right .map {
        text-align: right;
        display: inline-block;
        float: right;
    }

    .footer-right .map iframe {
        width: 100%;
        height: 272px;
        object-fit: cover;
    }
    
    .footer .footer_end {
        width: 100%;
        height: 120px;
        background-image: url('../img/common/color_line.svg');
        background-repeat: repeat-x;
        background-size: cover;
    }
    
	.footer-inquiry {
        width: 100%;
        /* height: 150px; */
        padding: 20px 0;
        background-color: #BEAB66;
        color: white;
        margin: 0 auto;
        text-align: center;
    }

    .footer-inquiry .top-text {
        margin-bottom: 10px;
        font-size: 19px;
    }

    .footer-inquiry .left {
        height: 90px;
        text-align: left;
        padding: 20px 5% 10px 5%;
        float: left;
        display: inline-block;
        border-right: dotted 3px rgba(255, 255, 255, 0.5);
    }

    .footer-inquiry .left img {
        width: 45px;
        margin-top: 5px;
        float: left;
    }

    .footer-inquiry .left .text {
        font-size: 26px;
        float: left;
        color: white;
    }

    .footer-inquiry .left .text div {

    }

    .footer-inquiry .left .text span {
        font-size: 16px;
    }

    .footer-inquiry .vertical-line {
        height: 70px;
        border-left: solid 1px rgba(255, 255, 255, 0.5);
    }

    .footer-inquiry .right {
        width: 40%;
        font-size: 24px;
        float: right;
        display: inline-block;
        margin-right: 55px;
        margin-top: 5px;
        padding: 35px 0 35px;
        border: solid 1px rgba(255, 255, 255, 0.5);
        position: relative;
    }

    .footer-inquiry .right .callout {
        width: 24px;
        display: inline-block;
        position: absolute;
        top: 38%;
        left: 3%;
    }

    .footer-inquiry .right .arrow {
        width: 57px;
        position: absolute;
        top: 43%;
        right: 3%;
    }
}

@media screen and (min-width: 1126px) {
    .sp {
        display: none;
    }
    .header-top {
        width: 1125px;
        height: 160px;
        padding-top: 30px;
        margin: auto;
    }

    .header-top .logo {
        margin-top: 10px;
        float: left;
    }

    .header-top .logo img {
        width: 130px;
    }

    .header-top .catch-copy {
        font-size: 13px;
        margin: 30px 0 0 30px;
        float: left;
    }

    .header-top .tel {
        font-size: 12px;
        text-align: center;
        float: right;
    }

    .header-top .tel img {
        width: 292px;
        margin-top: -7px;
    }

    .header-bottom {
        padding: 8px 0;
        width: 100%;
        background-color: #FFE1CC;
        display: flex;
        justify-content: center;
    }

    .header-bottom div {
        padding: 0 50px;
        font-size: 15px;
        color: #333;
        border-right: solid 1px white;
    }

    .header-bottom div:nth-child(5) {
        border: none;
    }

    .footer {
        height: 300px;
        padding-top: 60px;
    }

    .footer .top {
        width: 1125px;
        height: 295px;
        margin: auto;
    }

    .footer-left {
        float: left;
        width: calc(100% / 3);
    }

    .footer-left .logo {
        margin: 5px 0 40px 60px;
        display: block;
    }

    .footer-left .logo img {
        width: 230px;
    }

    .footer-left .text {
        font-size: 11px;
        color: #796621;
    }

    .footer-right {
        float: right;
        width: calc(100% * 2 / 3);
        text-align: start;
    }

    .footer-right .text {
        font-size: 16px;
        display: inline-block;
        line-height: 1.4em;
        margin-left: 5px;
    }

    .footer-right .map {
        text-align: right;
        display: inline-block;
        float: right;
    }

    .footer-right .map iframe {
        width: 227px;
        height: 272px;
        object-fit: cover;
    }
    
    .footer .footer_end {
        width: 100%;
        height: 120px;
        background-image: url('../img/common/color_line.svg');
        background-repeat: repeat-x;
        background-size: cover;
    }
    
    .footer-inquiry {
        width: 1125px;
        height: 150px;
        padding: 20px 0;
        background-color: #BEAB66;
        color: white;
        margin: 0 auto;
        text-align: center;
    }

    .footer-inquiry .top-text {
        margin-bottom: 10px;
        font-size: 19px;
    }

    .footer-inquiry .left {
        height: 90px;
        text-align: left;
        padding: 20px 140px 0 100px;
        float: left;
        display: inline-block;
        border-right: dotted 3px rgba(255, 255, 255, 0.5);
    }

    .footer-inquiry .left img {
        width: 45px;
        margin-top: 5px;
        float: left;
    }

    .footer-inquiry .left .text {
        font-size: 26px;
        float: left;
        color: white;
    }

    .footer-inquiry .left .text div {

    }

    .footer-inquiry .left .text span {
        font-size: 16px;
    }

    .footer-inquiry .vertical-line {
        height: 70px;
        border-left: solid 1px rgba(255, 255, 255, 0.5);
    }

    .footer-inquiry .right {
        width: 450px;
        font-size: 24px;
        float: right;
        display: inline-block;
        margin-right: 55px;
        margin-top: 5px;
        padding: 35px 0 35px;
        border: solid 1px rgba(255, 255, 255, 0.5);
        position: relative;
    }

    .footer-inquiry .right .callout {
        width: 24px;
        display: inline-block;
        position: absolute;
        top: 38%;
        left: 70px;
    }

    .footer-inquiry .right .arrow {
        width: 57px;
        position: absolute;
        top: 43%;
        right: 35px;
    }
}

@media screen and (max-width: 768px) {
    .pc {
        display: none;
    }
    
    body {
        width: 100vw;
    }
    
    header {
        height: 18vw;
        width: 100vw;
    }
    
    .header-top {
        padding: 0;
		width: inherit;
        display: flex;
        justify-content: center;
    	position: fixed;
    	top: 0;
    	left: 0;
    	z-index: 100000;
    	background-color: white;
		border-bottom: solid 2px #DEB478;
    }
    
    .header-top .logo img {
        width: 46vw;
   		margin: 5vw 0 0 4vw;
    }
    
    .header-top .right {
        display: inline-block;
        margin: 0 0 0 auto;
    }
    
    .header-top .right .message {
        background-color: #CCBC8A;
    	padding: 1.5vw 0;
    	margin-bottom: 0.4vw;
        display: block;
    }
    
    .header-top .right .message img {
        width: 4vw;
        display: block;
        margin: auto;
    }
	
    .footer {
        text-align: center;
        padding: 10vw 0;
		overflow: hidden;
        line-height: 6vw;
    }
    
    .footer .top .logo img {
        width: 35vw;
    }
    
    .footer .footer-right {
        margin: 10vw 0;
       font-size: 3.75vw;
    }
    
    .footer .footer-right .text {
        margin-bottom: 7vw;
    }
    
    .footer .footer-right .text　a {
        text-decoration: #666;
		font-size: 5vw;
    }
    .sp-tell{
		font-size: 5.81vw;
	}
    .footer .footer-right iframe {
        width: 55vw;
        height: 32vw;
    }
    
    .footer_end {
        text-align: left;
        font-size: 2vw;
    }
    
    .footer_end img {
        height: 20vw;
    }
    
    .footer_end .text {
        margin-left: 2vw;
		color: #999;
		font-size: 2.8vw;
		margin-top: -1vh;
    }
    
    .footer-inquiry {
        background-color: #BEAB66;
        color: white;
        padding: 8vw 0;
        text-align: center;
    }
    
    .footer-inquiry .top-text {
        font-size: 3.6vw;
    }
    
    .footer-inquiry .left {
        display: block;
        font-size: 5.6vw;
        position: relative;
        margin-top: 4vw;
        color: white;
        line-height: 1.6em;
        letter-spacing: 0.04em;
    }
    
    .footer-inquiry .left div {
        margin-bottom: -2.5vw;
		font-size: 6vw;
    }
    
    .footer-inquiry .left span {
        font-size: 3.6vw;
    }
    
    .footer-inquiry .left img {
        width: 10vw;
        position: absolute;
        top: 16%;
        left: 8%;
    }
    
    .footer-inquiry .right {
        display: block;
        width: 70vw;
        margin: 7vw auto 0;
        border: solid thin white;
        font-size: 3.7vw;
        padding: 5vw 0;
        position: relative;
    }
    
    .footer-inquiry .right .callout {
        width: 3.7vw;
        position: absolute;
        top: 39%;
        left: 11vw;
    }
    
    .footer-inquiry .right .arrow {
        width: 10vw;
        position: absolute;
        top: 42%;
        right: 4vw;
    }
}