@charset "utf-8";

/* ===================================
   リセット・汎用クラス　　　　　　　　　　　　　　　　
=================================== */
body{
  padding: 0;
  margin: 66px 0 0 0 !important;
  font-size: 100%;
}
.malp{
  font-family: "Roboto","Noto Sans JP","Noto Sans SC",sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.malp main{
   background-color: #dff7f6;
}

.malp main h1,
.malp main h2,
.malp main h3,
.malp main h4,
.malp main div,
.malp main p,
.malp main ul,
.malp main ol,
.malp main li,
.malp main dl,
.malp main dt,
.malp main dd,
.malp main table,
.malp main th,
.malp main td{
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #111;
  line-height: 1.8;
  box-sizing: border-box;
}
.malp main .contents_wrap{
   max-width: 600px;
   width: 100%;
   margin: 0 auto;
   padding: 60px 0 100px;
}
.malp main .contents_wrap div{
   width: 100%;
   background-color: #fff;
   border-radius: 20px;
   padding: 80px 60px 60px;
}
.malp main .contents_wrap div p{
   width: 240px;
   margin: 0 auto 60px;
}
.malp main .contents_wrap div p img{
   display: block;
   width: 100%;
}
.malp main .contents_wrap div ul{
   width: 100%;
   margin: 0 auto;
}
.malp main .contents_wrap div ul li{
   width: 100%;
   display: block;
}
.malp main .contents_wrap div ul li a{
   width: 100%;
   border-radius: 50px;
   padding: 21px 40px 19px 80px;
   margin-bottom: 20px;
   box-sizing: border-box;
   display: block;
   background-color: #fff;
   border: 2px solid #00a7ac;
   font-weight: 500;
   letter-spacing: 0.03em;
   font-size: 18px;
   position: relative;
   transition: all 0.1s ease-out;
   opacity: 1.0;
}
.malp main .contents_wrap div ul li a:hover{
   opacity: 0.66;
}
.malp main .contents_wrap div ul li a::before{
   content:"" ;
   position: absolute;
   display: block;
   left: 40px;
   top:26%;
   width: 26px;
   padding-top: 32px;
   
   background: url("../images/ico_pdf_bg.png") left center no-repeat;
   background-size: 26px;
}


.malp a{
  text-decoration: none;
  color: #00a7ac;
}
.malp main img{
  border: none;
  vertical-align: middle;
}
.malp main ul li,
.malp main ol li{
   list-style: none;
}
.malp main sup{
  vertical-align: top;
}
.malp main .note{
  display: block;
  font-size: 0.85rem;
  line-height: 1.8 !important;
  padding-left: 1em;
  text-indent: -1em;
}
.malp main .note a{
   text-decoration: underline;
}
.malp main .indent{
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}
.malp main .txt_small{
   font-size: 0.8rem;
}


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

body{
  margin: 0 0 0 0 !important;
}
.malp main h1,
.malp main h2,
.malp main h3,
.malp main h4,
.malp main div,
.malp main p,
.malp main ul,
.malp main ol,
.malp main li,
.malp main dl,
.malp main dt,
.malp main dd,
.malp main table,
.malp main th,
.malp main td{
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: #111;
  line-height: 1.8;
  box-sizing: border-box;
}
.malp main .contents_wrap{
   width: 100%;
   padding: 40px 5%;
   box-sizing: border-box;
}

.malp main .contents_wrap div{
   padding: 60px 20px 50px;
}
.malp main .contents_wrap div p{
   width: 60%;
   max-width: 200px;
   margin: 0 auto 50px;
}
.malp main .contents_wrap div ul li a{
   border-radius: 50px;
   padding: 19px 20px 15px 58px;
   margin-bottom: 15px;
   border: 2px solid #00a7ac;
   font-weight: 500;
   letter-spacing: 0;
   font-size: 16px;
   transition:none;
}
.malp main .contents_wrap div ul li a:hover{
   opacity: 1.0;
}
.malp main .contents_wrap div ul li a::before{
   content:"" ;
   position: absolute;
   display: block;
   left: 24px;
   top:25%;
   width: 24px;
   background: url("../images/ico_pdf_bg.png") left center no-repeat;
   background-size: 24px;
}






}


/* ===================================
   フッター　　　　　　　　　　　　　　　　
=================================== */

@media screen and (max-width: 767px){
#footerCredit{
   padding: 15px 0 70px;
}
}