@charset "UTF-8";

/* ==============================
スマートフォン設定
============================== */

  /* ==============================
  ねんきんネット大見出し
  ============================== */
  .nnet_h1_wp {
    width: 100%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  /* ==============================
  .nnet_container1
  ============================== */
  .nnet_container1 {
    width: 100%;
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 40px;
  }
  .nnet_sec01_wp {
    width: 100%;
  }

  /* ==============================
  ねんきんネットキービジュアルエリア
  ============================== */
  #slick_top{
  	width: 100%;
  	padding: 0;
  }
  #prefectures_sliderId{
  	width: 100%;
  	margin: 0 auto;
  	padding: 0;
  }

  .slick-dots {
    padding: 0 40px !important;
  }
  .reproducingButtonWrap {
    left: 10px !important;
    bottom: 10px !important;
  }

  /* ==============================
  ねんきんネット登録エリア
  ============================== */
  .nnet_sec02_wp {
    margin: 0 auto;
    width: 100%;
    padding: 0 10px;
  }
  .nnet_toroku_wp {
    display: flex;
    flex-direction: row;
  }
  .nnet_torokuLink1, .nnet_torokuLink2 {
    width: calc((100% - 10px) / 2);
    margin-bottom: 0;
  }
  .nnet_torokuLink1 {
    margin-right: 10px;
  }
  .nnet_torokuLink_txtN {
    font-size: 1.3rem;
  }

  /* ==============================
  .nnet_container2
  ============================== */
  .nnet_container2_in {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }

  /* ==============================
  nta02_ねんきんネット赤枠エリア
  ============================== */
  .nnet_sec04_wp {
    padding: 0 10px;
  }

  /* nta02_ねんきんネット赤枠2連 */
  .nnet_red2_con {
    flex-direction: column;
    justify-content: center;
  }
  .nnet_red2_con .nnet_red_wp {
    width: 100%;
    margin-right: 0;
  }

  /* nta02_ねんきんネット赤枠1連画像2連 */
  .nnet_red1_img2_con {
    flex-direction: column;
    justify-content: center;
  }
  .nnet_red1_img2_con .nnet_red_wp {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .nnet_red_img_container {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .nnet_red1_img2_con .nnet_red_img_wp {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .nnet_red1_img2_con .nnet_red_img_wp .nnet_red_title {
    font-size: 2rem;
  }

  /* nta02_ねんきんネット赤枠3連 */
  .nnet_red3_con {
    flex-direction: column;
    justify-content: center;
  }
  .nnet_red3_con .nnet_red_wp {
    width: 100%;
  }

  /* ==============================
  ty_こんなときにはねんきんネットエリア
  ============================== */
  .nnet_sec05_wp {
    background-position: center bottom;
    background-size: 100%;
    background-color: #fff;
    min-height: 450px;
    padding: 10px;
    margin: 0 10px 20px 10px;
  }

  .nnet_sec05_wp ul li {
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .nnet_sec05_wp ul li a {
    padding: 5px 30px 5px 5px;
    font-size: 1.4rem;
  }

  /* ==============================
  .nnet_container3
  ============================== */
  .nnet_container3 {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .nnet_sec06_wp {
    width: 100%;
  }

  /* ==============================
  nta03_ねんきんネットお知らせエリア
  ============================== */
  /* nta03_ねんきんネットお知らせ文章 */
  .nnet_oshirase_wp {
    padding: 20px 10px;
  }

  /* nta03_ねんきんネットお知らせ文章＋画像 */
  .nnet_oshirase2_wp {
    flex-direction: column;
    padding: 20px 10px;
  }
  .nnet_oshirase_right {
    text-align: center;
  }



.flex-viewport {
	height: 200px;
	width: 100%;
}

.flexslider {
    float: none;
    width: 100%;
    height: auto;
    min-height: unset;
    margin: 10px auto 0;
    padding: 2% 2% 12%;
}

.flex-control-nav {
    bottom: 5%;
    font-size: 0;
}

.flex-control-nav li {
    vertical-align: middle;
}

 .flex-control-nav {
    bottom: 20px;
}

 .contents ul.menu {
	width: auto;
    float: none;
    margin: 30px auto 0;
}

.flexslider .slides iframe, .flexslider .slides img {
  height: 300px;
}

.flexslider .slides > li {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 5px;
}

.flexslider .slides > li iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	min-height: auto !important;
	width: 100% !important;
}