.maindesign {
	font-family: "Noto Sans JP","游ゴシック", "Yu Gothic",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,Osaka,Sans-Serif;
}

.maindesign .feature-hdg1 .sub_title{
	width: auto;
	font-size: 60px;
	left: 3%;
    font-feature-settings: "palt";
	color: #333;
	text-shadow: none;
}
@media screen and (max-width: 767px){
.maindesign .feature-hdg1 .sub_title{
	top: 5%;
	left: 5%;
	transform: none;
    font-size: 7.3vw;
}

}

.maindesign .left-red{
	border-left: 4px solid #E5002D;
	padding: 0.6rem 1rem;
}

.maindesign .recommend-flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 2em;
}
.maindesign .recommend-flex::before,
.maindesign .recommend-flex::after{
	content: "";
	display: block;
	width: 49%;
	height: 0;
}
.maindesign .recommend-flex::before{
	order: 1;
}
.maindesign .recommend-flex li{
	width: calc(49% - 22px);
	padding: 10px;
	border: 1px solid #ccc;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.maindesign .recommend-flex li .goods-name{
	font-size: 1.3em;
	margin-bottom: 10px;
	line-height: 1.3;
}
.maindesign .recommend-flex li .goods-name span{
	font-size: 0.8em;
}
.maindesign .recommend-flex li .images{
	margin-bottom: 10px;
}
@media screen and (max-width: 767px){
.maindesign .recommend-flex li .goods-name{
	font-size: 1.0em;
}
.maindesign .recommend-flex .fs-medium{
	font-size: 0.9em;
}
}




.maindesign .location{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}
.maindesign .location .images{
	width: 49%;
}
.maindesign .location .text-area{
	width: 49%;
	line-height: 1.3;
	text-align: justify;
}

@media screen and (max-width: 767px){
.maindesign .text-area p{
	font-size: 0.9em;
}
.maindesign .location .images{
	width: 100%;
}
.maindesign .location .text-area{
	width: 100%;
}

}


.maindesign .amount{
	border: 1px solid #ccc;
	padding: 20px;
	margin-bottom: 20px;
}
.maindesign .amount p{
	font-size: 1.3em;
	margin-bottom: 10px;
	font-feature-settings: "palt"1;
}
.maindesign .amount p span{
	font-size: 0.8em;
}
.maindesign .amount .star{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.maindesign .amount .star li{
	width: 25%;
	font-size: 1.6em;
}
.maindesign .amount .star li span{
	color: #fcd700;
	margin-right: 20px;
}
@media screen and (max-width: 767px){
.maindesign .amount .star li{
	width: 49%;
	font-size: 5vw;
	margin-top: 10px;
}
.maindesign .amount .star li:nth-child(-n + 2){
	margin-top: 0;
}
}

.maindesign .shape{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.maindesign .shape--block{
	width: 49%;
	margin-top: 40px;
	position: relative;
	padding-bottom: 3.5em;
}
.maindesign .shape--block:nth-child(-n + 2){
	margin-top: 0;
}
.maindesign .shape--block .feature-hdg3{
	margin-top: 0;
	font-size: 1.4rem;
}
.maindesign .shape--block .images{
	margin-bottom: 10px;
}
.maindesign .shape--block__flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 10px;
}
.maindesign .shape--block__flex .images{
	width: 58%;
}
.maindesign .shape--block__flex .images-right{
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.maindesign .shape--block__flex .images-right.justify-start{
	justify-content: flex-start;
}
.maindesign .shape--block__flex .images-right .icons{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #ccc;
	padding: 10px;
}
.maindesign .shape--block__flex .images-right .icons li{
	width: calc(100% - 60px);
}
.maindesign .shape--block__flex .images-right .icons li:first-child{
	width: 60px;
}
.maindesign .shape--block__flex .images-right .icons .stella{
	text-align: center;
	font-size: 1.5em;
	color: #fcd700;
}
.maindesign .shape--block .lead-text{
	font-size: 1.0em;
	text-align: justify;
}


.maindesign .shape--block .menu-btn-list {
    width: 100%;
	margin: 0;
	position: absolute;
	bottom: 0;
}

.maindesign .icons{
	margin-bottom: 10px;
	table-layout: fixed;
	border-collapse: collapse;
}
.maindesign .icons td{
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	width: 30%;
}
.maindesign .icons td:first-child{
	width: 40%;
}
.maindesign .icons td span{
	display: block;
	color: #fcd700;
	font-size: 0.9em;
}
.maindesign .icons td span.batten{
	color: #333333;
}

@media screen and (max-width: 767px){
.maindesign .shape--block{
	width: 100%;
	margin-top: 40px;
}
.maindesign .shape--block:nth-child(-n + 2){
	margin-top: 40px;
}
.maindesign .shape--block:first-child{
	margin-top: 0;
}
.maindesign .shape--block__flex .images-right .icons{
	margin-bottom: 2vw;	
}
.maindesign .shape--block__flex .images-right .icons li{
	width: calc(100% - 13vw);
}
.maindesign .shape--block__flex .images-right .icons li:first-child{
	width: 13vw;
}
.maindesign .shape--block__flex .images-right .icons .stella{
	font-size: 5vw;
}
}



.maindesign .products{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.maindesign .products::before,
.maindesign .products::after{
	content: "";
	display: block;
	width: 32%;
	height: 0;
}
.maindesign .products::before{
	order: 1;
}
.maindesign .products a{
	color: #333;
	text-decoration: none;
	padding: 10px;
	width: calc(32% - 22px);
	border:1px solid #ccc;
	border-radius: 5px;
	margin-top: 20px;
}
.maindesign .products a:nth-child(-n + 3){
	margin-top: 0;
}
.maindesign .products a p{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3;
	font-feature-settings: "palt";
	margin-bottom: 10px;
}
@media screen and (max-width: 767px){
.maindesign .products::before,
.maindesign .products::after{
	width: 32%;
}
.maindesign .products a{
	width: calc(32% - 12px);
	margin-top: 10px;
	padding: 5px;
}
.maindesign .products a:nth-child(-n + 3){
	margin-top: 0;
}
.maindesign .products a p{
	font-size: 1.0em;
}

}




.maindesign .feature__items li{
	min-height: auto;
}

.maindesign .feature__items li a .feature__items--txt .feature__items--txt__title{
	font-size: 1.25rem;
}


/*231214*/
.maindesign p{
	line-height: 1.3;
}
	.maindesign .disp_fl{
		display: flex;
		justify-content: space-between;
	}
	.maindesign .disp_fl .flex_con{
		width: 49%;
	}



/*240606*/
.mgb40{margin-bottom: 40px!important;}
.maindesign .text-ind{
	padding-left: 1em;
	text-indent: -1em;
}
#main .main_title {
        margin: 10px auto;
        font-weight: bold;
        font-size: 27px;
    }
@media screen and (max-width: 767px){
#main .main_title {
        margin: 10px auto 10px 10px;
        font-size: 22px;
    }
}