/*-----全体共通-----*/

.maindesign {
font-family:"Noto Sans JP",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,Osaka,Sans-Serif;
}
/*-----ここまで全体共通-----*/






/*アコーディオン*/
.maindesign .AC-blocks .model-block{
	text-align: left;
    margin-top: 30px;
    background: #fff;
    font-size: 1.25em;
    font-weight: bold;
    padding: 0.8em 1.3em;
	position: relative;
	cursor: pointer;
	border: 2px solid #ccc;
}
.maindesign .AC-blocks .model-block::after {
    content: url(/include_html/koukoku/15_kengu/img_240912/arrow_forward.svg);
    transform-origin: center;
    transform:translateY(-50%);
    color: #9ca289;
    display: inline-block;
    align-items: center;
/*    padding: 0.5em;*/
    transition: 0.5s;
	position: absolute;
	top: 50%;
	right: 1%;
	height: 25px;
    width: 25px;
}
.maindesign .AC-blocks .model-block.active::after {
     transform: rotate(180deg) translateY(50%); 
}

.maindesign .AC-blocks .sub-block{
	display: none;

	padding: 10px 0;
/*	border: 2px solid #ccc;
*/
}
.maindesign .AC-blocks .tab-menu-nav{
	margin: 0;
}


/*  250527 更新  */
.maindesign .feature-hdg1 .sub_title{
	font-size: 50px;
	text-align: left;
	font-feature-settings: "palt";
	top: 35%;
	left: 2%;
	letter-spacing: normal;
	-webkit-text-stroke: 6px #f49402;
	text-stroke: 6px #f49402;
	paint-order: stroke;
	text-shadow: none;
}
.maindesign .feature-hdg1 .sub_title-secondary{
    -webkit-text-stroke: 4px #f49402;
    text-stroke: 4px #f49402;
	margin-top: 0;
	margin-bottom: 5px;
}	
.maindesign .feature-hdg1 .title_omake{
	position: absolute;
    bottom: 10%;
    left: 2%;
    font-size: 19px;
    font-weight: bold;
    font-feature-settings: "palt";
    color: #fff;
    -webkit-text-stroke: 4px #f49402;
    text-stroke: 4px #f49402;
    paint-order: stroke;
}
@media screen and (max-width: 767px) {
.maindesign .feature-hdg1 .sub_title{
	font-size: 7.0vw;
	top: 21%;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-text-stroke: 1vw #f49402;
    text-stroke: 1vw #f49402;
}
.maindesign .feature-hdg1 .sub_title-secondary{
	margin-bottom: 1vw;
	font-size: 0.6em;
	-webkit-text-stroke: 0.8vw #f49402;
    text-stroke: 0.8vw #f49402;
}	
.maindesign .feature-hdg1 .title_omake{
	width: 100%;
	left: 0;
    bottom: 6%;
	font-size: 3.2vw;
	text-align: center;
    -webkit-text-stroke: 0.8vw #f49402;
    text-stroke: 0.8vw #f49402;
}

}


.maindesign .feature-hdg3{
	border-left: 4px solid #E5002D;
	padding: 0.3rem 1rem;
}
.maindesign .goods-grid {
	display: grid;
	grid-template-columns:1fr 2fr;
/*	grid-template-rows: repeat(2, 1fr);*/
	gap: 10px;
}

.maindesign .goods-grid--goods-image { grid-area: 1 / 1 / 3 / 2; }
.maindesign .goods-grid--usage-image { grid-area: 1 / 2 / 2 / 3; }
.maindesign .goods-grid--text {
	grid-area: 2 / 2 / 3 / 3;
	font-size: 1.15em;
	line-height: 1.3;
}

.maindesign .useful-items{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;

}
.maindesign .useful-items--block{
	border: 1px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
}
.maindesign .useful-items--block a{
	padding: 10px;
	height: calc(100% - 20px);
}
.maindesign .useful-items--block__name{
	font-size: 1.2em;
/*	font-weight: bold;*/
	line-height: 1.3;
	margin-bottom: 10px;
}
.maindesign .useful-items--block__images{
	margin-bottom: 10px;
}
.maindesign .useful-items--block__desc{
	font-size: 1.0em;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
.maindesign .goods-grid {
	grid-template-columns:2fr 3fr;
}
.maindesign .goods-grid--text {
	font-size: 0.9em;
}

.maindesign .useful-items{
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;

}
.maindesign .useful-items--block__name{
	font-size: 1.1em;
}
.maindesign .useful-items--block__desc{
	font-size: 0.95em;
}

}