@charset "UTF-8";
/*========================
kv
==========================*/
#kv {
  margin-bottom: 40px;
}

/*========================
block01
==========================*/
#block01 {
  margin-bottom: 40px;
}

#block01 >p {
  text-align: center;
  margin-bottom: 20px;
}

#block01 .contact {
  background-color: #014099;
  color: #fff;
  font-size: 16px;
  padding: 15px 20px;
  line-height: 1.6;
}

#block01 .contact .inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  margin-top: 10px;
}

#block01 .contact .inner >p{
  font-size: 12px;
}

/*========================
block02
==========================*/
#block02 {
  margin-bottom: 90px;
}

#block02 .inner {
  position: relative;
  width: 560px;
  margin: 0 auto;
}

/*========================
block03
==========================*/
#block03 {
  margin-bottom: 40px;
}

#block03 .inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

#block03 .inner .note {
  margin-left: 35px;
}

#block03 .inner .note .ttl {
  font-size: 24px;
  color: #014099;
  margin-bottom: 20px;
}

#block03 .inner .note .txt {
  font-size: 16px;
  line-height: 1.8;
}

/*========================
block04
==========================*/
#block04 {
  margin-bottom: 40px;
  text-align: center;
}

#block04 .ttl {
  font-size: 24px;
  color: #014099;
  margin-bottom: 20px;
}

#block04 .lead {
  font-size: 16px;
  margin: 20px;
  line-height: 1.6;
}

#block04 .inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#block04 .inner li:nth-child(-n+3) {
  margin-bottom: 20px;
}

/*========================
block05
==========================*/
#block05 {
  margin-bottom: 40px;
  text-align: center;
}

#block05 .ttl {
  font-size: 26px;
  color: #014099;
  margin-bottom: 20px;
}

#block05 .ttl span {
  color: #e2142e;
}

#block05 .lead {
  font-size: 22px;
  margin-bottom: 20px;
}

#block05 .movie {
  position: relative;
  background-color: #e6f4fd;
  padding: 65px 0 20px;
}

#block05 .movie::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 40px 0 40px;
  border-color: #ffffff transparent transparent transparent;
}

#block05 .icon01,
#block05 .icon02 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

#block05 .icon01 {
  margin: 36px 0 0 -236px;
}

#block05 .icon02 {
  margin: 39px 0 0 220px;
}

#block05 .movie .subttl {
  display: inline-block;
  font-size: 28px;
  color: #014099;
  background-color: #fff;
  border: solid 1px #014099;
  margin-bottom: 30px;
  padding: 10px 20px;
}

#block05 .movie .slider {
  margin: 0;
}

#block05 .movie .slider img {
  display: block;
  margin: 0 auto;
}

/*========================
block06
==========================*/
#block06 {
  margin-bottom: 40px;
}

#block06 .ttl {
  font-size: 24px;
  color: #014099;
  text-align: center;
  margin-bottom: 20px;
}

#block06 .lead {
  font-size: 16px;
  margin-bottom: 20px;
}

#block06 .inner {
  border: solid 1px #ccc;
  padding: 10px 10px 20px 10px;
  text-align: center;
}

#block06 .inner .subttl {
  display: block;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #014099;
  padding: 10px;
  margin-bottom: 20px;
}

#block06 .inner .note {
  display: inline-block;
  margin: 0 auto;
}

#block06 .inner p {
  font-size: 18px;
  text-align: left;
}

/*========================
block07
==========================*/
#block07 {
  margin-bottom: 40px;
}

#block07 .ttl {
  font-size: 24px;
  color: #014099;
  text-align: center;
  margin-bottom: 40px;
}

#block07 .inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#block07 .inner .contents {
  width: 300px;
}

#block07 .inner .contents:not(:last-child) {
  margin-bottom: 40px;
}

#block07 .inner .contents .subttl {
  text-align: center;
  font-size: 22px;
  margin-bottom: 20px;
}

#block07 .inner .contents .subttl::before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 23px;
  background: url("/images/common/2018/ttl_icon01.png") no-repeat center/cover;
  margin: 0 7px -3px 0px;
}

#block07 .inner .contents img {
  margin-bottom: 20px;
}

#block07 .inner .contents .label {
  margin-top: 20px;
}

#block07 .inner .contents p {
  font-size: 16px;
}

/*========================
block08
==========================*/
#block08 {
  margin-bottom: 40px;
}

#block08 .ttl {
  background-color: #014099;
  color: #fff;
  text-align: center;
  font-weight: 400;
  border: solid 1px #fff;
  outline: solid 1px #014099;
  margin: 0;
  font-size: 22px;
  padding: 10px 0;
}

#block08 .block {
  padding: 20px;
  outline: solid 1px #014099;
  margin-bottom: 20px;
}

#block08 .txt {
  text-align: center;
  line-height: 1.4;
  margin: 0 auto 40px;
  font-size: 20px;
  font-weight: 500;
}

#block08 .txt span {
  font-size: 26px;
}

#block08 .inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  padding-bottom: 35px;
  margin-bottom: 10px;
  background: url("/images/hozon/block08_bg.png") no-repeat center bottom/5px;
}

#block08 .img {
  margin-right: 40px;
}

#block08 .conc {
  text-align: center;
  background-color: #e6f4fd;
  color: #014099;
  font-size: 36px;
  font-weight: bold;
  margin: -20px auto 0;
  padding: 10px;
}

#block08 .conc span {
  color: #e60012;
}

#block08 .conc span small {
  font-size: 29px;
  margin: 0 -10px;
}

#block08 .lead {
  text-align: center;
  font-size: 22px;
  color: #e60012;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.6;
}

#block08 .leadtxt {
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
}

/*========================
block09
==========================*/
#block09 {
  margin-bottom: 40px;
}

#block09 .contact {
  background-color: #014099;
  color: #fff;
  font-size: 16px;
  padding: 15px 20px;
  line-height: 1.6;
  margin-top: 40px;
}

#block09 .contact .inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  margin-top: 10px;
}

#block09 .contact .inner >p{
  font-size: 12px;
}

/*========================
adjust
==========================*/
.slick-dots {
  position: static;
  padding: 1rem 0;
}

.slick-dots li button:before {
  content: "";
  opacity: 1;
  background-color: #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  border: solid 2px transparent;
}

.slick-dots .slick-active button:before {
  background-color: #00b2d8;
  border: solid 3px #fafd15;
}

.slick-prev,
.slick-next {
  display: inline-block;
  width: 74px;
  height: 71px;
}

.slick-prev::before ,
.slick-next::before {
  display: block;
  width: 74px;
  height: 71px;
  content: "";
  opacity: 1;
}

.slick-prev {
  left: -9rem;
}

.slick-prev::before {
  /*background: url(#{$image-path}common/slide_prev.png) no-repeat center/cover;*/
}

.slick-next {
  right: -9rem;
}

.slick-next::before {
  /*background: url(#{$image-path}common/slide_next.png) no-repeat center/cover;*/
}

figure {
  margin: 0;
  text-align: center;
}

.u-mB40 {
  margin-bottom: 40px;
}

.u-mB10 {
  margin-bottom: 10px;
}

.u-taR {
  text-align: right;
}

.u-taC {
  text-align: center;
}