@charset "utf-8";

/***********************************************************************************************************************
* 横サイズ980px以下
***********************************************************************************************************************/
@media screen and (max-width: 980px){
.pc{ display:none !important; }
.sp{ display: block !important; }


a,button{transition:none;}
a:hover,button:hover{ opacity:1;}
/*
基本構造
*--------------------------------------------------------*/

body{
	font-size: 	1.4rem;
}
main{
    padding-top: 60px;
}

.wrap {
    padding: 0px 6%;
}

.news {
    margin-bottom: 30px;
}

.contents {
    padding: 38px 0;
}

header {
    position: fixed;
    width: 100%;
    top: 0px;
    left:0;
    padding: 0;
    z-index: 10;
    width: 100%;
}

header .logo {
    position: fixed;
    width: 100%;
    max-width: none;
    left:0;
    top:0;
    padding:10px;
    margin: 0;
    z-index: 12;
    background: #fff7ef;
    height: 60px;
    border-bottom:1px solid #d9cec1;
}
header .logo img{
    width: 180px;
}


header .ht-inr {

}

header::before{
content:"";
position: fixed;
display: none;
left:0;
top:0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0);
z-index: -1;
opacity: 1;
}

body header #menu-button {
    position: absolute;
    display: block;
    right: 2%;
    top: -1px;
    width: 54px;
    height: 57px;
    cursor: pointer;
    z-index: 5;
    margin-top: 2px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 12;
}
		body header #menu-button>div{
			width: 28px;
			height: 2px;
			background: #301900;
			position: absolute;
			-webkit-transition: all .5s;
			   -moz-transition: all .5s;
			    -ms-transition: all .5s;
			     -o-transition: all .5s;
			        transition: all .5s;
		}
			body header.on #menu-button>div{
				background: #301900;
			}

			body header.block #menu-button>div {
			    background: #301900;
			}

		body header #menu-button>div:nth-child(1){
			top: 35%;
			left: 16px;
			-webkit-transform: translate(0%,0%);
			   -moz-transform: translate(0%,0%);
			    -ms-transform: translate(0%,0%);
			     -o-transform: translate(0%,0%);
			        transform: translate(0%,0%);
		}

		body header #menu-button.active {
		    top: 0px;
		}

		body header #menu-button.active>div{
		}

			body header #menu-button.active>div:nth-child(1) {
				top: 50%;
				-webkit-transform: translate(-5%,-50%) rotate(45deg);
				   -moz-transform: translate(-5%,-50%) rotate(45deg);
				    -ms-transform: translate(-5%,-50%) rotate(45deg);
				     -o-transform: translate(-5%,-50%) rotate(45deg);
				        transform: translate(-5%,-50%) rotate(45deg);
			}
		body header #menu-button>div:nth-child(2){
			top: 50%;
			left: 16px;
		}
			body header #menu-button.active>div:nth-child(2) {
				opacity: 0;
			}
		body header #menu-button>div:nth-child(3){
			top: 65%;
			left: 16px;
			-webkit-transform: translate(0%,0%);
			   -moz-transform: translate(0%,0%);
			    -ms-transform: translate(0%,0%);
			     -o-transform: translate(0%,0%);
			        transform: translate(0%,0%);
		}
			body header #menu-button.active>div:nth-child(3) {
				top: 50%;
				-webkit-transform: translate(-5%,-50%) rotate(-45deg);
				   -moz-transform: translate(-5%,-50%) rotate(-45deg);
				    -ms-transform: translate(-5%,-50%) rotate(-45deg);
				     -o-transform: translate(-5%,-50%) rotate(-45deg);
				        transform: translate(-5%,-50%) rotate(-45deg);
			}

/*メニュー*/
body header nav {
    position: absolute;
    display: block;
    opacity: 1;
	top:0px;
    right:-100%;
    width: 100%;
   	padding:0;
    overflow: auto;
	-webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: left;
    background:#fff7ef;
    border-top: none;
    z-index: 10;
}




body header nav.block {
	display: block;
}

body header nav.block.active {
	opacity: 1;
	right:0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
body header nav .menu {
    position: static;
    display: block;
    padding-top: 60px;
    padding-bottom: 20px;
    padding-right: 0;
    width: 100%;
}

header nav .menu>li{
    border-bottom:1px solid #d9cec1;
}

header nav .menu>li>a {
    position: relative;
    font-size: 1.5rem;
    padding: 15px 20px;
    display: block;
}

header nav .menu>li>a::before{
    content:">";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    top:50%;
    right:20px;
    margin-top: -0.5em;
}

header nav .menu>li>a::after,
header nav .menu>li>a.active::after {
    display: none;
}

header .top-info {
    position: static;
    display:block;
    padding: 0 25px;
}

header .top-tel {
    display:block;
    background: #764319;
    color:#fff;
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
}

header .top-tel-num {
    font-size: 2.67rem;
    line-height: 1em;
}

header .top-time>i {
    font-size: 1.4rem;
    margin-right: 5px;
}

header .top-info>.flex{
    padding: 20px 0;
}

header .top-mail{
    padding-left: 0px;
    margin: 0 10px;
}
header .top-fb{
    margin: 0 10px;
    padding-left: 0px;

}

footer .ft-block {
    display: block;
    margin: 0 auto;
    border: none;
    padding: 0 10px;
    max-width: 300px;
}

footer .ft-box1{
    width: 100%;
    padding: 30px 0;
}
footer .ft-box2 {
    width: 100%;
    padding: 0;
    font-size: 1.4rem;
    margin-bottom: 30px;
}

footer .ft-box3{
    width:100%;
    padding-top: 55px;
    padding-left: 30px;
    display: none;
}

footer .ft-logo img{
    max-width: 317px;
    width: 100%;
}

footer .copyright{
    padding: 10px;
    text-align: center;
    font-size: 1.2rem;
    border-top: 1px solid #301900;
}

/***********************************************************************************************************************
* トップ
***********************************************************************************************************************/
.home .contents {
    padding: 0;
}
.home .wrap {
    max-width: 1170px;
}
.top-news{
    color:#916747;
}
.top-news-head{
    padding: 29px 0;
    width: 265px;
    background:#764319; 
    text-align: center;
}
.top-news-ttl{
    font-size: 3rem;
    color:#fff;
    line-height: 1em;
}
.top-news-block{
    padding: 18px 23px;
    width: calc(100% - 465px );
}
.top-news-btn{
    width: 200px;

}
.top-news-btn>a{
    display: inline-block;
    position: relative;
    margin-top: 33px;
    padding-top: 0px;
    padding-right: 80px;
}
.top-news-btn>a>i{
    position: absolute;
    right:0;
    top:-2px;
}

.top-about{
    padding: 78px 0;
}
.top-about-block{
    position: relative;
    height: 400px;
}
.top-about-inr {
    display: block;
    position: static;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
}
.top-about-ttl{
    margin-top: 69px;
}
.top-about-ttl>strong{
    line-height: 1em;
    font-size: 5rem;
    display: block;
    font-weight: normal;
    margin-bottom: 5px;
}
.top-about-ttl>span{
    font-size: 3rem;
    display: inline-block;
    margin-bottom: 30px;
}
.top-about-msg{
    font-size: 1.5rem;
}
.top-about-name {
    position: absolute;
    font-size: 9rem;
    letter-spacing: 0.05em;
    color: #5a6b5f;
    right: 0%;
    bottom: 2%;
    transform-origin: 0 100%;
    transform: rotate(-16deg);
    z-index: 2;
    line-height: 1em;
}

.more{
    display: inline-block;
    padding: 15px;
}

.more>span{
    position: relative;
    padding-right: 80px;
}

.more>span>i {
    position: absolute;
    right: 0;
    top: -3px;
}

.top-about-block .more{
    position: absolute;
    bottom:0;
    right:0;
}

.top-conts-block{
    margin:0 0 60px 0;
}

.top-conts-img{
    width: 54%;
}

.top-conts-block.revs .top-conts-txt{
    padding-left: 67px;
}
.top-conts-txt{
    width: 46%;
    padding: 68px 40px;
}
.top-conts-enttl{
    font-size: 6rem;
    line-height: 1em;
    margin-bottom: 0px;
}
.top-conts-ttl{
    font-size: 3rem;
    margin-bottom: 20px;

}
.top-conts-msg{
    font-size: 1.5rem;
    margin-bottom: 25px;
}
.top-conts-more{
    margin-left: -15px;
}

.top-others-block{
    margin-bottom: 80px;

}
.top-others-box{
    position: relative;
    display: block;
    width: calc(33.33% - 2px);
    overflow: hidden;

}

.top-others-img{
    position: relative;
    z-index: 2;
    transition:transform 0.8s ease-in-out;
}
.top-others-box:hover{
    opacity: 1;
}
.top-others-box:hover .top-others-img{
    transform: scale(1.3,1.3);
}

.top-others-ttl{
    position: absolute;
    width:100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align:center;
    z-index: 3;
    color:#fff;
}
.top-others-ttl>i{
    display: block;
    font-size: 4rem;

}
.top-others-ttl>span{
    display: block;
    font-size: 3rem;
}

.top-others-box .more{
    position: absolute;
    right:15px;
    bottom:25px;
    z-index: 4;
    color:#fff;
}

/*
access
*/
.main-visual{
    padding-top: 240px;
}
.main-visual-ttl{
    margin: 0px auto 0;
    width: 100%;
    max-width: 180px;
    height: 180px;
    line-height: 180px;
    font-size: 2rem;
}

.main-visual-ttl.line2 {
    padding-top: 67px;
}

.ttl-bar{
	-webkit-border-radius: 10px;
	border-radius: 10px;
    padding:0.8em 0;
    margin-bottom: 25px;
}

.map-block{
    position: relative;
    padding-top: 106%;
    margin-bottom:30px;
}

.shop-detail-block{
    border-top:1px solid #7d7d7d;
    border-bottom:1px solid #7d7d7d;
    padding-top: 29px;
    display: block;
}
.shop-detail-logo{
    width: 185px;
    margin:0 auto 20px;
    padding:0;
}
.shop-detail-txt{
    width: 100%;
}
.shop-detail-para{
    font-size: 1.6rem;
    margin-bottom: 20px;
}
.shop-detail-box1{
    width: 100%;
    border-bottom: 1px solid #7d7d7d;
   padding-bottom: 10px;
}
.shop-detail-box2{
    width: 100%;
    padding-left: 0px;
   padding-top: 30px;
   padding-bottom: 0px;

}
.shop-detail-box2::after{
	display: none;
}

.shop-detail-flex {
    padding: 30px 0 13px;
    margin-top: 30px;
    display: block;
}

.shop-detail-ttl{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.info-block{
    flex-wrap: wrap;
}
.info-box1 {
    order: 2;
    padding-top: 18px;
    width: 100%;
    padding-bottom: 20px;
}
.info-box2{
	order:3;
    padding-top: 18px;
    width: 100%;
    padding-bottom: 20px;
}
.info-box3{
	order:1;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
    width: 100%;
    height:auto;
    color:#fff;
    padding-top:20px; 
    font-size: 1.5rem;
}
.info-box3>i{
    display: block;
    margin-bottom: 20px;
    padding-right: 10px;
}

.info-msg{
    font-size: 1.4rem;
} 
.info-tel{
    display: inline-block;
    margin: 5px 0;
}
.info-tel>span{
    font-size: 2.4rem;
}
.info-tel>strong {
    font-size: 3rem;
}

.info-time{}
.info-time>span{
    font-size: 1.8rem;
}
.info-time>strong{
    font-size: 2.2rem;
}


.info-btn{
    display: block;
    margin: 15px auto;
    width: 250px;
    height: 45px;
    line-height: 43px;
    color:#fff;
    border:1px solid #fff;
    text-align: center;
    font-size: 1.5rem;
}

.info-mail{
    font-size: 1.5rem;
}


/***********************************************************************************************************************
* トップ
***********************************************************************************************************************/
.home .wrap {
    padding: 0;
}
.top-news{
    position: relative;
    flex-wrap:wrap;
}



.top-news-head{
    padding: 20px 15px 20px 10px;
    width: 40px;
}
.top-news-ttl{
    font-size: 2.5rem;
    line-height: 1em;
    transform: rotate(90deg);
}

.top-news-block {
    padding: 10px 23px 34px;
    width: calc(100% - 40px );
}

.top-news-btn{
    position: absolute;
    right:30px;
    bottom:10px;
    width: auto;
}

.top-news-btn>a{
    margin-top: 33px;
    padding-top: 0px;
    padding-right: 60px;
}
.top-news-btn>a>i{
    position: absolute;
    right:0;
    top:-2px;
    width: 39px;
}

.top-about{
    padding: 40px 0;
}
.top-about-block{
    height: auto;
}
.top-about-inr{
    background-image: none !important;
}
.top-about-head{
    position: relative;
    height: 160px;
    background-size: cover !important;
    background-position: 0 50%;
}

.top-about-ttl {
    margin-top: 0;
    padding-top: 35px;
}

.top-about-ttl>strong{
    line-height: 1em;
    font-size: 3rem;
    display: block;
    font-weight: normal;
    margin-bottom: 5px;
}
.top-about-ttl>span{
    font-size: 3rem;
    display: inline-block;
    margin-bottom: 30px;
}
.top-about-msg{
    font-size: 1.5rem;
    padding:20px 20px 0;
    text-align: left;
    color:#301900;
}
.top-about-name {
    position: absolute;
    font-size: 3rem;
    z-index: 2;
}
.more{
    display: inline-block;
    padding: 15px;
}

.more>span{
    position: relative;
    padding-right: 80px;
}

.more>span>i {
    position: absolute;
    right: 0;
    top: -3px;
}

.top-about-block .more{
    position: static;
    color:#301900;
    float: right;

}

.top-conts-block{
    margin:0 0 40px 0;
    padding: 0 22px;
    display: block;
}


.top-conts-img{
    width: 100%;
}

.top-conts-block.revs .top-conts-txt{
    padding-left: 0px;
}
.top-conts-txt{
    width: 100%;
    padding:0px;
    margin-top: 30px;
}

.top-conts-enttl {
    clear: both;
    font-size: 4rem;
    text-align: center;
    margin-bottom: 15px;
}

.top-conts-ttl {
    font-size: 2.4rem;
    margin-bottom: 20px;
}

.top-conts-img{
    margin-bottom: 30px;
}

.top-conts-msg {
    font-size: 1.5rem;
    margin-bottom: 0px;
}

.top-conts-more{
    margin-left: 0px;
    text-align: right;
}
.top-conts-more .more {
 padding-right: 0;
}

.top-others-block{
    display: block;
    margin-bottom: 40px;

}
.top-others-box{
    position: relative;
    display: block;
    width:100%;
    overflow: hidden;
    margin-bottom: 2px;
}

.top-others-img{
    position: relative;
    z-index: 2;
    transition:none;
}
.top-others-box:hover{
    opacity: 1;
}
.top-others-box:hover .top-others-img{
    transform: none;
}

.top-others-ttl{
    position: absolute;
    width:100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.top-others-ttl>i{
    font-size:2.7rem ;
    height: 1.2em;

}
.top-others-ttl>span{
    font-size: 2.7rem;
}

.top-others-box .more{
    right:15px;
    bottom:15px;
}


/***********************************************************************************************************************
* 下層
***********************************************************************************************************************/



/*
about
*/

.section-nav {
    margin-bottom: 20px;
}

.headline-l>span {
    font-size: 6.5rem;
    padding-right: 10px;
}
.headline-l>span>i{
    font-size: 5.5rem;
}

.headline-m>span{
    font-size: 5rem;
    padding: 0 10px;
}
.section-nav>li{
	width: 50%;
}
.section-nav>li>a{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 1.6rem;
}

.greetings-block {
    display: block;
    padding-bottom: 0px;
}

.greetings-img{
    padding-top: 20px;
    padding-left: 0px;
    width: 100%;
    text-align: center;
}
.greetings-img img{
	width: 200px;
}
.greetings-txt{
    width: 100%;
}
.greetings-ttl{
    font-size: 2rem;
    white-space: nowrap;
    margin-top: 25px;
}
.greetings-name {
    font-size: 1.7rem;
    margin: 20px 0 25px;
}
.greetings-btn{
    margin-bottom: 30px;
}
.greetings-box{}
.greetings-box>p{
    line-height: 2.13em;
    margin-bottom: 1.8em;
}

.inter-img{
    height: 220px;
}
.inter-img-inr{}

.bg-his {
    margin-top: 28px;
    background-image: none !important;
}

.data-tbl {
    margin: 0 auto 0;
    padding-left: 0;
}

.data-tbl>table>tbody>tr>th{
    width: auto;
    white-space: nowrap;
    padding-right: 30px;
}

.data-tbl>table>tbody>tr>td{
    line-height: 2.13em;
}

.data-tbl .ep{
    padding-left: 22px;
    margin-bottom: 20px;
}
.data-tbl .ep::before{
    top:10px;
    left:0;
}
.data-tbl .ep::after{
	width: 1px;
    height: calc(100% - 15px);
    top:10px;
    left:5px;
}
.data-tbl .ep-ttl{
    margin-top: 10px;
}

.faq-box {
    padding: 17px 20px;
    margin-bottom: 18px;
}


.faq-ttl{
    font-size: 1.6rem;
}


/*
products
*/

.clm-block {
    display: block;
    margin-top: 0;
    margin-bottom: 25px;
}

.clm-img{
    width: 100%;
    padding-left: 0px;
    text-align: right;
}
.clm-img-inr {
    display: inline-block;
    margin-right: 0px;
    padding-right: 7%;
    padding-bottom: 29px;
    max-width: 93%;
}

.clm-img-inr::after{
    width:  93%;
    height: calc(100% - 50px);
    bottom:0px;
}
.clm-txt{
    width: 100%;
    padding: 0 28px;
}

.products-ttl{
    font-size: 1.8rem;
    margin-bottom: 30px;

}
.products-msg{
    margin-bottom: 1.8em;
}

.special{
    margin-bottom: 100px;
}

.special-img {
    padding-top: 25px;
}
.special-img-inr{
    height: 245px;
    width: calc(100% - 28px);
    background-position: 0 0;

}

.special-ttl {
    right: 28px;
    bottom: -33%;
    font-size: 6rem;
    text-shadow: 0px -2px 1px #fff;
    line-height: 1em;
    text-align: right;
}

.center-block{
    margin-bottom: 30px;
    padding:  0;

}
.center-block-txt{
    padding: 0 28px;
}
.center-block-ttl{
    font-size: 1.8rem;
    margin-bottom: 20px;

}

.center-block-msg{
    margin-bottom: 1.5em;
}

.products .wrap{
    padding: 0;
}

.products .head-block {
    padding: 0 28px;
}


/*
order
*/
.inr-block {
    padding: 0 10px;
}



.order .headline-m{
    margin-bottom: 20px;
}

.order-section{
    padding-bottom: 30px;
}

.under-arw{
    padding-top: 0px;
    text-align: center;
}
.under-arw img {
    width: 10px;
}
.order-ttl {
    position: relative;
    font-size: 1.6rem;
    padding-left: 60px;
    max-width:none;
    line-height: 1.3em;
}

.order-ttl {
    margin-bottom: 10px;
}
.order-ttl>strong {
    margin-bottom: 6px;
}
.order-ttl>span{
}

.order-ttl>i {
    width: 48px;
    top: -3px;
}

.order-txt{
    margin-bottom: 15px;
}
.order-txt p{
    font-size: 1.4rem;
}
#order-block3 {
    margin: 20px 0;
}

.order-block>li{
    position: relative;
    width: calc(33.33% - 5px);
}
.order-block>li>.num{
    font-size: 4rem;
    top: -38px;
}


ol.order-block{
    margin-top: 40px;
}
.order-msg{
    font-size: 1.3rem;
    margin-top: 10px;
}

.dashed-box {
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 30px 15px;
}

#dashed-box2{
    margin-top: 15px;
    margin-bottom:20px;
    padding: 15px 15px;
}

.dashed-ttl{
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.order-details-ttl {
    left: -15px;
    top: -21px;
    padding-left: 63px;
}

.order-details-ttl>i {
    left: 0;
    top: 7px;
    width: 59px;
}

.order-details-ttl>span{
    font-size: 2.6rem;
}

.order-item-ttl{
    font-size: 1.6rem;
    margin: 15px 3px;
}
.order-item-list>li{
    padding-left: 1em;
    font-size: 1.3rem;
}
.order-item-list>li>span{
    position: absolute;
    left:0;
    top:0;
}

.link-btn{
    width: 250px;
    height: 50px;
    line-height: 50px;
    font-size: 1.6rem;
    margin: 0px auto 0;
}

 .news-block{
    display: block;
    min-height:0;
    margin-top: -20px;
}

 .news-block>article{
    display: block;
}
 .news-block>article>p{
    width: 100%;
 }

/*
お問い合わせ
*/
.contact-tbl,
.contact-tbl>tbody,
.contact-tbl>tbody>tr,
.contact-tbl>tbody>tr>th,
.contact-tbl>tbody>tr>td{
    display: block;
    width: 100%;
}
.contact-tbl>tbody>tr{
    margin-top:-1px;
}


.contact-tbl>tbody>tr>td{
    padding: 1em;
}

.contact .input-block{
    display: block;
}
.contact .input-block>.box:nth-child(1) {
    margin-right: 0px;
    margin-bottom: 15px;
}

.contact .front {
    padding-right: 8px;
    width: 35px;
}

.privacy-msg-top {
    font-size: 1.3rem;
    line-height: 1.8em;
    margin-bottom: 2em;
}

.contact .check-block{
    max-width: 400px;
    margin:0 auto;
    text-align: left;
}

.contact .submit-btn {
    position: relative;
    display: block;
    width: 260px;
    margin: 0 auto;
}


 .contact .btn-area {
    margin-bottom: 10px;
    display: block;
}

.contact .btn-area>form {
    margin: 0 0 20px;
}

.contact .main-contents {
    padding-bottom: 0;
}

.contact-msg {
    margin: 40px 0 30px;
}


}/*1024px以下*/

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

    .pc2{ display: none !important; }
    .sp2{ display:block !important; }

    .topSlider .txt-layer {
        position: absolute;
        right: 0%;
        top: 0%;
        width: 100vw;
        height: 100%;
        z-index: 2;
    }
    .topSlider .txt-layer-inr {
        position: absolute;
        top: 37px;
        height: auto;
        line-height: 1em;
    }
    .topSlider .txt-layer-inr.right {
        right: 15%;
        left:auto;
        margin-left: -1em;
    }

    .topSlider .txt-layer-inr.left {
        right:auto;
    left: 15%;

}

    .topSlider .swiper-slide{
        position: relative;
        height: 245px;
    }

    .topSlider .txt-layer-inr p {
        font-size: 2.4rem;
        width: 1em;
    }

    .headline-m>span {
        font-size: 4rem;
        padding: 0 10px;
    }

    .inr-block {
        padding: 0;
    }

    .order-block {
        display: block;
        margin-top: 40px;
    }

    .order-block>li{
        width: 100%;
        margin-bottom: 30px;
    }

    .order-block>li img{
        width: 100%;
    }

    #order-block2 {
        margin-bottom: 45px;
    }


     ol.order-block{
        margin-bottom: 30px;
     }
     ol.order-block>li{
        margin-bottom: 50px;
     }
     ol.order-block>li:last-child{
        margin-bottom: 0;
     }


}


/***********************************************************************************************************************
* 横サイズ425px以下
***********************************************************************************************************************/
@media screen and (max-width: 425px){

    .headline-l>span {
        font-size: 5.8rem;
    }
    .headline-m>span {
        font-size: 9vw;
        padding: 0 10px;
    }
    .special-img-inr{
       background-position: 50% center;
    }
    .order-ttl>span{white-space: normal;}
    .order-ttl>span>br{display: none;}






}/*425px以下*/