@charset "utf-8" ;

hr{
border: solid 1px #aaa;
margin: 100px 0;
}
.mainImg{
background: url(/ja/ggdx/img/bg2.jpg) center;
background-size: cover;
}
.mainImg .leadCont{
color:#FFF;
padding:15px 80px;
}
.mainImg .leadImg{
text-align: center;
padding: 100px 0;
}
.mainImg .leadImg img{
width: 65%;
}
.div2, .div3, .div4{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
column-gap: 50px;
align-items: center;
color:#595757;
}
.div2 li, .div3 li, .div4 li{
flex-grow: 1;
}
.div2 li{
flex-basis: 50%;
}
.div2 h4{
font-size: 36px;
margin-bottom: 30px;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
}
.div2.spTx{
margin: 200px 0;
}
.div4{
column-gap: 15px;
align-items: flex-start;
}
.div4 li {
flex: 1;
align-self:stretch ;
    font-size: 14px;
   }
.div4 li img{
    display: inline-block;
    margin-bottom: 15px;
}
.inquiry{
margin:65px 0;
}
.inquiry img{
width: 85%;
padding: 65px 0;
}
.wrap{
min-width: 1100px;
}
#container .wrap{
width:80%;
}

.div5 li{
margin-bottom:5px;
}
.div5 dt,
.div5 li.empTx{
text-align:center;
width:100%;
background:#f5f5f5;
}

.div5 dt:hover{
    cursor: pointer;
}
.div5 dt,
.div5 dd,
.div5 li.empTx{
padding:25px 45px 15px;
}
.div5 dd{
display:none;
}

.dli-chevron-down {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 0.05em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  margin-top: 15px;
}

.dli-chevron-up {
  transform: translateY(25%) rotate(-45deg);
}

@media screen and (max-width: 768px){
/***********************************************/
.mainImg .leadImg img {
    width: 100%;
}
.mainImg .leadCont {
	padding-bottom: 0;
	margin-bottom: 60px;
}
.div2, 
.div3{
flex-flow: column;
flex-direction: column;
}
.div2 .dtImg{
order: 1;
margin-top: 35px;
}
.div2.spTx  .dtImg{
order: 0;
margin-bottom: 25px;
}
.div2.spTx {
margin: 90px 0;
}
.div4{
flex-wrap: wrap;
column-gap: 10px;
}
.div4 li {
width: 45%;
flex: auto;
}
.inquiry img {
width: 80%;
}
h4 br{
display:none;
}
hr{
margin: 40px 0;
}
.wrap{
min-width: auto;
}

.div5 dt,
.div5 dd,
.div5 li.empTx{
width:auto;
padding:25px 0;
}

}