@media screen and (max-width: 1024px) {
    .inner{width:96%;}
    h1{line-height: 1.5em;font-size:46px}
    .sizeTbl{width: 100%;}
	.flow{width:100%}
    .content-wrap{
        width: 100%;
        margin: 20px auto;
        float: none;
        padding: 6px;
    }
}
@media screen and (max-width: 800px) {
	.toptxt{text-align:left;}
    .forpc {display: none;}
}
@media screen and (max-width: 700px) {
    body{font-size: 17px;}
    .inner{width:96%;margin-bottom: 0;}
    h1{font-size: 30px;line-height: 1.2em;}
    h2 {font-size: 22px;text-align: center;padding: 0 10px;margin:0 0 30px;}
	.flow h2{font-size:30px;}
    .pageTop{padding: 10px;}
    .logo_f{margin: 0 0 30px;width: 100%;}
    .title{margin-bottom: 30px;}
    .forsp {display: block;}
    .share li{vertical-align: top;}
    .accordionlist dd{padding: 10px 0 0;}
    .accordion_icon {width: 20px;height: 20px;}
    .slick-prev {left: -5px !important;}
    .slick-next {right: -5px !important;}
    .slick-prev, .slick-next{width:28px!important;height:28px!important;z-index: 9999;}
    .price{margin-bottom: 30px;}
    ul.card li span{width: 100%;}
	.flow{
		width:96%;
		box-sizing:border-box;
		padding:10px 5px;

	}
	.orderPeriod{line-height: 1.4em; display: block;width: auto;margin: 0 0 30px; padding: 10px;}
	.infotxt{width:96%;box-sizing:border-box;padding:10px;}
	.flow img{width:80%;}
	.flow img.forpc{display:none;}
    .note{line-height: 21px;margin-bottom: 25px;display: block;}
	.newsttl{font-size:40px;line-height: 1.6em;}
	.news p{text-align:left;}
    .content-wrap h3{
        font-size: 23px;
        line-height: 24px;
    }
    .content-wrap h3 span{}
    .square_btn {
        margin: 8px 5px;
        height: 30px;
        width: 100px;        
    }
    .square_btn_mantaro {
        width: 100%!important;
        margin:8px 0px!important;    
    }    
}
@media screen and (max-width: 320px) {
    .share li{margin: 5px;}
	h2 {font-size: 19px;}
    h3{font-size: 24px;}
}