@charset "UTF-8";
/* トップページ */

.movcover {
    width:100%;
    background-color: #d5d7de;
}

.movcover .spcomment {
    display: none;
}

#mov {
    width:1280px;
    margin: 0px auto 0px auto; 
}

#mov .sp {
    display: none;
}

.information {
    width:100%;
    background-color: #eef0f7;
    margin: 25px auto 0px auto; 
}

.information div,
.products div {
    width:1280px;
    margin:0px auto;
    padding:30px 0px;
}

.information h2 {
    background-image: url("../image/pc/00_top_pc/00_top_pc_02.png");
    width:366px;
    height:126px;
    margin:0px auto;
    text-indent: 110%;
    overflow: hidden;
    white-space: nowrap;
}

.information .iframecover {
    width:1280px;
    margin:0px auto;
    overflow: hidden;
}
.information .iframecover iframe {
    width:1280px;
    height:450px;
    margin:0px;
}

.information .pastNews {
    width:1280px;
    padding-bottom:60px;
    margin:-40px auto 0px auto;
}

.information .pastNews a {
    background-image: url("../image/pc/00_top_pc/news_past_button.png");
    width:328px;
    height: 66px;
    display: block;
    text-indent: 110%;
    overflow: hidden;
    white-space: nowrap;
    margin:0px auto;
}
.products {
    width:100%;
    background-color: #1c68ad;
}

.products h2 {
    background-image: url("../image/pc/00_top_pc/00_top_pc_01.png");
    width:367px;
    height:146px;
    margin:0px auto;
    text-indent: 110%;
    overflow: hidden;
    white-space: nowrap;
}

.products .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top:30px;
}

.products .items article {
    width:558px;
    margin:40px 10px;
    position: relative;
}

.products .items article div {
    background-color: #ffffff;
    width:500px;
    height:420px;
    margin-top:-120px;
}



.products .items .item01 h3 a {
    display: block;
    background-image:url("../image/pc/00_top_pc/00_top_pc_02-10.png");
    width:428px;
    height:230px;
    margin:0px auto;
    position: relative;
    text-indent: 110%;
    overflow: hidden;
    white-space: nowrap;
}

.products .items .item01 div {
    
    background-image: url("../image/pc/00_top_pc/00_top_pc_03.png");
    background-repeat: no-repeat;
    background-position: center 120px;
}

.products .items .item01 p {
  font-size : 19px;
  line-height : 27px;
  color : #000004;
  width:400px;
  margin:330px auto 0px auto;
}


.products .items .item02 h3 a {
    display: block;
    background-image:url("../image/pc/00_top_pc/00_top_pc_04.png");
    width:428px;
    height:230px;
    margin:0px auto;
    position: relative;
    text-indent: 110%;
    overflow: hidden;
    white-space: nowrap;
}

.products .items .item02 div {
    background-image:url("../image/pc/00_top_pc/00_top_pc_05.png");
    background-repeat: no-repeat;
    background-position: center 130px;
}

.products .items .item02 p {
  font-size : 19px;
  line-height : 27px;
  color : #000004;
  width:400px;
  margin:200px auto 0px auto;
}


.products .items .item03 h3 a {
    display: block;
    background-image:url("../image/pc/00_top_pc/00_top_pc_06.png");
    width:428px;
    height:178px;
    margin:0px auto;
    position: relative;
    text-indent: 110%;
    overflow: hidden;
    white-space: nowrap;
}

.products .items .item03 div {
    background-image:url("../image/pc/00_top_pc/00_top_pc_07.png");
    background-repeat: no-repeat;
    background-position: center 130px;
    height:360px;
}

.products .items .item03 p {
  font-size : 19px;
  line-height : 27px;
  color : #000004;
  width:400px;
  margin:230px auto 0px auto;
}



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

@media screen and (max-width:800px){


.movcover {
    width:100%;
    background-color: #ffffff;
}

#mov {
    width:100%;
    margin: 0px auto 0px auto; 
}
#mov .pc {
    display: none;
}
#mov .sp {
    display: block;
}

.movcover .spcomment {
    display: block;
    width:90%;
    margin:20px auto;
    text-align: center;
      font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size : 20px;
  line-height : 30px;
}


.information {
    width:100%;
    background-color: #eef0f7;
    margin: 25px auto 0px auto; 
}

.information div,
.products div {
    width:100%;
    margin:0px auto;
    padding:30px 0px 10px 0px;
}

.information h2 {
    background-image:url("../image/sp/00_top_s/00_top_s_02.png");
    background-size: 375px;
    background-repeat: no-repeat;
    width:375px;
    height:70px;
    margin:0px auto;
    text-indent: 110%;
    overflow: hidden;
    white-space: nowrap;
}

.information .iframecover {
    width:375px;
    margin:0px auto;
    overflow: hidden;
}
.information .iframecover iframe {
    width:375px;
    height:200px;
}


.information .pastNews {
    width:auto;
    padding-bottom:30px;
    margin:0px auto;
}

.information .pastNews a {
    background-image: url("../image/pc/00_top_pc/news_past_button.png");
    width:328px;
    height: 66px;
    display: block;
    text-indent: 110%;
    overflow: hidden;
    white-space: nowrap;
    margin:0px auto;
}

.products {
    width:100%;
    background-color: #1c68ad;
    margin:0px auto;
}

.products h2 {
    background-image:url("../image/sp/00_top_s/00_top_s_03.png");
    background-size: 375px;
    background-repeat: no-repeat;
    width:375px;
    height:70px;
    margin:0px auto;
}

.products .items {
    display: block;
    width:325px;
    margin:20px auto;
}

.products .items article {
    width:100%;
    position: relative;
    margin:30px auto;
}

.products .items article div {
    background-color: #ffffff;
    width:100%;
    height:inherit;
    margin:-80px auto 0px auto;

}

.products .items .item01 h3 a{
    background-image:url("../image/pc/00_top_pc/00_top_pc_02-10.png");
    background-repeat: no-repeat;
    background-size: 250px;
    width:250px;
    height:140px;
    margin:0px auto;
    padding:0px;
}

.products .items .item01 div {    
    background-image: url("../image/pc/00_top_pc/00_top_pc_03.png");
    background-repeat: no-repeat;
    background-size:300px;
    background-position: center 80px;
}

.products .items .item01 p {
  font-size : 19px;
  line-height : 27px;
  color : #000004;
  width:250px;
  margin:200px auto 0px auto;
}


.products .items .item02 h3 a{
    background-image:url("../image/pc/00_top_pc/00_top_pc_04.png");
    background-repeat: no-repeat;
    background-size: 250px;
    width:250px;
    height:140px;
    margin:0px auto;
}

.products .items .item02 div {
    background-image:url("../image/pc/00_top_pc/00_top_pc_05.png");
    background-repeat: no-repeat;
    background-size:300px;
    background-position: center 70px;
}

.products .items .item02 p {
  font-size : 19px;
  line-height : 27px;
  color : #000004;
  width:250px;
  margin:100px auto 0px auto;
}


.products .items .item03 h3 a{
    background-image:url("../image/pc/00_top_pc/00_top_pc_06.png");
    background-repeat: no-repeat;
    background-size: 250px;
    width:250px;
    height:140px;
    margin:0px auto;
}

.products .items .item03 div {
    background-image:url("../image/pc/00_top_pc/00_top_pc_07.png");
    background-repeat: no-repeat;
    background-size:300px;
    background-position: center 60px;
  height:inherit;
}

.products .items .item03 p {
  font-size : 19px;
  line-height : 27px;
  color : #000004;
  width:250px;
  margin:120px auto 0px auto;
}

}