main{
    width: calc(100% - 30px);
    margin: 40px auto 100px auto;
}
main .mainImg {
	margin-bottom: 10px;
	width: 100%;
}
main p{
	font-size: 1.4rem;
	line-height: 2.2rem;
}
main h2 {
    font-size: 1.6rem;
 line-height: 2.6rem;
	margin: 40px auto;
	position: relative;
	overflow: hidden;
}
main h2::before,
main h2::after {
            display: block;
	position: absolute;
	bottom: 15px;
        }

        main h2::before {
									left: -10px;
        }

        main h2::after {
									right: -10px;
        }
main section{
 margin-bottom: 60px;
	display: inherit;
}
main section dl{
	width: 100%;
	margin-bottom: 20px;
}
main section dt{
display:block;
cursor:pointer;
 pointer-events: inherit;
	height: inherit;
}
main section dt h3{
 color: #333;
 font-size: 2.0rem;
 line-height: 2.4rem;
}
main section dt .btnStyle{
 display: block;
 position: relative;
	top: inherit;
 bottom: 0;
	left: 0;
 right: inherit;
 height: 43px;
 width: 100%;
 border-top: 1px solid #fff;
}
main section dt .btnStyle::before,
main section dt .btnStyle::after{
 content: '';
 display: inline-block;
 position: absolute;
 top: calc(50% - 1.5px);
 left: 50%;
 width: 15px;
 height: 1px;
 background-color: #d0d5da;
}
main section dt .btnStyle::after{
 transform: rotate(90deg);
 transition: transform 0.2s;
}
main section dd{
display:none;
 color: #333;
}
main section .open{
 display:block;
color: #333;}
main section dt img
{transition: opacity 0.12s;}
main section dt.hover{ box-shadow: 0 10px 10px -4px rgba(0,0,0,0.1);}
main section dt.hover,
main section dt.active{ background-color: #f3f5f7;}
main section dt.active .btnStyle::after{ transform: rotate(180deg);}
main section dt.hover img{
	opacity: 0.7;
}
main section dt.hover h3{
	color: #e60012;
}

main section dt {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


main section ul li a{
	display:block;
}


/* 220707 */

h1.pageTitle span {
  line-height: 2;
  font-size:1.5rem;}

p.introduction {
  font-size:1.5rem;
  line-height: 1.6;
  text-align: left;
  margin: 15px auto 35px;
}