@charset "UTF-8";

.fw_bold{
	font-weight: bold;
}

.fs_24{
	font-size: 24px;
}

.flex_box{
	display: flex;
}

.mt60{
	margin-top: 60px;
}

.mt80{
	margin-top: 80px;
}

.mb25{
	margin-bottom: 25px;
}

.sttl01{
	color: #832005;
	margin: 50px 0 30px;
	font-weight: bold;
}

.category_ttl04{
    margin: 40px 0 0 0;
    padding: 4px 0;
    background: url(../images/category/ttl04_line.png) center bottom no-repeat;
    color: #923b23;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.intro_d15c-e{
	display: flex;
	background: #620c0c;
	padding: 30px;
	align-items: center;
	margin: 40px 0;
}

.intro_d15c-e p{
	color: #fefefe;
}

.item_link a{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ff5411;
	text-decoration: none;
	width: 240px;
	font-size: 24px;
	padding: 5px;
}

.item_link a:hover{
background: #D91656;
}

.item_link a:link,.item_link a:visited,.item_link a:active{
	color: #fefefe;
}

.arrow{
	width: 0;
  height: 0;
  border-style: solid;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 12px solid #ffffff;
  border-right: 0;
	margin-left: 20px;
}

.notice_box{
	width: 90%;
  margin: 0 auto;
  border: 4px solid #ff5411;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px;
}

.notice_title{
	color: #ff5411;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.mv_area{
	width: 80%;
	aspect-ratio: 16 / 9;
	margin: 30px auto;
}

.mv_area iframe{
	width: 100% !important;
	height: 100% !important; 
}

.confetti h2{
	font-size: 24px;
	font-weight: bold;
}

.topics_box{
	width: 90%;
  margin: 30px auto;
  border: 3px solid #ff5411;
  box-sizing: border-box;
  padding: 20px;
	display: flex;
	align-items: center;
}

.topics_box p:last-child{
	font-size: 16px;
}

.topics_title{
	color: #fefefe;
	background: #ff5411;
	width: 110px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding: 5px 15px;
	margin-right: 20px;
}

.btn_maintenance_service a{
	  display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto;
    padding: 10px 0;
    width: 70%;
    color: #fefefe;
    font-size: 30px;
    font-weight: bold;
    background: #ff5411;
    border-radius: 20px;
    box-sizing: border-box;
}

.btn_maintenance_service a::after{
		content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #fefefe;
    border-right: 3px solid #fefefe;
    transform: rotate(45deg);
    margin-left: 10px;
}

.btn_maintenance_service a:hover{
	text-decoration: none;
	background: #D91656;
}

.ta_all{
	display: flex;
	flex-wrap: wrap;
	width: 1040px;
	margin: 0 auto;
}

.img_box_list{
	margin-top: 40px;
	margin-right: 28px;
}

.img_box_list:nth-child(6){
	margin-right: 0;
}

.img_box_list img{
	width: 150px;
	border: 1px solid #dadada;
	box-sizing: border-box;
}

.img_box_list a{
	border-bottom: 2px solid #9d9d9d;
}

.img_box_list p{
	text-align: center;
	margin-top: 10px;
}


/* ↓紙吹雪関連 */
.confetti{
		text-align: center;
		margin: 1em;
		position: relative;
		width: 1000px;
		margin: 0 auto;
		box-sizing: border-box;
	}

	.confetti h2{
		color: #ff5411;
		position: relative;
		padding: 1.5rem 2rem;
		margin: 2em auto;
		-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
		box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
	}	

	.confetti h2:before, .confetti h2:after {
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		content: '';
		background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
		background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}

	.confetti h2:before {
		top: 0;
}

	.confetti h2:after {
		bottom: 0;
}
	
	.confetti p{
		margin: 1em 0.5em 2em;
	}
	
	.confetti canvas {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
@media screen and (max-width: 480px) {
	body{
		margin: 0 1em;
	}
	
	.confetti{
		width: 100%;}
	}
/* ↑紙吹雪関連 */





/* パソコンで見たときは"pc"のclassがついた部分が表示される */
.mei_durability_pc { display: block !important; }
.mei_durability_sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた部分が表示される */
@media only screen and (max-width: 480px) {
    .mei_durability_pc { display: none !important; }
    .mei_durability_sp {	display: block !important;}
}


@media screen and (max-width: 480px) {
	.wi1080 {
    width: 100%;
    margin: 0 auto;
		
	}

	article .item_ttl02{
		width: 100%;
		font-size: 24px;
	}

	article .item_ttl02::after{
		background-size: 100%;
	}

	.p_lr_10{
		padding: 0 10px;
		box-sizing: border-box;
	}

	.intro_d15c-e{
		display: block;
		padding: 20px;
		margin: 40px 0;
	}

	.intro_d15c-e_title{
		font-weight: bold;
		font-size: 20px;
		text-align: center;
		margin: 20px 0;
	}

	.mv_area{
	width: 100%;
	aspect-ratio: 16 / 9;
	margin: 30px auto;
}

	.item_link a{
		width: 65%;
		margin: 0 auto;
		padding: 5px 10px;
		font-size: 18px;
	}

	.confetti h2{
		margin: 0 auto;
		padding: 15px 2rem;
	}

	.category_ttl04{
		font-size: 20px;
	}

	.topics_box{
		display: block;
		width: 100%;
	}

	.topics_title{
		margin-bottom: 20px;
	}

	.btn_maintenance_service a{
		font-size: 20px;
		width: 100%;
		border-radius: 10px;
	}

	.ta_all{
		width: 90%;
		justify-content: space-between;
	}

	.img_box_list{
		margin: 30px 0 10px 0;
	}

}