@charset "utf-8";
/* =============
  theme original
================ */
.h_bar,
#beltbnr_ {
  display: none;
}
/* =======
  common
========== */
html {
  font-size: 62.5%;
  scroll-padding-top: 100px;
}
*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
 main {
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
  }
  main p, main h2, main h3, main h4 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 3.25vw;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0;
    color: #333;
  }

ul,li {
  list-style: none;
}

/* 不要箇所 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  object-fit: cover;
}

/* ==========
  contents
=========== */
.pc-img {
  display: block;
}
.sp-img {
  display: none;
}
/* 変更しない */
.wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.column {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.font-ja {
  color: #012f51;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt"; /* 句読点を詰める */
  letter-spacing: .1em;
  line-height: 1.75;
  text-align: justify; /* 両橋を揃える */
}

.btn {
  text-decoration: none;
  width: 20%;
}
.l-content__header {
  width: 900px;
  margin-inline: auto;
  background-color: #B8E7FF;
}
.lead {
  margin-top: 75px;
  padding-bottom: 75px;
  text-align: center;
}
.p-article-vis__img {
  /* padding-top: 10px; */
}

#page_nav {
    background: #B8E7FF;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 10% 0 8% 0;
    z-index: 1;
}
#page_nav ul {
    display: flex;
    align-items: center;
    width: 75%;
    margin: 0 auto;
    clear: both;
}
#page_nav ul li {
    width: 33%;
    /* float: left; */
}
#page_nav ul li a img {
    transition: 0.8s;
}
#page_nav ul li img {
    width: 100%;
    height: auto;
    padding: 0 10px 0 10px;
    margin: 0 auto;
    display: block;
}

.dot_nami {
	margin: 0 auto;
	padding: 50px 0;
	width: 35%;
	display: block;
}
.yashinoki{
	padding: 10px;
}
.boyarea{
	background-color: #B8E7FF;
	width: 900px;
	margin: 0 auto;
	padding-bottom: 100px;
}
.girlarea{
	background-color: #FEDBF9;
	width: 900px;
	margin: 0 auto;
	padding: 0 0 60px;
}
.boytitle img{
	margin: 100px auto 0;
	width: 20%;
}
.slide-guide{
	border-radius: 32.5px;
	background-color: #fff;
	border: solid 1px #000;
}
.slide-items{
	border-radius: 32.5px;
	margin: 20px;
}
.slidenone-guide{
	border-radius: 0 32.5px 0 0;
	background-color: #fff;
	border: solid 1px #000;
	margin: 20px 0 30px;
}
.slidenone-items{
	border-radius: 0 32.5px 0 0;
	margin: 20px;
}
.slidenone-guide2{
	border-radius: 0  0 0 32.5px;
	background-color: #fff;
	border: solid 1px #000;
	margin: 20px 0 30px;
}
.slidenone-items2{
	border-radius: 0 32.5px 0 0;
	margin: 20px;
}

/* sliderをカスタマイズするCSS */
.slick-dots {
	bottom: -60px!important;
}
.slick-dots li button:before{
	font-size:10px!important;
}

.slick-dotted.slick-slider {
    margin-bottom: 20px!important;
}





/*--SP--*/
@media screen and (max-width: 767px) {
	html {
    scroll-padding-top: 0;
  }
  .pc-img {
    display: none;
  }
  .sp-img {
    display: block;
  }
  .column {
    display: block;
  }
  .l-content__header,
  .section-container {
    width: 100%;
  }
  .p-article__header,
  .l-col {
    width: 89.34%;
    margin-inline: auto;
  }
  .lead {
    text-align: left;
    margin-top: 10.45%;
    padding-bottom: 10.45%;
	  
  }
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }

  main {
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    background-color: #7ab8dd;
  }
  main p, main h2, main h3, main h4 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0;
    color: #012f51;
  }

  .lead {
    width: 90%;
    margin: 50px auto 0;
    text-align: justify;
  }
  .lead br {
    display: none;;
  }
.boyarea{
	background-color: #B8E7FF;
	margin: 0 auto;
	width: auto;
	padding: 0 0 70px 0;
}
.girlarea{
	background-color: #FEDBF9;
	margin: 0 auto;
	width: auto;
	padding: 0 0 60px;
}
  section {
    /* margin: 60px auto; */
  }
h2 img{
		width: 25%;
		margin: 0 0 0 25px;
		padding: 78px 0 25px 0;
	}
.content01{
		margin: 0 25px;
		text-align: left;
	}
  /*--section01,03,05,07--*/
  .section01 h2, 
  .section02 h2, 
  .section03 h2, 
  .section04 h2, 
  .section05 h2,
  .section06 h2, 
  .section07 h2 {
    text-align: left;
  }
  
  .section01 .slide-area, 
  .section03 .slide-area, 
  .section05 .slide-area, 
  .section07 .slide-area {
    position: relative;
  }
  .section01 .illust {
    width: 30%;
    position: absolute;
    bottom: -70px;
    left: -30px;
    z-index: 2;
  }
  .section03 .illust {
    width: 30%;
    position: absolute;
    bottom: -40px;
    right: -30px;
    z-index: 2;
  }
  .section05 .illust {
    width: 30%;
    position: absolute;
    bottom: -70px;
    left: -20px;
    z-index: 2;
  }
  .section07 .illust {
    width: 30%;
    position: absolute;
    bottom: -40px;
    right: -5px;
    z-index: 2;
  }
  .section01 .caption-area, 
  .section02 .caption-area, 
  .section03 .caption-area, 
  .section04 .caption-area, 
  .section05 .caption-area, 
  .section06 .caption-area, 
  .section07 .caption-area {
    width: 100%;
    margin: 75px auto 0;
  }
  .section01 .caption-area h3, 
  .section02 .caption-area h3, 
  .section03 .caption-area h3, 
  .section04 .caption-area h3, 
  .section05 .caption-area h3, 
  .section06 .caption-area h3, 
  .section07 .caption-area h3 {
    font-size: 1.56rem;
    font-weight: 400;
    line-height: 1.4;
    color: #012f51;
    text-align: left;
    padding-bottom: 10px;
    background: linear-gradient(transparent 87%, #50ABE0 30%);
    display: inline-block;
  }
  .section01 .caption-area p, 
  .section02 .caption-area p, 
  .section03 .caption-area p, 
  .section04 .caption-area p, 
  .section05 .caption-area p, 
  .section06 .caption-area p, 
  .section07 .caption-area p {
    margin: 10px auto 30px;
    text-align: justify;
  }
  .section01 .credit-all, 
  .section02 .credit-all, 
  .section03 .credit-all, 
  .section04 .credit-all, 
  .section05 .credit-all, 
  .section06 .credit-all, 
  .section07 .credit-all {
    width: 90%;
    margin: 0 25px;
  }
  
  .section01 .credit, 
  .section02 .credit, 
  .section03 .credit, 
  .section04 .credit, 
  .section05 .credit, 
  .section06 .credit, 
  .section07 .credit {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .section01 .credit .text p, 
  .section02 .credit .text p, 
  .section03 .credit .text p, 
  .section04 .credit .text p, 
  .section05 .credit .text p, 
  .section06 .credit .text p, 
  .section07 .credit .text p {
    font-family: futura-pt, sans-serif !important;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    color: #012f51;
    letter-spacing: 1px;
  }
  .section01 .credit .text span, 
  .section02 .credit .text span, 
  .section03 .credit .text span, 
  .section04 .credit .text span, 
  .section05 .credit .text span, 
  .section06 .credit .text span, 
  .section07 .credit .text span {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 2.79vw;
  }
  .section01 .credit .btn a, 
  .section02 .credit .btn a, 
  .section03 .credit .btn a, 
  .section04 .credit .btn a, 
  .section05 .credit .btn a, 
  .section06 .credit .btn a, 
  .section07 .credit .btn a {
    font-family: futura-pt, sans-serif !important;
    font-weight: 200;
    font-style: normal;
    display: block;
    width: 70%;
    height: 31px;
    line-height: 31px;
    border-radius: 50%;
    border: 1.2px solid #012f51;
    background: #fff;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    color: #012f51;
    font-size: 1.5rem;
    letter-spacing: 1px;
    text-decoration: none;
    margin: 0 auto;
  }
  .section01 .credit .btn a:hover, 
  .section02 .credit .btn a:hover, 
  .section03 .credit .btn a:hover, 
  .section04 .credit .btn a:hover, 
  .section05 .credit .btn a:hover, 
  .section06 .credit .btn a:hover, 
  .section07 .credit .btn a:hover {
    background-color: #50ABE0;
    color: #fff;
	border: 1.2px solid #fff
  }
	.section06{
		padding: 0 0 30px 0;
	}
	

	
/*スライドがないセクション*/
	
　.section01 .caption-area2, 
  .section02 .caption-area2, 
  .section03 .caption-area2, 
  .section04 .caption-area2, 
  .section05 .caption-area2, 
  .section06 .caption-area2, 
  .section07 .caption-area2 {
    width: 100%;
    margin: 0 auto 0;
  }
  .section01 .caption-area2 h3, 
  .section02 .caption-area2 h3, 
  .section03 .caption-area2 h3, 
  .section04 .caption-area2 h3, 
  .section05 .caption-area2 h3, 
  .section06 .caption-area2 h3, 
  .section07 .caption-area2 h3 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.4;
    color: #012f51;
    text-align: left;
    padding-bottom: 10px;
    background: linear-gradient(transparent 87%, #50ABE0 30%);
    display: inline-block;
  }
  .section01 .caption-area2 p, 
  .section02 .caption-area2 p, 
  .section03 .caption-area2 p, 
  .section04 .caption-area2 p, 
  .section05 .caption-area2 p, 
  .section06 .caption-area2 p, 
  .section07 .caption-area2 p {
    margin: 0 auto;
    text-align: justify;
  }
  .section01 .credit-all2, 
  .section02 .credit-all2, 
  .section03 .credit-all2, 
  .section04 .credit-all2, 
  .section05 .credit-all2, 
  .section06 .credit-all2, 
  .section07 .credit-all2 {
    width: 90%;
    margin: 0 25px;
  }
  
  .section01 .credit2, 
  .section02 .credit2, 
  .section03 .credit2, 
  .section04 .credit2, 
  .section05 .credit2, 
  .section06 .credit2, 
  .section07 .credit2 {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .section01 .credit2 .text p, 
  .section02 .credit2 .text p, 
  .section03 .credit2 .text p, 
  .section04 .credit2 .text p, 
  .section05 .credit2 .text p, 
  .section06 .credit2 .text p, 
  .section07 .credit2 .text p {
    font-family: futura-pt, sans-serif !important;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    color: #012f51;
    letter-spacing: 1px;
  }
  .section01 .credit2 .text span, 
  .section02 .credit2 .text span, 
  .section03 .credit2 .text span, 
  .section04 .credit2 .text span, 
  .section05 .credit2 .text span, 
  .section06 .credit2 .text span, 
  .section07 .credit2 .text span {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 2.79vw;
  }
  .section01 .credit2 .btn a, 
  .section02 .credit2 .btn a, 
  .section03 .credit2 .btn a, 
  .section04 .credit2 .btn a, 
  .section05 .credit2 .btn a, 
  .section06 .credit2 .btn a, 
  .section07 .credit2 .btn a {
    font-family: futura-pt, sans-serif !important;
    font-weight: 200;
    font-style: normal;
    display: block;
    width: 70%;
    height: 31px;
    line-height: 31px;
    border-radius: 50%;
    border: 1.2px solid #012f51;
    background: #fff;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    color: #012f51;
    font-size: 1.5rem;
    letter-spacing: 1px;
    text-decoration: none;
    margin: 0 auto;
  }
  .section01 .credit2 .btn a:hover, 
  .section02 .credit2 .btn a:hover, 
  .section03 .credit2 .btn a:hover, 
  .section04 .credit2 .btn a:hover, 
  .section05 .credit2 .btn a:hover, 
  .section06 .credit2 .btn a:hover, 
  .section07 .credit2 .btn a:hover {
    background-color: #50ABE0;
    color: #fff;
	border: 1.2px solid #fff
  }


  /*--related link--*/
  .related-link {
    margin: 90px auto;
  }
  .related-link a {
    padding: 3% 6%;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 3.25vw;
    font-weight: 400;
    border-radius: 50px;
    border: 1px solid #012F51;
    background-color: #fff;
    color: #012F51;
    text-decoration: none;
    transition: background 1s;
  }
  .related-link a:hover {
    background-color: #50ABE0;
    color: #fff;
  }
}

/*--PC--*/
@media screen and (min-width: 768px) {
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }

  .bgcolor {
    background-color: #207baf;
  }

#page_nav {
    background: #B8E7FF;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 8% 0;
    z-index: 1;
}
#page_nav ul {
    display: flex;
    align-items: center;
    width: 38%;
    margin: 0 auto;
    clear: both;
}
#page_nav ul li {
    width: 33%;
    /* float: left; */
}
#page_nav ul li a img {
    transition: 0.8s;
}
#page_nav ul li img {
    width: 100%;
    height: auto;
    padding: 0 10px 0 10px;
    margin: 0 auto;
    display: block;
}
.boytitle img{
	margin: 100px auto 0;
	width: 13%;
}
.dot_nami {
	margin: 0 auto;
	padding: 100px 0 0;
	width: 25%;
	display: block;
}
.yashinoki{
	padding: 10px;
}
  main {
    /* width: 900px; */
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    background-color: #7ab8dd;
  }
  main p, main h2, main h3, main h4 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0;
    color: #012f51;
  }

  .lead {
    width: 900px;
    margin: 45px auto 0;
    text-align: center;
  }
boytitle img{
	margin: 50px auto;
	width: 15%;
}
h2 img {
      width: 17%;
      margin: 0 0 0 0;
      padding: 85px 0 0px 0;
}	
	
.slidenone-guide{
	border-radius: 0 32.5px 0 0;
	background-color: #fff;
	border: solid 1px #000;
	margin: 100px 0 0px;
}
.slidenone-items{
	border-radius: 0 32.5px 0 0;
	margin: 20px;
}
.slidenone-guide2{
	border-radius: 0  0 0 32.5px;
	background-color: #fff;
	border: solid 1px #000;
	margin: 80px 0 0;
}
.slidenone-items2{
	border-radius: 0 32.5px 0 0;
	margin: 20px;
}
  section {
    width: 800px;
    margin: 0px auto;
    padding-top: 0px;
  }

  /*--section01,03,05,07--*/
  .section01 h2, 
  .section03 h2,
  .section04 h2,
  .section06 h2, 
  .section07 h2 {
    text-align: left;
  }
  .section02 h2,   
  .section05 h2,
  .section08 h2 {
    text-align: right;
  }
  .section01 .content01, 
  .section02 .content01,
  .section03 .content01, 
  .section04 .content01, 
  .section05 .content01,
  .section06 .content01 {
    display: flex;
    gap: 40px;
    justify-content: center;
    align-items: baseline;
  }
  .section01 .slide-area, 
  .section03 .slide-area,
  .section04 .slide-area,
  .section05 .slide-area,
  .section06 .slide-area {
    width: 50%;
    order: 1;
    position: relative;
 }
  
  .section01 .caption-area,
  .section03 .caption-area,
  .section05 .caption-area, 
  .section07 .caption-area {
    width: 50%;
    margin: 50px auto 0;
    text-align: left;
  }
  
  .section01 .caption-area h3, 
  .section02 .caption-area h3, 
  .section03 .caption-area h3, 
  .section04 .caption-area h3, 
  .section05 .caption-area h3, 
  .section06 .caption-area h3, 
  .section07 .caption-area h3 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.4;
    color: #012f51;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 20px;
    background: linear-gradient(transparent 87%, #50ABE0 30%);
    display: inline-block;
  }
	
  .section01 .caption-area p, 
  .section02 .caption-area p, 
  .section03 .caption-area p, 
  .section04 .caption-area p, 
  .section05 .caption-area p, 
  .section06 .caption-area p, 
  .section07 .caption-area p {
    margin: 10px auto 10px;
    text-align: justify;
  }
  .section01 .credit-all, 
  .section02 .credit-all, 
  .section03 .credit-all, 
  .section04 .credit-all, 
  .section05 .credit-all, 
  .section06 .credit-all, 
  .section07 .credit-all {
    width: 100%;
    margin-top: 20px;
  }
  
  .section01 .credit, 
  .section02 .credit, 
  .section03 .credit, 
  .section04 .credit, 
  .section05 .credit, 
  .section06 .credit, 
  .section07 .credit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
  }
  .section01 .credit .text p, 
  .section02 .credit .text p, 
  .section03 .credit .text p, 
  .section04 .credit .text p, 
  .section05 .credit .text p, 
  .section06 .credit .text p, 
  .section07 .credit .text p {
    font-family: futura-pt, sans-serif !important;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2.1;
    text-align: left;
    color: #012f51;
    letter-spacing: 0.5px;
  }
  .section01 .credit .text span, 
  .section02 .credit .text span, 
  .section03 .credit .text span, 
  .section04 .credit .text span, 
  .section05 .credit .text span, 
  .section06 .credit .text span, 
  .section07 .credit .text span {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 2.79vw;
  }
  .section01 .credit .btn a, 
  .section02 .credit .btn a, 
  .section03 .credit .btn a, 
  .section04 .credit .btn a, 
  .section05 .credit .btn a, 
  .section06 .credit .btn a, 
  .section07 .credit .btn a {
    font-family: futura-pt, sans-serif !important;
    font-weight: 200;
    font-style: normal;
    display: block;
    width: 80%;
    height: 36px;
    line-height: 35px;
    border-radius: 50%;
    border: 1.2px solid #012f51;
    background: #fff;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    color: #012f51;
    font-size: 1.65rem;
    letter-spacing: 1px;
    text-decoration: none;
    margin: 0 auto;
  }
  .section01 .credit .btn a:hover, 
  .section02 .credit .btn a:hover, 
  .section03 .credit .btn a:hover, 
  .section04 .credit .btn a:hover, 
  .section05 .credit .btn a:hover, 
  .section06 .credit .btn a:hover, 
  .section07 .credit .btn a:hover {
    background-color: #50ABE0;
    color: #fff;
	border: 1.2px solid #fff
  }

	
/*スライドがない単体*/
	
　.section01 .caption-area2,
  .section03 .caption-area2,
  .section05 .caption-area2, 
  .section06 .caption-area2 {
    width: 50%;
    margin: 50px auto 0;
    text-align: left;
  }
  
  .section01 .caption-area2 h3, 
  .section02 .caption-area2 h3, 
  .section03 .caption-area2 h3, 
  .section04 .caption-area2 h3, 
  .section05 .caption-area2 h3, 
  .section06 .caption-area2 h3, 
  .section07 .caption-area2 h3 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.4;
    color: #012f51;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 20px;
    background: linear-gradient(transparent 87%, #50ABE0 30%);
    display: inline-block;
  }
	
  .section01 .caption-area2 p, 
  .section02 .caption-area2 p, 
  .section04 .caption-area2 p, 
  .section05 .caption-area2 p, 
  .section06 .caption-area2 p, 
  .section07 .caption-area2 p {
    margin: 10px auto 10px;
    text-align: justify;
  }
  .section01 .credit-all2, 
  .section02 .credit-all2, 
  .section03 .credit-all2, 
  .section04 .credit-all2, 
  .section06 .credit-all2, 
  .section07 .credit-all2 {
    width: 100%;
    margin-top: 20px;
  }
  
  .section01 .credit2, 
  .section02 .credit2, 
  .section03 .credit2, 
  .section04 .credit2, 
  .section05 .credit2, 
  .section06 .credit2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
  }
  .section01 .credit2 .text p, 
  .section02 .credit2 .text p, 
  .section03 .credit2 .text p, 
  .section04 .credit2 .text p, 
  .section05 .credit2 .text p, 
  .section06 .credit2 .text p, 
  .section07 .credit2 .text p {
    font-family: futura-pt, sans-serif !important;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2.1;
    text-align: left;
    color: #012f51;
    letter-spacing: 0.5px;
  }
  .section01 .credit2 .text span, 
  .section02 .credit2 .text span, 
  .section03 .credit2 .text span, 
  .section04 .credit2 .text span, 
  .section05 .credit2 .text span, 
  .section06 .credit2 .text span, 
  .section07 .credit2 .text span {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 2.79vw;
  }
  .section01 .credit2 .btn a, 
  .section02 .credit2 .btn a, 
  .section03 .credit2 .btn a, 
  .section04 .credit2 .btn a, 
  .section05 .credit2 .btn a, 
  .section06 .credit2 .btn a, 
  .section07 .credit2 .btn a {
    font-family: futura-pt, sans-serif !important;
    font-weight: 200;
    font-style: normal;
    display: block;
    width: 80%;
    height: 36px;
    line-height: 35px;
    border-radius: 50%;
    border: 1.2px solid #012f51;
    background: #fff;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    color: #012f51;
    font-size: 1.65rem;
    letter-spacing: 1px;
    text-decoration: none;
    margin: 0 auto;
  }
  .section01 .credit2 .btn a:hover, 
  .section02 .credit2 .btn a:hover, 
  .section03 .credit2 .btn a:hover, 
  .section04 .credit2 .btn a:hover, 
  .section05 .credit2 .btn a:hover, 
  .section06 .credit2 .btn a:hover, 
  .section07 .credit2 .btn a:hover {
    background-color: #50ABE0;
    color: #fff;
	border: 1.2px solid #fff
  }
	
	
  /*--section02,04,06--*/
  .section02, 
  .section04, 
  .section06 {
    /* width: 900px; */
  }
  
  .section02 .slide-area, 
  .section04 .slide-area, 
  .section06 .slide-area {
    width: 50%;
  }
  .section02 .caption-area, 
  .section04 .caption-area, 
  .section06 .caption-area {
    width: 50%;
    margin: 50px auto 0;
    text-align: left;
  }
  
  .section06{
		padding: 0 0 50px 0;
	}

  /*---related link-*/
  .related-link {
    margin: 83px auto;
  }
  .related-link a {
    padding: 1.5% 3%;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    border-radius: 50px;
    border: 1px solid #012F51;
    background-color: #fff;
    color: #012F51;
    text-decoration: none;
    transition: background 1s;
  }
  .related-link a:hover {
    background-color: #50ABE0;
    color: #fff;
  }
}





/*--slick カスタマイズ--*/
.content01 .slick-dots li {
  margin: 0;
}
.content01 .slick-dots li button:before {
  opacity: 1;
  color: #333;
}
.content01 .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #4cade3;
}
.content02 .slick-dots li {
  margin: 0;
}
.content02 .slick-dots li button:before {
  opacity: 1;
  color: #333;
}
.content02 .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #207baf;
}


/*--スクロール　アニメーション--*/
.fade-in {
  opacity: 0;
  transform: translate(0,0);
  transition: all 1.5s;
}
.fade-up {
  transform: translate(0, 30px);
}
.fade-in.scroll-in {
  opacity: 1;
  transform: translate(0,0);
}