@charset "UTF-8";

.imgheader{
  max-width: 2200px;
  margin: 0 auto;
  padding: 0;
  max-height: 90vh;
  overflow: hidden;
  position: relative;
}

.imgheader .imgheader_img{
  width: 100%;
  /* max-height: 50vh; */
  height: 100%;
  margin: 0 auto;
}
#content{
position: relative;
}

.gline{
padding-top: 2em;
  background-color: #D7D7D8;
}
.h1_title{
  font-size: 2em;
  position: absolute;
  top: -1.6em;
  left: 2em;
  padding: 0.5em 2em;
  text-align: center;
  background-color: #055C8D;
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
}



.page_text{
text-align: center;
  font-size: 1.2em;
}

.underline_title{
  line-height: 2em;
  border-bottom: 1px solid #A8A9A9;
  margin-bottom: 1em;
  font-size: 1.4em;
  padding-left: 0.5em;
  font-weight: bold;
}

.h3_small{
font-size: 1em;
font-weight: bold;
}
.h3_normal{
font-size: 1.4em;
font-weight: bold;
}

.imgtitle{
background-image: url(../chintaikanri_img/titlebackimg.jpg);
  background-size: cover;
}

.flex_cont{
display: flex;
flex-wrap: wrap;
}
.flex_cont div{
width: 50%;
  text-align: left;
}

@media screen and (max-width: 891px) { 
.flex_cont div{
width: 100%;
  text-align: left;
}
}

.flex_cont2{
display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.flex_cont2 article{
width: 16%;
  padding: 0 1em;
  font-size: 0.8em;
}
@media screen and (max-width: 891px) { 
.flex_cont2 article {
  width: 33%;
}
}


.flex_cont2 article img{
  margin: 0 auto;
  display: block;
}


.flex_cont3{
display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.sec3_img{
width: 35%;
text-align: right;
}

.sec3_text{
width: 55%;
position: relative;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: left;
}

.lefttext{
font-size: 1.5em;
  line-height: 2em;
}

@media screen and (max-width: 891px) { 
.flex_cont3 article {
width: 100%;
  text-align: center;
}
}


.flex_cont4{
display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.flex_cont4 article{
width: 16%;
  padding: 0 1em;
  font-size: 0.8em;
}

@media screen and (max-width: 891px) { 
.flex_cont4 article {
  width: 33%;
}
}

.flex_cont4 article img{
  margin: 0 auto;
  display: block;
}




@media screen and (max-width: 891px) { 
  .page_text{
    font-size: 1.0em;
  }
  .lefttext{
    font-size: 1.0em;
  }
  .underline_title{
    font-size: 1.2em;
  }
  .h1_title {
    font-size: 1.3em;
  }
}

/* merit3 */

@media print, screen and (min-width: 892px) {	
  #merit3 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 55px;
  }
  #merit3 div {
    width: 284px;
    
  }
  #merit3 div dl {
    border: 1px solid #c6c6c6;
    position: relative;
    margin-bottom: 70px;
  }
  #merit3 div dl:after {
     display: inline-block;
    border-style: solid;
    border-width: 44px 24px 0 24px;
    border-color: #5c9ddf transparent transparent transparent;
    position: absolute;
    bottom: -60px;
    content: "";
    left: 42%;
  }
  #merit3 div dl dt {
    font-size: 18px;
    padding: 15px 0px;
    text-align: center;
    background-color: #5c9ddf;
    font-weight: 700;
    color: #FFF;
  }
  #merit3 div dl dd {
    font-size: 13px;
    padding: 10px;
    font-weight: 700;
    line-height: 160%;
  }
  #merit3 div p {
    background-color: #5c9ddf;
    font-size: 14px;
    padding: 15px 10px;
    line-height: 160%;
    color: #FFF;
  }
}
@media screen and (max-width: 891px) { 
  #merit3 {
    margin-bottom: 55px;
  }
  #merit3 div {
    width: 100%;
    margin-bottom: 40px;        
  }
  #merit3 div dl {
    border: 1px solid #c6c6c6;
    position: relative;
    margin-bottom: 70px;
  }
  #merit3 div dl:after {
     display: inline-block;
    border-style: solid;
    border-width: 44px 24px 0 24px;
    border-color: #5c9ddf transparent transparent transparent;
    position: absolute;
    bottom: -60px;
    content: "";
    left: 45%;
  }
  #merit3 div dl dt {
    font-size: 18px;
    padding: 15px 0px;
    text-align: center;
    background-color: #5c9ddf;
    font-weight: 700;
    color: #FFF;
  }
  #merit3 div dl dd {
    font-size: 13px;
    padding: 10px;
    font-weight: 700;
    line-height: 160%;
  }
  #merit3 div p {
    background-color: #5c9ddf;
    font-size: 14px;
    padding: 15px 10px;
    line-height: 160%;
    color: #FFF;
  }
  section{
    padding: 0 2%;
  }

}