@charset "UTF-8";



body {
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 17px;
}

/****************************************
List
*****************************************/

ul,ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

li { list-style: none; }
.pc {display: block;}
.sp {display: none !important;}
img { max-width: 100%; height: auto; }
.imgblock { display: block; margin-left: auto; margin-right: auto; }
.aligncenter { text-align: center; }
.alignright { float: right; }
.alignleft { float: left; }
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb70 { margin-bottom: 70px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
header {
    position: relative;
    width:100%;
    height: 100%;
}
.wrapper {
    width:1050px;
    margin-left:auto;
    margin-right:auto;
}
.wrapper02 {
    width:600px;
    margin-left:auto;
    margin-right:auto;
}

#sec01 {
  margin-bottom: 80px;
}
#sec02 {
  margin-bottom: 120px;
}
#sec03 {
    background: url(./../images/point-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 80px 0px 40px; 
    margin-bottom: 80px;  
}
#sec00 {
    background: url(./../images/ft-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 50px 0px;
}
#sec05 {
  margin-bottom: 80px;  
}
#sec06 {
  padding-top: 50px;
  margin-bottom: 30px;
}
.sec04_wrap {
    background: url(./../images/fuki-bg.png) no-repeat top center #E5F8FF;
    padding: 100px 0px 100px; 
    margin-top: 80px;
    margin-bottom: 80px;
}

.ttl01 { font-size: 48px; color: #1D2088; padding: 10px 50px; display: inline-block; font-weight: 600; background: url(./../images/kakko-left-s.png) no-repeat center left, url(./../images/kakko-right-s.png) no-repeat center right;}
.txt01 { color: #1D2088; font-size: 23px; line-height: 1.7em;  }
.txt02 { color: #000; font-size: 17px; line-height: 1.6em; }

.ttl02 { font-size: 57px; padding: 10px 100px; line-height: 1em; display: inline-block; font-weight: 600; background: url(./../images/kakko-left-l.png) no-repeat center left, url(./../images/kakko-right-l.png) no-repeat center right;}
.ttl02 span.sub { font-size: 33px; }
.ttl02 span.blue { color: #1D2088; }
.ttl03 { font-size: 59px; line-height: 1.3em; display: inline-block; font-weight: 600; position: relative; color: #1D2088; margin-bottom: 30px;}
.ttl03:after { display: block; position: absolute; bottom: -10px; width: 90%; height: 5px; background: #1D2088; left: 5%; content: "";  }
.ttl04 { text-align: center; font-size: 32px; color: #fff; margin-bottom: 30px; }
.ttl05 { text-align: center; font-size: 32px; color: #fff; font-weight: 400; padding: 20px 0px; line-height: 1.5em;}
.ttl06 { font-size: 25px; color: #8F1818; font-weight: 500; padding: 20px 0px; line-height: 1.5em;}
.ttl07 { font-size: 46px; color: #fff; font-weight: 500; padding: 20px 0px; line-height: 1.5em;}
header { padding: 15px 0px; }
header .item01 {
  display: inline-flex;
  margin-left: 50px;
  align-items: center;
}
header .item02 { display: inline-block; margin-right: 50px; }
header h1 { font-size: 18px; padding-top: 20px; font-weight: 500; padding-left: 30px; }

.pointlist li { margin-bottom: 50px; }
.pointlist li .item01 { width: 45%;  }
.pointlist li .item02 { width: 50%;  }
.pointlist li .pttl { color: #FF5A00; font-size: 45px; font-weight: 600; line-height: 1.2em; }
.pointlist li .item01 img { display: block; margin-bottom: 20px; }
.pointlist li .item01 h2 { font-size: 28px; font-weight: 600; margin-bottom: 10px; line-height: 1.8em;  }
.pointlist li .item01 p { font-size: 18px; line-height: 1.8em; font-weight: 500; }
.btntoi { 
background: #fff;
    padding: 40px 50px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
 }
.btntoi .item01 {
     width: 50%;
    text-align: center;
    display: inline-block;
     }
.btntoi .item02 {
     width: 50%;
    text-align: center;
    display: inline-block;  
 }
.seikeibloc {
  background: #1D2088;
  padding: 25px 25px 0px;
  margin-bottom: 50px;
}

.seikeibloc02 {
  background: #38A7C2;
  padding: 5px 5px;
  margin-bottom: 50px;
}
.seikeibloc02 p { background: #fff; padding: 20px 50px; font-size: 21px; line-height: 1.8em; }
.sekeilist { display: flex; flex-wrap: wrap; justify-content: space-between; }
.sekeilist li { width: 48.6%; display: inline-block; background: #fff; padding: 30px 20px; margin-bottom: 30px; border-radius: 10px; }
.sekeilist li h3 { font-size: 20px; margin-bottom: 20px; }
.sekeilist li p { font-size: 16px; line-height: 1.7em; }
.sekeilist li img { display: block; margin: 0px auto 20px; }
.sekeilist li span.img { 
    height: 210px;
    display: flex;
    align-items: end;
    text-align: center;
    margin-bottom: 20px;
}
.marker {
  background-color: #B7E3FC;
  color: #1D2088;
  font-weight: 600;
}
.morebutton {
  position: relative;
  display: inline-block;
  padding: 20px 100px;
  text-align: center;
  text-decoration: none;
  transition: .3s;
  overflow: hidden;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  border-radius: 50px;
  line-height: 1em;
  background: url(./../images/yaji-link.png) no-repeat center right;
  background-position-x: 96%;
}
.morebutton:hover {
  color: #000;
}

.morebutton::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 120%;
  height: 100%;
  background: url(./../images/yaji-link.png) no-repeat center right #32BAEC;
  background-position-x: 96%; 
  transform-origin: right top;
  transform: skewX(180deg) scale(0, 1);
  transition: transform .3s;
}
.morebutton:hover::before {
  transform-origin: left top;
  transform: skewX(180deg) scale(1, 1);
}
.morebutton::after{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  content: '';
  width: 120%;
  height: 100%;
  background: #1D2088;
}
.lttl {
    font-size: 22px;
    font-weight: 500;
    display: inline-block;
    margin-top: 23px;
}
.ftxt { background: #8B8B8B; font-size: 20px; color: #fff; line-height: 1em; padding: 10px; width: 520px; text-align: center; }
footer { background: #0A2737; color: #fff; padding: 50px 0px 10px; text-align: center; }
footer a { color: #fff; }
footer .copyright { font-size: 14px; }

footer .menuf { margin-bottom: 50px; }
footer .menuf li { display: inline-block; }
footer .menuf li a { display: block; padding: 0px 10px; border-left: 1px solid #fff; font-size: 15px; text-decoration: none;}
footer .menuf li:last-child a { border-right: 1px solid #fff;}

@media screen and (max-width: 1200px){
  body { min-width: 100%; font-size: 15px; }
  img { max-width: 100%; height: auto; }
    .wrapper {
        width:1050px;
        width:96%;
        margin-left:auto;
        margin-right:auto;
    }
    .wrapper02 { width: 96%; }
    .btntoi {
        background: #fff;
        padding: 20px 10px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-evenly;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        border-radius: 10px;
    } 

}
    .ftxt03  { font-size: 14px; }

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

    .pc {display: none !important;}
    .sp {display: block !important;}
    .spimgblock { float: none!important; display: block; margin-left: auto; margin-right: auto; }
    .spbr {display: block; !important;}
       

    #sec01 {
      margin-bottom: 40px;
    }
    #sec02 {
      margin-bottom: 60px;
    }
    #sec03 {
        padding: 50px 0px 20px; 
        margin-bottom: 40px;  
    }
    #sec00 {
        padding: 30px 0px;
    }
    #sec05 {
      margin-bottom: 40px;  
    }
    #sec06 {
      padding-top: 20px;
      margin-bottom: 10px;
    }

     .btntoi .item01 { display: block; width: auto; margin-bottom: 15px; }
     .btntoi .item02 { display: block; width: auto; }
     .ftxt { background: #8B8B8B; font-size: 15px; color: #fff; line-height: 1.5em; padding: 10px; width: auto; text-align: center; }

    .pointlist li .item01,
    .pointlist li .item02 { float: none!important; width: 96%; margin-left: auto; margin-right: auto; }
    .pointlist li .item01 { margin-bottom: 20px; }
    .ttl01 { font-size: 28px; color: #1D2088; padding: 10px 20px; display: block; font-weight: 600; background: url(./../images/kakko-left-s.png) no-repeat center left, url(./../images/kakko-right-s.png) no-repeat center right; background-size:contain; }
    .txt01 { color: #1D2088; font-size: 16px; line-height: 1.7em;  }
    .txt02 { color: #000; font-size: 14px; line-height: 1.6em; }

    .ttl02 { font-size: 28px; padding: 10px 0px; line-height: 1em; display: block; font-weight: 600; background: url(./../images/kakko-left-l.png) no-repeat center left, url(./../images/kakko-right-l.png) no-repeat center right; background-size:contain;}
    .ttl02 span.sub { font-size: 15px; }
    .ttl03 { font-size: 28px; line-height: 1.3em; display: inline-block; font-weight: 600; position: relative; color: #1D2088; margin-bottom: 30px;}
    .ttl03:after { display: block; position: absolute; bottom: -10px; width: 90%; height: 5px; background: #1D2088; left: 5%; content: "";  }
    .ttl04 { text-align: center; font-size: 18px; color: #fff; margin-bottom: 30px; }
    .ttl05 { text-align: center; font-size: 18px; color: #fff; font-weight: 400; padding: 20px 0px; line-height: 1.5em;}
    .ttl06 { font-size: 18px; color: #8F1818; font-weight: 500; padding: 20px 0px; line-height: 1.5em;}
    .ttl07 { font-size: 28px; color: #fff; font-weight: 500; padding: 20px 0px; line-height: 1.5em;}
    .pointlist li .pttl { font-size: 24px;  1.5em; }
    .pointlist li .item01 h2  { font-size: 18px; line-height:  1.5em; }
    .sekeilist li { display: block; width: 90%; margin-left: auto; margin-right: auto; padding: 15px; }
    .sekeilist li span.img { height: auto; }
    .seikeibloc { padding: 10px; }
    .sekeilist li h3 {
        font-size: 17px;
        margin-bottom: 20px;
    }
    .sekeilist li p {
        font-size: 14px;
        line-height: 1.7em;
    }
    .seikeibloc02 p {
        background: #fff;
        padding: 20px 20px;
        font-size: 14px;
        line-height: 1.8em;
    }

    .lttl {
        font-size: 20px;
        font-weight: 500;
        display: block;
        margin-top: 23px;
        text-align: center;
    }
    .ftxt02  { line-height: 1.5em; }
    .ftxt03  { font-size: 11px; line-height: 1.5em; }

    header { padding: 10px 0px; }
    header .item01 {
        display: inline-flex;
        margin-left: 5px;
        align-items: center;
        width: 56%;
        flex-wrap: wrap;
    }
    header .item02 { margin-right: 0px;  width: 42%;}
    header h1 { font-size: 10px; padding-top: 10px; font-weight: 500; padding-left: 10px; }
    header .item01 img { width: 100px; }

    .pointlist li .item01 p {
        font-size: 15px;
        line-height: 1.8em;
        font-weight: 500;
    }    

    footer .menuf li a { font-size: 10px; line-height: 1.5em; }
    footer .copyright { font-size: 12px; }
    .morebutton { padding: 20px 50px; }
  
}