@charset "UTF-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/*-------------------------------------------------------------------------
変数
-------------------------------------------------------------------------*/
/* 文字色 */
/* 黄土色背景 */
/* 灰色ボーダー */
/* 灰色背景 */
/* 青色背景 */
/* 青色グラデ1 */
/* 青色グラデ2 */
/* エラー赤 */
/*-------------------------------------------------------------------------
mixin
-------------------------------------------------------------------------*/
/* ヘッダー
*****************************************************************/
/* トップページ
*****************************************************************/
h3 {
  margin-bottom: 10px;
  border-bottom: 6px double #000;
}

.red-text {
  color: #e00000;
}

.contingency h4 {
  padding-left: 0;
  border: 0;
}
.contingency h4 .blue-text {
  margin-left: 0;
  padding: 3px 5px 0;
  font-size: 14px;
  color: #fff;
  background: #003793;
  border-radius: 3px;
}
.contingency h5 {
  padding: 0 0.5em;
  color: #fff;
  background: #00a0e9;
  border: 0;
  display: inline-block;
}
.contingency h6 {
  padding: 0 0.5em;
  color: #fff;
  background: #210068;
  border: 0;
  display: inline-block;
}

.und-border {
  padding-bottom: 10px;
  border-bottom: 1px dotted #434343;
}

.mainV4 h3, .mainV5 h3 {
  color: #003793;
}

.mainV5V1 strong {
  color: #b30004;
}
.mainV5V1 .contingency {
  margin: auto;
  width: auto;
}

.mainV6V2 {
  margin-bottom: 20px;
}
.mainV6V2 strong {
  display: block;
}
.mainV6V2 p {
  text-align: left;
}

/* フッター
*****************************************************************/
@media screen and (min-width: 980px) {
  h2 {
    margin-bottom: 20px;
    width: 270px;
  }
  h2 img {
    width: 100%;
  }

  h3 {
    font-size: 40px;
    line-height: 1.2;
  }
  h3 .atx {
    font-size: 24px;
  }

  /* ヘッダー
  *****************************************************************/
  header {
    margin: auto;
    width: 980px;
    position: relative;
    z-index: 5;
  }

  /* トップページ
  *****************************************************************/
  .top-img-sp {
    display: none;
  }

  .top-img-pc {
    width: 100%;
    overflow: hidden;
  }
  .top-img-pc .top-img-pcV1 {
    margin: auto;
    width: 1200px;
    position: relative;
  }
  .top-img-pc .top-img-pcV1 img {
    width: 100%;
  }
  .top-img-pc .top-img-pcV1 div {
    position: absolute;
    bottom: 33px;
    left: 51px;
    z-index: 10;
  }
  .top-img-pc .top-img-pcV1 div img {
    width: 555px;
  }
  .top-img-pc .top-img-pcV2 {
    margin: -90px 0 0 -960px;
    position: relative;
    left: 50%;
    z-index: 5;
  }

  .mainV1 {
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
    background: url(../img/premium-strategy-bg.png) no-repeat;
    background-size: cover;
  }
  .mainV1 > img {
    width: 980px;
    height: auto;
  }
  .mainV1 div {
    margin: auto;
    width: 764px;
  }
  .mainV1 div img {
    width: 100%;
  }

  .mainV2 {
    padding: 20px 0;
    background: #fffef0;
  }
  .mainV2 > img {
    margin: 0 auto 20px;
    width: 880px;
    display: block;
  }

  .mainV2V0 {
    margin: 0 auto;
    padding: 30px;
    width: 920px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
  }

  .mainV2V1 section {
    width: 540px;
  }
  .mainV2V1 section h3 {
    width: 860px;
  }
  .mainV2V1 p {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .mainV2V2 > img {
    width: 310px;
    position: absolute;
    top: 175px;
    right: 20px;
  }
  .mainV2V2 div {
    font-size: 0;
  }
  .mainV2V2 div img {
    width: 425px;
    height: auto;
  }
  .mainV2V2 div img:first-child {
    margin-right: 10px;
  }

  .mainV3 {
    padding-bottom: 20px;
    background: #fffef0;
  }
  .mainV3 h3 {
    margin-bottom: 20px;
  }

  .mainV3V1 {
    margin: 0 auto;
    padding: 30px;
    width: 920px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
  }
  .mainV3V1 img:nth-child(2) {
    margin-bottom: 10px;
    width: 509px;
    display: block;
  }
  .mainV3V1 img:nth-child(4), .mainV3V1 img:nth-child(5) {
    padding: 0 10px;
    box-sizing: border-box;
  }

  .mainV4 {
    padding-bottom: 20px;
    background: #fffef0;
  }
  .mainV4 h3 {
    margin-bottom: 20px;
  }

  .mainV4V1 {
    margin: 0 auto;
    padding: 30px;
    width: 920px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
  }

  .mainV5 {
    margin-bottom: 40px;
    padding-bottom: 50px;
    background: #fffef0;
  }
  .mainV5 h3 {
    margin-bottom: 20px;
  }

  .mainV5V1 {
    margin: 0 auto;
    padding: 30px;
    width: 920px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
  }
  .mainV5V1 strong {
    font-size: 30px;
  }

  .mainV6 {
    margin-bottom: 10px;
    text-align: center;
  }
  .mainV6 > img:first-child {
    margin: 0 auto 10px;
    width: 730px;
    display: block;
  }
  .mainV6 > img:nth-child(2) {
    margin: 0 auto 20px;
    width: 665px;
    display: block;
  }
  .mainV6 > img:nth-child(4) {
    margin: 0 auto 40px;
    width: 615px;
    display: block;
  }
  .mainV6 > img:nth-child(5) {
    margin: 0 auto 30px;
    width: 940px;
    display: block;
  }
  .mainV6 > img:nth-child(6) {
    margin: 0 auto;
    width: 760px;
    display: block;
  }

  .mainV6V1 {
    margin: 0 auto;
    width: 764px;
  }
  .mainV6V1 img {
    width: 100%;
    height: auto;
  }

  .mainV6V2 {
    margin: 0 auto 20px;
    width: 920px;
  }
  .mainV6V2 img {
    width: 100%;
    height: auto;
  }
  .mainV6V2 strong {
    font-size: 36px;
  }
  .mainV6V2 p {
    margin-left: 85px;
  }

  /* フッター
  *****************************************************************/
  footer .fb {
    margin: 20px 0;
    text-align: center;
  }

  .fot-logo {
    text-align: center;
  }

  .fotV1 {
    padding: 30px 0 50px;
    color: #fff;
    background: #181c68;
  }
  .fotV1 a {
    color: #fff;
  }
  .fotV1 nav {
    margin: 0 auto 50px;
    width: 980px;
  }
  .fotV1 nav ul {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    -moz-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
  }
  .fotV1 nav li {
    float: none;
  }
  .fotV1 p {
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  nav ul {
    font-size: 0;
  }
  nav ul li {
    width: 100%;
    text-align: center;
    font-size: 16px;
    float: none;
  }
  nav ul li:nth-child(3), nav ul li:nth-child(4) {
    width: 50%;
    display: inline-block;
  }
  nav ul li:nth-child(2n+1) a {
    border-right: 0;
  }
  nav ul li:nth-child(3) {
    border-right: 1px solid #fff;
    box-sizing: border-box;
  }
  nav ul li a {
    color: #fff;
    background: #181c68;
    border-bottom: 1px solid #fff;
  }

  h2 {
    margin-bottom: 10px;
    text-align: center;
  }
  h2 img {
    width: 60%;
    height: auto;
  }

  /* ヘッダー
  *****************************************************************/
  .head-logo {
    text-align: center;
  }
  .head-logo img {
    width: 34%;
  }

  /* トップページ
  *****************************************************************/
  .top-img-pc {
    display: none;
  }

  .top-img-sp > div {
    width: 100%;
    background: #ffdd00;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iI2ZjYjgxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2I4MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ffdd00 0%, #fcb813 77%, #fcb813 100%);
    background: -webkit-linear-gradient(left, #ffdd00 0%, #fcb813 77%, #fcb813 100%);
    background: linear-gradient(to right, #ffdd00 0%, #fcb813 77%, #fcb813 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd00', endColorstr='#fcb813',GradientType=1 );
  }
  .top-img-sp > div div {
    padding: 10px 20px 0;
  }
  .top-img-sp > div div a img {
    margin: auto;
    width: 90%;
    display: block;
  }

  .mainV1 {
    margin-bottom: 5px;
  }
  .mainV1 div {
    padding: 10px 12%;
    box-sizing: border-box;
    width: 100%;
    background: #ffdd00;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iI2ZjYjgxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2I4MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ffdd00 0%, #fcb813 77%, #fcb813 100%);
    background: -webkit-linear-gradient(left, #ffdd00 0%, #fcb813 77%, #fcb813 100%);
    background: linear-gradient(to right, #ffdd00 0%, #fcb813 77%, #fcb813 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd00', endColorstr='#fcb813',GradientType=1 );
  }

  .mainV2 {
    margin-bottom: 10px;
  }
  .mainV2 > img {
    margin: auto;
    width: 90%;
    display: block;
  }

  .mainV2V1 section {
    margin: 0 20px;
  }
  .mainV2V1 section p {
    margin-bottom: 10px;
  }

  .mainV2V2 {
    margin: 0 20px;
    font-size: 0;
  }
  .mainV2V2 div {
    margin-right: 5%;
    display: inline-block;
    width: 55%;
  }
  .mainV2V2 div img:first-child {
    margin-bottom: 10px;
  }
  .mainV2V2 > img {
    display: inline-block;
    width: 40%;
    vertical-align: top;
  }

  .mainV3 {
    padding: 0 20px 10px;
    background: #ddf1fc;
  }
  .mainV3 img:nth-child(2) {
    width: 70%;
  }

  .mainV4 {
    padding: 0 20px 10px;
    background: #fcebf1;
  }

  .mainV5 {
    margin-bottom: 10px;
    padding: 0 20px 10px;
    background: #fefce3;
  }

  .mainV6 {
    margin: 0 12% 5px;
    text-align: center;
  }
  .mainV6 img:first-child {
    margin-bottom: 10px;
  }
  .mainV6 img:nth-child(3) {
    margin-bottom: 20px;
  }

  .mainV6V2 {
    margin-top: 20px;
  }

  /* フッター
  *****************************************************************/
  footer .fb {
    margin: 10px 10px;
    text-align: center;
  }
  footer nav {
    margin-bottom: 20px;
  }

  .fot-logo {
    text-align: center;
  }
  .fot-logo img {
    width: 30%;
    height: auto;
  }

  .fotV1 {
    background: #181c68;
  }
  .fotV1 > p {
    color: #fff;
    text-align: center;
    display: block;
  }
  .fotV1 > p a {
    color: #fff;
  }
}