@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

li {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* CSS Document */
body {
  color: #1D1D1D;
  font: 14px/1.7 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  -webkit-text-size-adjust: none;
  min-width: 1040px; }

img {
  border: 0;
  vertical-align: top; }

sup {
  vertical-align: super;
  font-size: .6em; }

/**
 * ANCHOR
 */
a,
.text-link {
  color: #1183C0; }

.mr a,
a.mr,
a:hover {
  text-decoration: none; }

.mr a:hover,
a.mr:hover {
  text-decoration: underline; }

/**
 * ALIGN
 */
.align-left {
  text-align: left; }

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

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

/**
 * FLOAT
 */
.float-left {
  float: left; }

.float-right {
  float: right; }

.clear {
  clear: both; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/**
 * LAYOUT
 */
.block {
  min-width: 1040px; }

.layout {
  width: 1000px;
  margin: 0 auto;
  padding: 0 20px; }

.sp-view {
  display: none; }

header {
  padding-bottom: 45px;
  overflow: hidden;
  position: relative; }
  header .bg {
    width: 719px;
    height: 645px;
    position: absolute;
    left: 50%;
    top: 100px;
    margin-left: -680px; }
  header .layout {
    position: relative; }
  header .site-logo {
    padding-top: 28px;
    padding-bottom: 50px; }
  header .ribon {
    position: absolute;
    right: -88px;
    top: 0; }
  header .info-block {
    display: inline-block;
    padding-left: 48%; }
    header .info-block .desc01 {
      margin-bottom: 65px; }
    header .info-block h1 {
      margin-bottom: 50px; }
  header .date {
    padding-left: 48%;
    text-align: center;
    margin-bottom: 97px; }
  header .desc02 {
    font-size: 0;
    text-align: center; }
    header .desc02 li {
      display: inline-block; }
      header .desc02 li:first-child {
        margin-right: 15px; }

main {
  overflow: hidden; }

.section01 {
  padding-top: 45px;
  background: #CEDCEF;
  position: relative;
  padding-bottom: 220px; }
  .section01 .bg {
    position: absolute;
    width: 382px;
    height: 339px;
    top: 0;
    left: 50%;
    margin-left: 154px; }
  .section01 .layout {
    position: relative; }
  .section01 h2 {
    text-align: center; }
  .section01 .txt-list li {
    position: absolute;
    left: 0;
    top: 0; }
    .section01 .txt-list li.txt01 {
      left: 15px; }
    .section01 .txt-list li.txt02 {
      left: 160px;
      top: 180px; }
    .section01 .txt-list li.txt03 {
      left: 15px;
      top: 260px; }
    .section01 .txt-list li.txt04 {
      left: 365px;
      top: 280px; }
    .section01 .txt-list li.txt05 {
      left: 562px;
      top: 192px; }
    .section01 .txt-list li.txt06 {
      left: 712px;
      top: 264px; }
  .section01 .bubble-list li {
    position: absolute;
    left: 0;
    top: 0; }
    .section01 .bubble-list li.bub01 {
      left: -190px;
      top: 5px; }
    .section01 .bubble-list li.bub02 {
      left: -15px;
      top: -10px; }
    .section01 .bubble-list li.bub03 {
      left: -105px;
      top: 185px; }
    .section01 .bubble-list li.bub04 {
      left: -200px;
      top: 265px; }
    .section01 .bubble-list li.bub05 {
      left: 550px;
      top: 420px; }
    .section01 .bubble-list li.bub06 {
      left: 925px;
      top: -10px; }
    .section01 .bubble-list li.bub07 {
      left: 910px;
      top: 165px; }
    .section01 .bubble-list li.bub08 {
      left: 980px;
      top: 105px; }
    .section01 .bubble-list li.bub09 {
      left: 1050px;
      top: 280px; }

.section02 {
  background: url(../img/sec01-arrow.png) no-repeat center top;
  background-size: 1400px 159px;
  margin-bottom: 115px; }
  .section02 h2 {
    text-align: center;
    padding-top: 95px;
    margin-bottom: 60px; }
  .section02 .graph {
    width: 475px; }
    .section02 .graph .gr {
      margin-bottom: 30px; }
  .section02 .graph01 {
    float: left; }
  .section02 .graph02 {
    float: right; }

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .section02 {
    background-image: url(../img/sec01-arrow@2x.png); } }

.section03 {
  background: #F4F4F4;
  padding-top: 1px;
  padding-bottom: 80px; }
  .section03 h2 {
    margin-top: -55px;
    text-align: center;
    margin-bottom: 40px; }
  .section03 ul {
    text-align: center;
    font-size: 0;
    margin-bottom: 35px; }
  .section03 li {
    margin-right: 23px;
    display: inline-block;
    width: 318px;
    height: 180px;
    background: #fff;
    position: relative;
    padding: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .section03 li span {
      display: block;
      position: relative;
      height: 100%;
      width: 100%;
      border: 1px solid #33587F;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .section03 li img {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
    .section03 li:last-child {
      margin-right: 0; }
  .section03 p {
    text-align: center; }
    
    .kuwasiku_ue{
    	top:-40px!important;
    }
	.kuwasiku{
    	top:40px!important;
    }
    .kuwasiku_ue2{
    	top:-50px!important;
    }
	.kuwasiku2{
    	top:80px!important;
    }

  .section03 a.btn {
    text-align: left;
    display: inline-block;
    width: 260px;
    height: 44px;
    background: url(../img/sec03-btn_on.png) no-repeat center center;
    background-size: 100% auto;
    vertical-align: top; }
    .section03 a.btn:hover img {
      visibility: hidden; }

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .section03 a.btn {
    background-image: url(../img/sec03-btn_on@2x.png); } }

.section04 {
  padding-top: 95px;
  padding-bottom: 150px;
  position: relative;
  overflow: hidden; }
  .section04 .bg {
    position: absolute;
    width: 624px;
    height: 561px;
    left: 50%;
    top: 40px;
    margin-left: -150px; }
  .section04 .layout {
    position: relative; }
  .section04 .inner {
    margin: 0 auto;
    width: 910px; }
  .section04 h2 {
    margin-bottom: 35px; }
  .section04 .desc {
    margin-bottom: 55px; }
  .section04 .send-friend-wrap {
    font-size: 0;
    width: 910px;
    margin: 30px auto 0; }
    .section04 .send-friend-wrap li {
      margin-right: 10px;
      vertical-align: top;
      display: inline-block!important; }
      .section04 .send-friend-wrap li:last-child {
        margin-right: 0; }

footer {
  background: #F4F4F4;
  text-align: center;
  position: relative;
  -webkit-box-shadow: 0 -2px 5px #D9D9D9;
  box-shadow: 0 -2px 5px #D9D9D9; }
  footer .layout {
    position: relative;
    padding: 70px 0; }
  footer p.pagetop {
    position: absolute;
    right: 0;
    top: -40px; }
    footer p.pagetop a {
      width: 50px;
      height: 51px;
      display: block;
      background: url(../img/btn-pagetop_off.png) no-repeat center center;
      background-size: 50px 51px;
      overflow: hidden;
      white-space: nowrap;
      text-indent: 100%; }
      footer p.pagetop a:hover {
        background-image: url(../img/btn-pagetop_on.png); }
  footer h2 {
    margin-bottom: 20px; }
  footer p.copy {
    color: #999999; }

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  footer p.pagetop a {
    background-image: url(../img/btn-pagetop_off@2x.png); }
    footer p.pagetop a *:hover {
      background-image: url(../img/btn-pagetop_on@2x.png); } }

.loading {
  display: none;
  z-index: 100; }
  .loading h2 {
    margin-bottom: 40px; }
  .loading p {
    text-align: center; }

.is-js {
  height: 100%; }
  .is-js body {
    height: 100%; }
  .is-js header, .is-js main, .is-js footer {
    display: none; }
  .is-js .loading {
    display: block;
    background: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    .is-js .loading .inner {
      text-align: center;
      width: 160px;
      height: 160px;
      display: inline-block;
      position: absolute;
      left: 0px;
      right: 0px;
      bottom: 0px;
      top: 0px;
      margin: auto; }
  .is-js.loaded header, .is-js.loaded main, .is-js.loaded footer {
    display: block; }
  .is-js.loaded header .bg, .is-js.loaded header .desc01, .is-js.loaded header h1, .is-js.loaded header .date, .is-js.loaded header .desc02 {
    opacity: 0; }
  .is-js.loaded header .desc01, .is-js.loaded header h1, .is-js.loaded header .date, .is-js.loaded header .desc02 {
    position: relative; }
  .is-js.loaded .section01 .txt-list li, .is-js.loaded .section01 .bubble-list li {
    opacity: 0; }
  .is-js.loaded .section02 .graph .gr {
    opacity: 0;
    position: relative; }
  .is-js.loaded .section03 li {
    opacity: 0;
    position: relative; }
  .is-js.loaded .section04 .bg, .is-js.loaded .section04 h2, .is-js.loaded .section04 .desc, .is-js.loaded .section04 .date {
    opacity: 0; }
  .is-js.loaded .section04 h2, .is-js.loaded .section04 .desc, .is-js.loaded .section04 .date {
    position: relative; }

@media (max-width: 640px) {
  .sp-view {
    display: block; }
  img.sp-view {
    display: inline; }
  .pc-view {
    display: none; }
  body {
    min-width: 0; }
  .layout {
    width: auto; }
  header {
    padding-bottom: 35px; }
    header .bg {
      left: -30%;
      top: 70px;
      margin: 0;
      width: 100%;
      height: auto; }
      header .bg img {
        width: 100%;
        height: auto; }
    header .site-logo {
      padding-top: 20px;
      padding-bottom: 30px; }
      header .site-logo img {
        width: 90px;
        height: auto; }
    header .ribon {
      top: -25px;
      right: -80px; }
      header .ribon img {
        width: 190px;
        height: auto; }
    header .info-block {
      padding-left: 35%;
      padding-bottom: 30%; }
      header .info-block img {
        width: 100%;
        height: auto; }
      header .info-block h1 {
        margin-bottom: 0; }
      header .info-block .desc01 {
        margin-bottom: 10%; }
    header .date {
      padding-left: 0;
      margin-bottom: 25px; }
      header .date img {
        width: 100%;
        height: auto; }
    header .desc02 li:first-child {
      margin: 0 0 10px; }
    header .desc02 img {
      width: 100%;
      height: auto; }
  .section01 {
    padding-top: 5%;
    padding-bottom: 100%; }
    .section01 .bg {
      margin: 0;
      left: auto;
      right: -20%;
      width: 75%;
      height: auto;
      z-index: 2; }
      .section01 .bg img {
        width: 100%;
        height: auto; }
    .section01 h2 {
      text-align: left; }
      .section01 h2 img {
        width: 68%;
        height: auto; }
    .section01 .txt-list li {
      width: 45%;
      z-index: 3; }
      .section01 .txt-list li img {
        width: 100%;
        height: auto; }
      .section01 .txt-list li.txt01 {
        left: 51%;
        top: 84%; }
      .section01 .txt-list li.txt02 {
        left: 12%;
        top: 95%; }
      .section01 .txt-list li.txt03 {
        left: -3%;
        top: 165%; }
      .section01 .txt-list li.txt04 {
        left: 10%;
        top: 265%; }
      .section01 .txt-list li.txt05 {
        left: 40%;
        top: 190%; }
      .section01 .txt-list li.txt06 {
        left: 55%;
        top: 265%; }
    .section01 .bubble-list li {
      display: none; }
      .section01 .bubble-list li.bub02, .section01 .bubble-list li.bub05 {
        display: block; }
      .section01 .bubble-list li.bub02 {
        left: -20%;
        top: 275%; }
      .section01 .bubble-list li.bub05 {
        left: 78%;
        top: 165%; }
  .section02 {
    background: url(../img/sec01-arrow-sp@2x.png) no-repeat center top;
    background-size: 100% auto;
    margin-bottom: 20%; }
    .section02 h2 {
      padding-top: 5%;
      margin-bottom: 15%; }
      .section02 h2 img {
        width: 100%;
        height: auto; }
    .section02 .graph {
      width: auto;
      float: none; }
      .section02 .graph img {
        width: 100%;
        height: auto; }
      .section02 .graph .gr {
        margin-bottom: 15px; }
      .section02 .graph:first-child {
        padding-bottom: 15px;
        border-bottom: 1px solid #D9D9D9;
        margin-bottom: 20px; }
  .section03 {
    padding-bottom: 10%; }
    .section03 h2 {
      margin-top: -10%;
      margin-bottom: 25px; }
      .section03 h2 img {
        width: 90%;
        height: auto; }
    .section03 ul {
      margin-bottom: 10%; }
    .section03 li {
      width: auto;
      height: auto;
      display: block;
      margin: 0 0 5%; }
      .section03 li span {
        padding: 8% 0; }
      .section03 li img {
        position: static;
        height: auto; }
      .section03 li.txt01 img {
        width: 53%; }
      .section03 li.txt02 img {
        width: 60%; }
      .section03 li.txt03 img {
        width: 84%; }
    .section03 a.btn {
      display: block;
      width: auto;
      height: auto; }
      .section03 a.btn img {
        width: 100%;
        height: auto; }
    
        
    #txt02_img_mb,
    #txt03_img_mb,
 	#txt01_img_mb{
    	padding-top:10px;
    	width:50%!important;
    	height:auto;
    }    
    
        
  .section04 {
    padding-top: 13%;
    padding-bottom: 18%; }
    .section04 .bg {
      width: 78%;
      height: auto;
      left: -24%;
      top: 13%;
      margin: 0; }
      .section04 .bg img {
        width: 100%;
        height: auto; }
    .section04 .inner {
      padding-left: 35%;
      width: auto; }
    .section04 img {
      width: 100%;
      height: auto; }
    .section04 h2 {
      margin-bottom: 6%; }
      .section04 h2 img {
        width: 70%; }
    .section04 .desc {
      margin-bottom: 6%; }
    .section04 .send-friend-wrap {
      margin-top: 10%;
      text-align: center;
      width: auto; }
      .section04 .send-friend-wrap .line img {
        width: 82px; }
  footer .pagetop {
    display: none; }
  footer .layout {
    padding: 10% 0; }
  footer h2 img {
    width: 62%;
    height: auto; } }

/*# sourceMappingURL=style.css.map */