@charset "UTF-8";



.leadTxt{

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -ms-align-items: stretch;

    align-items: stretch;

    justify-content: space-between;

    position: relative;

    font-size: 30px;

    font-weight: bold;

    color: #fff;

    border:none;

    text-align: left;

    padding: 0;

    line-height: 1.6;

}

.leadTxt::before{

    content: none;

}

.leadTxt .leadTtl{

    background: #333;

    padding: 5px 10px;

}

.leadTxt .leadCnt{

    background: #314f80;

    padding: 5px 10px;

    flex: 1;

}



.commitList{

    position: relative;

    margin-bottom: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: space-between;

    align-items: stretch;

    text-align: center;

}



.commitList li {

    color: #fff;

    width: 100%;

    margin: 0 20px 0 0;

    position: relative;

    font-size: 13px;



    padding:  10px;

    overflow: hidden;

    background: #314f80;

    box-shadow: 0 0 0 1px #fff inset;

    border: 5px solid #314f80;

    text-align: left;

}

.commitList li:last-child{

    margin-right: 0 !important;

}

.commitList li:before,

.commitList li:after {

    content: none;

}

.commitList li h4{

    font-size: 16px;

    padding: 0;

    margin-bottom: 5px;

    font-weight: bold;

    text-align: center;

}

.commitList li h4:before,

.commitList li h4:after {

    content: none;

}

.commitList li h5{

    border-bottom: none;

    text-align: center;

    font-size: 12px;

    background: #fff;

    color: #314f80;

    text-align: center;

    padding: 3px 5px;

    margin: 0 auto 10px;

}





.kodawari {
  padding-top: 60px;
}
.kodawari .leadTxt {
  margin-bottom: 20px;
}

.reason h2 {
  padding-top: 20px;
}




.amamoritop {
  position: relative;
  overflow: hidden;
  padding: 1rem 2rem 1rem;
  /*border: 3px solid #000;
  border-radius: 100vh;*/
  margin: 0 auto 10px;
  font-size: 180%;
  font-weight: bold;
  padding: 0 1rem;
}

.amamoritop em {
  display: inline;
  font-style: normal;
  font-size: 140%;
  color: #EB0003;
}

.amamoritop i {
  color: #006EED;
}

.amamoritop {
  position: relative;
  padding: 1em 2em;
  text-align: center;
}

.amamoritop:before,
.amamoritop:after {
  position: absolute;
  content: '';
}

.amamoritop:after {
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
}

.amamoritop:before {
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}




.konnani {
  position: relative;
  overflow: hidden;
  padding: 1rem 0 1rem;
  border: 3px solid #000;
  border-radius: 100vh;
  margin: 0 auto 30px;
  font-size: 140%;
}







.amamori {
  padding-top: 50px;
}

.sec5 {margin-bottom: 0px;}
.sec5-title{ width: 100%; margin: 0 auto 0; max-width: 620px;display: flex; justify-content: center; align-items: center; }
/*.sec5-title h3{ font-size: 22pt; font-weight: bold; float: left; padding: 0; margin-right: 20px; }*/
.sec5-container{ display: flex; gap: 55px; }
.sec5-item h5 {   font-size: 22.5px; font-weight: bold; position: relative; }
.sec5-container .sec5-item{ position:relative; }
.sec5-container .sec5-item:before{ left: -50px;
 	background-size: 70px; }
.sec5-container .sec5-item:first-child:before{ content:''; background-image:url(../img/add3/sec2_num1.png); position:absolute; width: 150px; height: 150px; background-repeat: no-repeat; top: -30px;}
.sec5-container .sec5-item:nth-of-type(2):before{ content:''; background-image:url(../img/add3/sec2_num2.png); position:absolute; width: 150px; height: 150px; background-repeat: no-repeat; top: -30px; }
.sec5-container .sec5-item:last-child:before{ content:''; background-image:url(../img/add3/sec2_num3.png); position:absolute; width: 150px; height: 150px; background-repeat: no-repeat; top: -30px; }
.sec5-info {   width: 263px; height: 6em; /*position: absolute;*/ bottom: -15px; right: -38px; background: #fff; padding: 15px; font-size: 17px; color: #000; line-height: 22px; text-align: justify; }
.sec5-wrapper{ width: fit-content; margin: 0 auto 50px; }
.sec5 .full-width-div{ padding: 50px 50px 0 50px; }
.sec5-img{ overflow:hidden; }





.secnew2 { margin-bottom: 0px;}
.secnew2 img{ margin: 0 auto 50px; display: block; }
.secnew2-wrapper{ text-align:center; }
.secnew2-container{ display: flex; gap: 40px; }
.secnew2-item{ flex:1; position:relative; }
.secnew2-item img{ width:100%; }
.secnew2-txt{ background: #FFFFFFCC; font-size: 25px; font-weight: bold; position: absolute; width: 100%; padding: 25px 0; bottom: 25%;color: #666666 !important; }
.secnew22 h6{ text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 10px; }
.secnew22-box{ background:#EDEDEE; }
.secnew22-box ul{ width: 60%; margin: 0 auto; padding: 25px !important; font-size: 20px; line-height: 30px !important; color: #000; list-style: none !important; }
.secnew22-box li {text-align: left; font-weight: bold;}
.secnew22-box li img{ float: left; margin: 5px 11px 5px; width: 22px; }
.secnew22-box ul li span{ position:relative; z-index:2; }
.secnew22-box ul li span::after{ content:''; background:#FFE100; height:10px; position:absolute; bottom:0; width:100%; left:0; z-index:-1; }





@media screen and (max-width:900px){
  


  
}


@media screen and (max-width:768px){


  .commitList {
    flex-wrap: wrap;
  }
  
  .commitList li {
    width: 50%;
    box-sizing: border-box;
    margin-right: 0;
  }
  
  .commitList li img {
    display: block;
    margin: 0 auto 7px;
    
  }
  
  

}


@media screen and (max-width:640px){

  
  

  

.sec5-title{ width: 100%; margin: 0 auto 5vh; display: flex; justify-content: center; align-items: center;}
.sec5-title h3{ font-size: 5vw; font-weight: bold; padding: 0 2vw 0 0; text-align: left; width: 60%;}
.sec5-title p {width: 25%; height: auto;}
.sec5-container{ display: block; padding: 8vw 0; width: 90%; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sec5-item h5 {   font-size: 4.5vw; font-weight: bold; position: relative; z-index: 2; text-align: left; text-indent: 2em ;}
.sec5-container .sec5-item{ position:relative; margin-bottom: 7vh; }
.sec5-container .sec5-item:before{ left: -50px; background-size: 70px; z-index: 1; }
.sec5-container .sec5-item:first-child:before{ content:''; background-image:url(../img/add3/sec2_num1.png); position:absolute; width: 30vw; height: 30vw; background-repeat: no-repeat; top: -25px; left:-16%;}
.sec5-container .sec5-item:nth-of-type(2):before{ content:''; background-image:url(../img/add3/sec2_num2.png); position:absolute; width: 30vw; height: 30vw; background-repeat: no-repeat; top: -25px; left:-16%; }
.sec5-container .sec5-item:last-child:before{ content:''; background-image:url(../img/add3/sec2_num3.png); position:absolute; width: 30vw; height: 30vw; background-repeat: no-repeat; top: -25px; left:-16%; }
.sec5-info {   width: 90%; /*position: absolute;*/ z-index: 3; bottom: -15px; right: -38px; background: #fff; padding: 15px; color: #000; line-height: 1.6; text-align: justify; }
.sec5-wrapper{ width: 80%; margin: 0 auto; }
.sec5 .full-width-div{ padding: 0;  }
.sec5-img{ overflow:hidden; position: relative; z-index: 2; }
  
  
  
  
.secnew2 img{ margin: 0 auto 2vh; display: block; width: 80vw; }
.secnew2-wrapper{ text-align:center; }
.secnew2-container{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; height: 17vh; overflow: hidden;}
.secnew2-item{ width: 33%; height: 14vh; position:relative; overflow: hidden; }
.secnew2-item img{ width:100%; }
  
  
}