@charset "UTF-8";
html {
  /* font-size: 62.5%; */
  /* 16px x 62.5% = 10px    10px x 設定サイズ(rem) */
  background-color: #fff;
}

body {
  color: #0D264E;
  /* color: #333; */
  font-family: 'Noto Sans JP', sans-serif;
  /* font-family: 'Noto Serif JP', serif; */
  /* font-family: 'Roboto', sans-serif; */
  /* font-family: 'Roboto Condensed', sans-serif; */
  /* font-family: 'Oswald', sans-serif; */
  font-weight: 400;
  font-size: 16px;
  font-feature-settings: "palt";
  letter-spacing: 0.07em;
  /* letter-spacing: 0.1em; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* overflow: hidden; */
}

a,
a:link,
a:visited {
  text-decoration: none;
  color: #333;
}
a:hover {
  /* opacity: 0.8; */
}
a:hover img {
  /* opacity: 0.8; */
}
img {
  max-width: 100%;
  height: auto;
}
button {
  transition: all 0.2s ease 0s;
}
button:hover {
  opacity: 0.8;
  transform: translateY(2px);
}
li {
  list-style-type: none;
}
p,
h1,
h2,
h3 {
  margin: 0;
}
.text_center {
  text-align: center;
}
.text_left {
  text-align: left;
}
.font_blue {
  color: #0071BA;
}
.font_navy {
  color: #00223D;
}
.font_sky {
  color: #12A7EB;
}
.font_yellow {
  color: #FED455;
}
.font_reg {
  font-weight: 400;
}
.bold {
  font-weight: 700;
}
.under_skyblue {
  background: linear-gradient(transparent 70%, #AAD0ED 30%);
}
.under_yellow {
  background: linear-gradient(transparent 70%, #FED455 30%);
}
.under_white {
  background: linear-gradient(transparent 90%, #fff 10%);
}
.under_skyblue_grad {
	background-image: linear-gradient(to right, #6D9FC4, #6D9FC4);
	background-repeat: no-repeat;
	background-size: 100% 30%;
	background-position: bottom;
	transition: all 0.25s ease-in;
}
.underWave_pink {
  text-decoration: underline wavy #FA7F8E;
}
.underWave_yellow {
  text-decoration: underline wavy #FFEBAD;
}
.bg_red{
  background-color: #CB2228;
}
.bg_orange{
  background-color: #F48800;
}

/*------------------------------------------------
*     utility
-------------------------------------------------*/


/* メディアクエリ */
@media screen and (max-width:576px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:992px) {}

/*PCのとき表示する*/
.disp_pc {
  display: block;
}
@media screen and (max-width:768px) {
  .disp_pc {
      display: none;
  }
}
/*TB以下のとき表示する*/
.disp_tb {
  display: none;
}
@media screen and (max-width:992px) {
  .disp_tb {
      display: block;
  }
}
/*SP以下のとき表示する*/
.disp_sp {
  display: none;
}
@media screen and (max-width:768px) {
  .disp_sp {
    display: block;
    /* display: inline; */
  }
}
/*PCのとき改行する*/
.br_pc {
  display: block;
}
@media screen and (max-width:992px) {
  .br_pc {
    display: none;
  }
}
/*タブレットのとき改行する*/
.br_tb {
  display: none;
}
@media screen and (max-width:992px) {
  .br-tb {
    display: block;
  }
}
/*SPのとき改行する*/
.br_sp {
  display: none;
}
@media screen and (max-width:768px) {
  .br_sp {
    display: block;
  }
}
/*XSサイズのとき改行する*/
.br_xs {
  display: none;
}
@media screen and (max-width:576px) {
  .br_xs {
    display: block;
  }
}
/*XXSサイズのとき改行する*/
.br_xxs {
  display: none;
}
@media screen and (max-width:400px) {
  .br_xxs {
    display: block;
  }
}
/*w320px以下のとき改行する*/
.br_320 {
  display: none;
}
@media screen and (max-width:320px) {
  .br_320 {
    display: block;
  }
}

/* クッキー用 */
.pcOnly {
  display: block !important;
}
 .n-block .pcOnly { /*20190926 tn added*/
  display: inline-block !important;
}

@media screen and (max-width: 896px){
 .pcOnly {
  display: none !important;
}
 .n-block .pcOnly { /*20190926 tn added*/
  display: none !important;
}
}

.pcOnlyIn {
  display: inline-block !important;
}

@media screen and (max-width: 896px){
 .pcOnlyIn {
  display: none !important;
}
}
.pcOnlyInline {
  display: inline !important;
}
@media screen and (max-width: 896px){
 .pcOnlyInline {
  display: none !important;
}
}
.pcOnlyTb {
  display: table !important;
}

@media screen and (max-width: 896px){
 .pcOnlyTb {
  display: none !important;
}
}

.spOnly, .spOnlyIn, .spOnlyInline, .spOnlyTb {
  display: none !important;
}

@media screen and (max-width: 896px){
 .spOnly {
  display: block !important;
}

 .spOnlyIn {
  display: inline-block !important;
}

 .spOnlyInline {/*20210810 tn add*/
  display: inline !important;
}

 .spOnlyTb {
  display: table !important;
}
}



/*------------------------------------------------
*     common parts
-------------------------------------------------*/

/* セクションスペース */
.section_space {
  padding: 80px 20px 100px;
}
@media screen and (max-width:768px) {
  .section_space {
    padding: 50px 15px 40px;
  }
}
/* セクションインナー */
.section_inner{
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .section_inner{
  }
}
/* セクションタイトル */
.section_ttlWrap {
  max-width: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  /* border-bottom: 4px solid #0071BA; */
  padding-bottom: 10px;
  margin: 0 auto 80px;
}
@media screen and (max-width:768px) {
  .section_ttlWrap {
    max-width: 600px;
    gap: 10px;
    margin: 0 auto 60px;
  }
}
/* タイトル英語 */
.section_ttlEn {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: #0071BA;
  margin-bottom: -15px;
}
@media screen and (max-width:768px) {
  .section_ttlEn {
  }
}
/* タイトルメイン */
.section_ttlMain {
  position: relative;
  font-size: 36px;
  font-weight: 700;
  color: #002951;
  line-height: 1.3;
  margin-bottom: 3px;
}
@media screen and (max-width:768px) {
  .section_ttlMain{
    font-size: 26px;
    margin-bottom: 4px;
  }
}
/* タイトル_ライン */
.section_ttlMain:after {
  position: absolute;
  content: "";
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 50px;
  height: 4px;
  background: #0071BA;
  margin: auto;
}



/*------------------------------------------------
*    header
-------------------------------------------------*/

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

/* header */
.header {
  max-width: 1600px;
  width: 100%;
  height: 80px;
  position: fixed;
  inset: 0;
  background-color: rgba(255, 255, 255, .9);
  box-shadow: 0px 3px 20px #0000000D;
  z-index: 999;
  transition: .3s;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .header {
    position: fixed;
    height: 60px;
    padding: 5px 10px 0;
    z-index: 200;
  }
}
.headerInner {
  max-width: 1600px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  margin: 0 auto;
}
@media screen and (max-width:992px) {
  .headerInner {
    /* align-self: center; */
    padding-top: 0;
  }
}
.header .logo {
  max-width: 300px;
  height: auto;
}
.header .logo a{
	display: flex;
	justify-content: center;
	align-items: center;
}
.header .logo img {
  max-width: 76px;
  height: 100%;
	max-height: 55px;
  padding: 3px 0;
  margin-right: 11px;
}
@media screen and (max-width:992px) {
  .header .logo img {
    max-width: 55px;
    max-height: 60px;
    padding: 7px 0;
    margin-right: 8px;
  }
}
.header .logo .textWrap {
  line-height: 1.1;
}
.header .logo .textWrap .name{
	font-size: 18px;
	font-weight: 700;
	color: #0072BB;
  /* margin-bottom: 5px; */
}
@media screen and (max-width:768px) {
  .header .logo .textWrap .name{
    font-size: 15px;
  }
}
.header .logo .textWrap .notice{
	font-size: 10px;
	font-weight: 300;
	color: #333;
	/* color: #555; */
}
@media screen and (max-width:768px) {
  .header .logo .textWrap .notice{
    font-size: 9px;
    font-weight: 400;
  }
}


/* ヘッダー お問い合わせボタン */
.header .btn_headerContact {
  min-width: 160px;
  background: transparent linear-gradient(90deg, #E97F32 0%, #E95332 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #fff;
  box-shadow: 10px 10px 15px #E953322E;
  border-radius: 200px;
  transition: all 0.4s ease 0s;
  padding: 10px 13px 10px 24px;
  margin: 0 20px 0 auto;
}
@media screen and (max-width:992px) {
  .header .btn_headerContact {
    min-width: 160px;
    max-width: 400px;
    padding:  9px 15px 9px 13px;
    margin: 0 0 0 auto;
    }
}
@media screen and (max-width:768px) {
  .header .btn_headerContact {
    /* min-width: 130px; */
    max-width: 400px;
    padding:  9px 2px 9px 13px;
    margin: 0 0 0 auto;
    }
}
@media screen and (max-width:576px) {
  .header .btn_headerContact {
    min-width: 150px;
    max-width: 150px;
    padding:  9px 2px 9px 13px;
    margin: 0 0 0 auto;
    }
}
.header .btn_headerContact a{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
	font-weight: 700;
  color: #fff;
  transition: all 0.4s ease 0s;
}
@media screen and (max-width:768px) {
  .header .btn_headerContact a{
    font-size: 11px;
  }
}
.header .btn_headerContact a i{
  font-size: 24px;
}
@media screen and (max-width:768px) {
  .header .btn_headerContact a i{
    font-size: 17px;
    padding-left: 2px;
  }
}
.header .btn_headerContact:hover {
  background: #fff;
  border: 1px solid #E95332;
  transform: translate(1px, 1px);
}
.header .btn_headerContact:hover a {
  color: #E95332;
}


/*------------------------------------------------
*    mv
-------------------------------------------------*/
.mv {
  max-width: 1600px;
  /* height: 450px; */
  /* height: auto; */
  position: relative;
  padding-top: 80px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .mv {
    padding-top: 60px;
  }
}
/* MV背景 */
.mv_bg {
  /* max-width: 1300px; */
  height: 430px;
  /* height: auto; */
  background-image: url(../img/mv_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  /* padding-top: 80px; */
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .mv_bg {
    height: 600px;
    background-image: url(../img/mv_bg_sp.jpg);
  }
}
/* MVコンテンツ */
.mv_conts {
  max-width: 1200px;
  padding: 60px 20px 40px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .mv_conts {
    max-width: 600px;
    padding: 30px 15px 50px;
    margin: 0 auto;
  }
}
/* MVタイトル */
.mv_conts .mvTtl{
  max-width: 526px;
  color: #fff;
  text-align: left;
  margin-bottom: 40px;
}
@media screen and (max-width:910px) {
  .mv_conts .mvTtl{
    max-width: 450px;
  }
}
@media screen and (max-width:768px) {
  .mv_conts .mvTtl{
    margin-bottom: 25px;
  }
}
.mvTtl .ttlLogo{
}
.mvTtl .ttlLogo img{
  max-width: 230px;
}
@media screen and (max-width:768px) {
  .mvTtl .ttlLogo{
  }
  .mvTtl .ttlLogo img{
    max-width: 180px;
  }
}
.mvTtl .ttlMain{
  font-size: 49px;
  text-shadow: 0px 0px 10px #555;
  padding-left: 1px;
  margin-bottom: 4px;
}
@media screen and (max-width:768px) {
  .mvTtl .ttlMain{
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 10px;
  }
}
.mvTtl .detail{
  font-size: 16px;
  font-weight: 400;
  text-shadow: 0px 1px 3px #000;
  padding-left: 5px;
  margin-bottom: 30px;
}
@media screen and (max-width:992px) {
  .mvTtl .detail{
    font-size: 14px;
  }
}
@media screen and (max-width:768px) {
  .mvTtl .detail{
    font-size: 15px;
    text-align: left;
    margin-bottom: 20px;
  }
}

.mv_conts .mvProduct{
  position: absolute;
  top: 90px;
  right: 8%;
}
.mv_conts .mvProduct img{
  max-width: 380px;
}
@media screen and (max-width:992px) {
  .mv_conts .mvProduct{
    top: 90px;
    right: 5%;
  }
  .mv_conts .mvProduct img{
    max-width: 300px;
  }
}
@media screen and (max-width:768px) {
  .mv_conts .mvProduct{
    top: 334px;
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .mv_conts .mvProduct img{
    max-width: 240px;
  }
}



/* MV お問い合わせボタン */
.mv .btn_mvContact {
  position: relative;
  min-width: 160px;
  max-width: 300px;
  background: transparent linear-gradient(90deg, #E97F32 0%, #E95332 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #E97F32;
  box-shadow: 10px 10px 15px #E953322E;
  border-radius: 200px;
  transition: all 0.4s ease 0s;
  padding: 10px 13px 10px 24px;
  /* margin: 0 auto 0 0; */
}
@media screen and (max-width:992px) {
  .mv .btn_mvContact {
    min-width: 160px;
    max-width: 300px;
    padding:  9px 15px 9px 13px;
    /* margin: 0 0 0 auto; */
    }
}
@media screen and (max-width:768px) {
  .mv .btn_mvContact {
    display: none;
    min-width: 130px;
    max-width: 120px;
    padding:  9px 15px 9px 13px;
    margin: 0 0 0 auto;
    }
}
.mv .btn_mvContact a{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
	font-weight: 700;
  color: #fff;
  transition: all 0.4s ease 0s;
}
@media screen and (max-width:768px) {
  .mv .btn_mvContact a{
    font-size: 14px;
  }
}
.mv .btn_mvContact a i{
  font-size: 24px;
}
@media screen and (max-width:768px) {
  .mv .btn_mvContact a i{
    font-size: 20px;
  }
}
.mv .btn_mvContact:hover {
  background: #fff;
  border: 1px solid #E95332;
  transform: translate(1px, 1px);
}
.mv .btn_mvContact:hover a {
  color: #E95332;
}



/*------------------------------------------------
*    movie
-------------------------------------------------*/
.movie{
  max-width: 1600px;
  background-color: #EBF4FF;
  background-image:
  radial-gradient(#38D2FF 7.4%, transparent 7.4%);
  background-size: 15px 15px;
  margin: 0 auto;
}
.movie.section_space {
  padding: 80px 20px 100px;
}
@media screen and (max-width:768px) {
  .movie.section_space {
    padding: 50px 15px 70px;
  }
}
.movie .section_inner{
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .movie .section_inner{
  }
}
/* movieコンテンツ */
.movie_conts{
  width: 100%;
  /* max-width: 1200px; */
  margin: 0 auto;
}

.movie_conts .movWrap{
  width: 50%;
  max-width: 500px;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width:992px) {
  .movie_conts .movWrap{
    width: 100%;
    margin: 0 auto;
  }
}
.movie_conts .movWrap .icon-play{
}
.movie_conts .movWrap .icon-play img{
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .4));
}
.movie_conts .movWrap .icon-play img.icon_play_w{
	opacity: 1;
}
.movie_conts .movWrap .icon-play img.icon_play_y{
	opacity: 0;
}
.movie_conts .movWrap:hover .icon-play img.icon_play_w{
	opacity: 0;
}
.movie_conts .movWrap:hover .icon-play img.icon_play_y{
  opacity: 1;
}




/*------------------------------------------------
*    モーダル表示のためのCSS
-------------------------------------------------*/
/* モーダル共通 */
.hide-area{
	display: none;
}
.modaal-inner-wrapper{
  padding: 40px 25px !important;
}
@media screen and (max-width:768px) {
  .modaal-inner-wrapper{
    padding: 40px 15px !important;
  }
}
.modaal-content-container{
  padding: 30px 20px 80px;
}
@media screen and (max-width:768px) {
  .modaal-content-container{
    padding: 20px 15px 60px;
  }
}
/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close{
	background:#F8F8F8 !important;
  color: #666;
  border: 1px solid #ccc !important;
}
.modaal-close:after,
.modaal-close:before{
  color: #666;
	background:#444;
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}
/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 20px 0;
}
/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
	padding:0;
}

@media screen and (max-width:768px) {
  .modaal-video-wrap {
    margin: auto 0;
  }
}





/*------------------------------------------------
*    composition 製品構成
-------------------------------------------------*/
.composition{
  max-width: 1600px;
  background-color: #fff;
  background-image:
  radial-gradient(#38D2FF 7%, transparent 7%);
  background-size: 15px 15px;
  margin: 0 auto;
}
.composition.section_space {
}
@media screen and (max-width:768px) {
  .composition.section_space {
    padding: 50px 15px 60px;
  }
}
/* 製品構成コンテンツ */
.composition_conts{
  max-width: 850px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow:
  -20px -20px 40px rgba(218, 241, 251, 0.5),
  20px 20px 40px rgba(223, 239, 238, 0.5);
  text-align: center;
  padding: 40px 40px 60px;
  margin: 0 auto 50px;
}
@media screen and (max-width:768px) {
  .composition_conts{
    max-width: 600px;
    padding: 30px 10px 40px;
    margin: 0 auto 10px;
  }
}
.composition_conts .ttlImgWrap{
}
.composition_conts .ttlImgWrap img{
  max-width: 300px;
  margin: 0 auto 30px;
}
@media screen and (max-width:768px) {
  .composition_conts .ttlImgWrap{
  }
  .composition_conts .ttlImgWrap img{
    width: 100%;
    max-width: 200px;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width:576px) {
  .composition_conts .ttlImgWrap{
  }
  .composition_conts .ttlImgWrap img{
    width: 100%;
    max-width: 200px;
    margin: 0 auto 20px;
  }
}
.composition_conts .systemImgWrap{
}
.composition_conts .systemImgWrap img{
  max-width: 700px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .composition_conts .systemImgWrap{
  }
  .composition_conts .systemImgWrap img{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}

/* ブランドロゴ */
.composition_conts .brandLogoWrap{
  display: none;
}
.composition_conts .brandLogoWrap img{
  max-width: 380px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .composition_conts .brandLogoWrap{
  }
  .composition_conts .brandLogoWrap img{
    width: 90%;
    /* max-width: 200px; */
    margin: 0 auto;
  }
}

/* ブランドロゴ_モーダル */
/* モーダル内容 */
.modaal-content-container{
  /* padding: 20px 20px !important; */
  padding: 0 0 !important;
}
.brandInfo_conts{
  max-width: 800px;
  padding: 50px 20px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .brandInfo_conts{
    padding: 20px 20px;
  }
}
.brandInfo_conts .lead{
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0;
}
@media screen and (max-width:768px) {
  .brandInfo_conts .textWrap .lead{
    font-size: 15px;
    margin-bottom: 20px;
  }
}
.brandInfo_conts .lead h2{
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: underline;
  margin-bottom: 20px;
}
@media screen and (max-width:768px) {
  .brandInfo_conts .lead h2{
    font-size: 17px;
  }
}
.brandInfo_conts .lead>p{
  max-width: 670px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  margin: 0 auto 10px;
}
@media screen and (max-width:768px) {
  .brandInfo_conts .lead>p{
    font-size: 15px;
    /* text-align: left; */
    margin: 0 auto 10px;
  }
}
/* ロゴ */
.brandInfo_conts .logoWrap{
  max-width: 510px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  /* border: 1px solid #333; */
  padding: 0 20px;
  margin: 0 auto 40px;
}
@media screen and (max-width:768px) {
  .brandInfo_conts .logoWrap{
    flex-direction: column;
    padding: 0 10px;
    margin-bottom: 30px;
  }
}
.brandInfo_conts .logoWrap img{
  margin: 0 auto;
}
.brandInfo_conts ul{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.brandInfo_conts ul li{
  background-color: #f5f5f5;
  padding: 20px;
}
.brandInfo_conts ul li .ttl{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.brandInfo_conts ul li p{
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width:768px) {
  .brandInfo_conts ul li .ttl{
    font-size: 16px;
  }
  .brandInfo_conts ul li p{
    font-size: 15px;
  }
}
.brandInfo_conts .notice{
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width:768px) {
  .brandInfo_conts .notice{
    font-size: 12px;
    margin-bottom: 40px;
  }
}
.brandInfo_conts .copy{
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width:768px) {
  .brandInfo_conts .copy{
    margin-bottom: 10px;
  }
}




/*------------------------------------------------
*    feature 3つの製品特徴
-------------------------------------------------*/
.feature{
  max-width: 1600px;
  background-color: #EBF4FF;
  background-image:
  radial-gradient(#38D2FF 7.4%, transparent 7.4%);
  background-size: 15px 15px;
  color: #002951;
  margin: 0 auto;
}
.feature.section_space {
}
@media screen and (max-width:768px) {
  .feature.section_space {
    padding: 50px 15px 60px;
  }
}
/* タイトルメイン */
.feature .section_ttlMain .font_color{
  font-family: 'Roboto', sans-serif;
  font-size: 57px;
  color: #0071BA;
}
@media screen and (max-width:768px) {
  .feature .section_ttlMain .font_color{
    font-size: 36px;
  }
}
/* 製品構成コンテンツ */
.feature_conts{
  max-width: 1000px;
  margin: 0 auto 50px;
}
@media screen and (max-width:768px) {
  .feature_conts{
    margin: 0 auto 0px;
  }
}

/* 製品特徴_全体リスト */
.feature_conts ul.featureList{
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  gap: 90px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .feature_conts ul.featureList{
    max-width: 500px;
    gap: 50px;
  }
}
ul.featureList li.featureItem{
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  ul.featureList li.featureItem{
    width: 100%;
  }
}
li.featureItem .ttlWrap{
  display: flex;
  justify-content: start;
  align-items: center;
  padding-bottom: 0px;
  border-bottom: 1px solid #002951;
  margin: 0 auto 40px;
}
@media screen and (max-width:768px) {
  li.featureItem .ttlWrap{
    justify-content: start;
    align-items: center;
    flex-direction: column;
    padding-bottom: 0px;
    border-bottom: 1px solid #002951;
    margin: 0 auto 20px;
  }
}
li.featureItem .ttlWrap .no{
}
li.featureItem .ttlWrap .no img{
  max-width: 80px;
}
@media screen and (max-width:768px) {
  li.featureItem .ttlWrap .no{
    margin-bottom: 3px;
  }
  li.featureItem .ttlWrap .no img{
    max-width: 70px;
  }
}
li.featureItem .ttlWrap .ttl{
  font-size: 27px;
  font-weight: 700;
  padding-left: 20px;
}
@media screen and (max-width:768px) {
  li.featureItem .ttlWrap .ttl{
    font-size: 22px;
    padding: 0 0px 10px;
  }
}
li.featureItem .ttlWrap .ttl .font_color{
  color: #0071BA;
}
li.featureItem ul.detailList{
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  gap: 60px;
  padding-top: 20px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  li.featureItem ul.detailList{
    /* max-width: 450px; */
    gap: 30px;
  }
}
li.featureItem ul.detailList li.detailItem{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 50px;
  background-color: #fff;
  padding: 0px 30px 30px;
  margin: 0 auto;
}
li.featureItem ul.detailList li.detailItem:nth-of-type(even){
  flex-direction: row-reverse;
}
@media screen and (max-width:768px) {
  li.featureItem ul.detailList li.detailItem{
    justify-content: center;
    align-items: start;
    flex-direction: column;
    gap: 25px;
    background-color: #fff;
    padding: 0px 15px 30px;
  }
  li.featureItem ul.detailList li.detailItem:nth-of-type(even){
    flex-direction: column;
  }
}

/* 製品特徴_テキスト部 */
li.featureItem li.detailItem .textConts{
  width: 50%;
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: column;
  margin-top: -15px;
}
@media screen and (max-width:768px) {
  li.featureItem li.detailItem .textConts{
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: start;
    margin-top: -15px;
  }
}
li.featureItem li.detailItem .textConts .point{
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #FFFFFF;
  background-image: linear-gradient(to right, #E97F32, #E95332);
  border-radius: 3px;
  padding: 3px 10px;
  margin-bottom: 10px;
}
li.featureItem li.detailItem .textConts .detailTtl{
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 7px;
  background-image: linear-gradient(to right, #11599F, #002951);
  border-radius: 3px;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 20px;
}
@media screen and (max-width:768px) {
  li.featureItem li.detailItem .textConts .detailTtl{
    gap: 7px;
    padding: 7px 10px;
    margin-bottom: 10px;
  }
}
li.featureItem li.detailItem .textConts .detailTtl i{
  font-size: 25px;
}
@media screen and (max-width:768px) {
  li.featureItem li.detailItem .textConts .detailTtl i{
    font-size: 22px;
  }
}
li.featureItem li.detailItem .textConts .detailTtl .text{
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width:768px) {
  li.featureItem li.detailItem .textConts .detailTtl .text{
    font-size: 17px;
  }
}
li.featureItem li.detailItem .textConts .detailTxt{
  width: 100%;
  font-size: 15px;
  margin-bottom: 10px;
}
@media screen and (max-width:768px) {
  li.featureItem li.detailItem .textConts .detailTxt{
    font-size: 14px;
    margin-bottom: 5px;
  }
}
li.featureItem li.detailItem .textConts .detailTxt .font_s{
  font-size: 13px;
}
li.featureItem li.detailItem .textConts .detailTxt .comment{
  width: 50%;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  background-color: #EDEDED;
  padding: 10px;
  margin: 10px 0;
}
@media screen and (max-width:992px) {
  li.featureItem li.detailItem .textConts .detailTxt .comment{
    width: 80%;
  }
}
li.featureItem li.detailItem .textConts .detailTxt .ttlComment{
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
}
li.featureItem li.detailItem .textConts .detailSummary{
  font-size: 20px;
  font-weight: 700;
  color: #0071BA;
  background: linear-gradient(transparent 70%, #FCD84A 30%);
}
@media screen and (max-width:768px) {
  li.featureItem li.detailItem .textConts .detailSummary {
    font-size: 17px;
  }
  li.featureItem li.detailItem .textConts .detailSummary .font_s{
    font-size: 15px;
  }
}
/* 製品特徴_画像部 */
li.featureItem li.detailItem .imgConts{
  width: 40%;
  margin-top: -10px;
}
li.featureItem li.detailItem .imgConts img{
  width: 100%;
  box-shadow: 10px 10px 20px #eee;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  li.featureItem li.detailItem .imgConts{
    width: 100%;
    margin-top: 0;
  }
  li.featureItem li.detailItem .imgConts img{
    max-width: 380px;
  }
}

/* feature3のみ */
li.featureItem .feature3_conts{
  max-width: 850px;
  margin: 0 auto;
}
li.featureItem .feature3_conts .imgWrap{
  margin: 0 auto;
}
li.featureItem .feature3_conts .imgWrap img{
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  li.featureItem .feature3_conts .imgWrap{
    margin: 0 auto;
  }
  li.featureItem .feature3_conts .imgWrap img{
    max-width: 200px;
    margin: 0 auto;
  }
}
li.featureItem .feature3_conts .textWrap{
  font-size: 16px;
  margin-bottom: 30px;
}
@media screen and (max-width:768px) {
  li.featureItem .feature3_conts .textWrap{
    font-size: 15px;
  }
}



/*------------------------------------------------
*    cta
-------------------------------------------------*/
.cta {
  max-width: 1600px;
  position: relative;
  background-image: url(../img/cta_bg.jpg);
  background-repeat: no-repeat;
	background-size: cover;
  background-position: bottom center;
  text-align: center;
  overflow: hidden;
  border-top: 1px solid #CBEFFF;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .cta {
    background-image: url(../img/cta_bg_sp.jpg);
  }
}
/* CTA人物 */
.ctaPerson{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0px;
}
@media screen and (max-width:768px) {
  .ctaPerson{
    gap: 0px;
  }
}
.ctaPerson img:nth-of-type(1){
  max-width: 200px;
}
.ctaPerson img:nth-of-type(2){
  max-width: 390px;
}
@media screen and (max-width:768px) {
  .ctaPerson{
  }
  .ctaPerson img:nth-of-type(1){
    max-width: 130px;
  }
  .ctaPerson img:nth-of-type(3){
    max-width: 190px;
  }
}
/* CTAインナー */
.ctaInner{
  max-width: 1000px;
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 10px 10px 20px #0000000D;
  padding: 40px 20px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .ctaInner{
    max-width: 500px;
    padding: 30px 15px 40px;
    margin: 0 auto;
  }
}
.cta.section_space {
  padding: 50px 20px 70px;
}
@media screen and (max-width:768px) {
  .cta.section_space {
    padding: 40px 20px 60px;
  }
}
/* CTAタイトル */
.cta .ttlWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width:768px) {
  .cta .ttlWrap{
    gap: 10px;
    margin-bottom: 20px;
    }
}
.cta .ttlWrap .icon{
  max-width: 37px;
}
@media screen and (max-width:768px) {
  .cta .ttlWrap .icon{
    max-width: 30px;
  }
}
.cta .ttlWrap .icon img{
}
.cta .ttlWrap .text{
  font-size: 28px;
  font-weight: 700;
  color: #0071BA;
  line-height: 1.3;
}
@media screen and (max-width:768px) {
  .cta .ttlWrap .text{
    font-size: 24px;
  }
}
/* CTA詳細 */
.cta .detailWrap{
  max-width: 900px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .cta .detailWrap{
    flex-direction: column;
    gap: 10px;
    margin: 0 auto;
  }
}
/* CTAコンテンツ左 */
.cta .detailWrap>.detailL{
  width: 60%;
  border-right: 1px solid #CCCCCC;
  padding: 10px 20px;
}
@media screen and (max-width:768px) {
  .cta .detailWrap>.detailL{
    width: 100%;
    border-right: none;
    border-bottom: none;
    padding: 0 0 10px;
  }
}
.cta .detailWrap>.detailL>.ttl{
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width:768px) {
  .cta .detailWrap>.detailL>.ttl{
    font-size: 17px;
    margin-bottom: 20px;
  }
}
.cta .detailWrap>.detailL .contactTel{
}
.cta .detailWrap>.detailL .contactTel>.ttl{
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0px;
}
@media screen and (max-width:768px) {
  .cta .detailWrap>.detailL .contactTel>.ttl{
    font-size: 14px;
    margin-bottom: 0;
  }
}
.cta .detailWrap>.detailL>.ttl .font_s{
  font-weight: 400;
}
.cta .detailWrap>.detailL .contactTel>ul{
  max-width: 260px;
  margin: 0 auto;
}
.cta .detailWrap>.detailL .contactTel>ul>li{
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 10px;
}
@media screen and (max-width:768px) {
  .cta .detailWrap>.detailL .contactTel>ul>li{
    justify-content: center;
    align-items: start;
    gap: 7px;
  }
}
.cta .detailWrap>.detailL .contactTel>ul>li>img{
  max-width: 35px;
}
@media screen and (max-width:768px) {
  .cta .detailWrap>.detailL .contactTel>ul>li>img{
    max-width: 30px;
  }
}
.cta .detailWrap>.detailL .contactTel>ul>li>.text{
  font-family: 'Roboto', sans-serif;
  font-size: 28px;
  font-weight: 700;
}
@media screen and (max-width:768px) {
  .cta .detailWrap>.detailL .contactTel>ul>li>.text{
    font-size: 26px;
  }
}
/* CTAコンテンツ右 */
.cta .detailWrap>.detailR{
  width: 50%;
  padding: 0 20px;
}
@media screen and (max-width:768px) {
  .cta .detailWrap>.detailR{
    width: 100%;
    padding: 0 0;
    margin: 0 auto;
  }
}
.cta .detailWrap>.detailR>.ttl{
  margin-bottom: 10px;
}

/* CTAお問い合わせボタン */
.btn_cta {
  min-width: 160px;
  background: transparent linear-gradient(90deg, #E97F32 0%, #E95332 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #E97F32;
  box-shadow: 10px 10px 15px #E953322E;
  border-radius: 200px;
  transition: all 0.4s ease 0s;
  padding: 18px 10px 18px 22px;
  margin: 0 20px 0 auto;
}
@media screen and (max-width:992px) {
  .btn_cta {
    min-width: 160px;
    max-width: 340px;
    padding:  9px 15px 9px 13px;
    margin: 0 0 0 auto;
    }
}
@media screen and (max-width:768px) {
  .btn_cta {
    min-width: 130px;
    max-width: 340px;
    padding:  10px 22px 10px 13px;
    margin: 0 auto;
    }
}
.btn_cta a{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
	font-weight: 700;
  color: #fff;
  transition: all 0.4s ease 0s;
}
@media screen and (max-width:768px) {
  .btn_cta a{
    font-size: 16px;
    justify-content: end;
  }
}
.btn_cta a i{
  font-size: 24px;
  padding-left: 20px;
}
@media screen and (max-width:768px) {
  .btn_cta a i{
    font-size: 20px;
    padding-left: 50px;
  }
}
.btn_cta:hover {
  background: #fff;
  border: 1px solid #E95332;
  transform: translate(1px, 1px);
}
.btn_cta:hover a {
  color: #E95332;
}


/*------------------------------------------------
*    footer
-------------------------------------------------*/

footer {
  max-width: 1600px;
  height: 60px;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width:576px) {
  footer {
    /* height: 130px; */
    text-align: center;
  }
}
footer a{
  display: block;
}
/* ページトップ */
.pageTop{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #EDEDED;
  font-size: 14px;
  padding: 10px 20px;
}
.pageTop i{
  font-size: 18px;
  padding-left: 3px;
}
.pageTop:hover{
  opacity: 0.8;
}



/* フッターナビ */
.footerNav {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px -1px 10px #dfdfdf;
  padding: 20px;
}
.footerNav ul {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footerNav ul li {
  font-size: 14px;
  font-weight: 400;
  margin-right: 20px;
}
@media screen and (max-width:768px) {
  .footerNav {
    padding: 10px 8px;
    margin: 0 auto;
  }
  .footerNav ul {
    justify-content: space-around;
  }
  .footerNav ul li {
    margin-right: 10px;
  }
}

/* コピーライト */
footer .copyrightWrap {
  width: 100%;
  background-color: #3E3200;
  padding: 20px 20px;
}
@media screen and (max-width:768px) {
  footer .copyrightWrap {
    padding: 20px 15px;
  }
}
footer .copyright {
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  margin: 0 auto;
}

/*------------------------------------------------
*    btn_totop #page-top
-------------------------------------------------*/
#page-top {
  position: fixed;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  right: 20px;
  bottom: 10px;
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  background: #00223D;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  z-index: 100;
  transition: all 0.4s ease 0.3s;
  margin-right: 10px;
}
@media screen and (max-width:768px) {
  #page-top {
    width: 64px;
    height: 64px;
    right: 0px;
    bottom: 5px;
    font-size: 29px;
  }
}
#page-top .arrow{
  max-width: 22px;
  margin: -10px auto 7px;
}
#page-top .imgText{
  max-width: 54px;
  margin: 0 auto;
}
#page-top.fade-in {
  opacity: 0.85;
  transition: opacity 1s;
}
#page-top:hover {
  transition: 0.3s;
  right: 20px;
  bottom: 15px;
  opacity: 0.8;
}
@media screen and (max-width:768px) {
  #page-top:hover {
    transition: 0.3s;
    right: 0px;
    bottom: 5px;
    opacity: 0.7;
  }
}

/*------------------------------------------------
*    フローティングボタン（SP）
*    btn_fix_sp #btn_fix_sp
-------------------------------------------------*/
#btn_fix_sp {
  display: none;
}
@media screen and (max-width:992px) {
  #btn_fix_sp {
    display: inline;
    width: 90%;
    max-width: 300px;
    transition: all 0.3s;
    position: fixed;
    left: 30%;
    bottom: 5px;
    transform: translateY(-50%);
    z-index: 100;
    opacity: 0;
    box-shadow: 2px 2px 8px #00000029;
    transition: all 0.4s ease 0s;
    padding: 8px 25px;
    margin-left: 20px;
  }
}
#btn_fix_sp:hover {
  opacity: 0.8;
}
@media screen and (max-width:576px) {
  #btn_fix_sp {
    width: 90%;
    max-width: 250px;
    left: 0%;
    bottom: 10px;
  }
}
@media screen and (max-width:360px) {
  #btn_fix_sp {
    width: 90%;
    max-width: 180px;
    left: 0%;
    bottom: 10px;
    padding: 10px 20px;
  }
}
#btn_fix_sp a{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  transition: all 0.4s ease 0s;
}
#btn_fix_sp a .icon{
  margin-right: 10px;

}
#btn_fix_sp a .icon i{
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  z-index: 3;
  font-size: 22px;
  color:#fff
}
#btn_fix_sp a .text{
  position: relative;
  top: 50%;
  left: 10px;
  /* transform: translateY(-50%); */
  z-index: 3;
}
#btn_fix_sp br{
  display: none;
}
@media screen and (max-width:360px) {
  #btn_fix_sp br{
    display: block;
  }
}


/* 上に上がる動き */
#btn_fix_sp.UpMove {
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 下に下がる動き */
#btn_fix_sp.DownMove {
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(100px);
  }
}


/*--------------------------------------------
*    scroll fadein ふわっと
*
*     親要素のclassに「fuwatto-wrap」
*     子要素のclassに「fuwatto1,fuwatto2,...」
----------------------------------------------*/
.fuwatto-wrap [class*='fuwatto'] {
  opacity: 0;
  transform: translate(0, 10px);
  transition: all 0.9s;
}
.fuwatto-wrap [class*='fuwatto'].f-act {
  opacity: 1;
  transform: translate(0, 0);
}
/*--------------------------------------------
*
*    ふわっと表示各種
*
---------------------------------------------*/
/* その場で */
.fadeIn{
  animation-name:fadeInAnime;
  animation-duration: 1s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* 下から */
.fadeUp{
  animation-name:fadeUpAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 上から */
.fadeDown{
  animation-name:fadeDownAnime;
  /* animation-duration:0.5s; */
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes fadeDownAnime{
  from {
    opacity: 0;
    transform: translateY(-300px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 左から */
.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeLeftAnime{
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* 右から */
.fadeRight{
  animation-name:fadeRightAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes fadeRightAnime{
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger{
  opacity: 0;
}



/*===================================
ぱたっ
===================================*/
/* flipDown */
.flipDown{
  animation-name: flipDownAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes flipDownAnime{
  from {
    transform: perspective(2500px) rotateX(100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2500px) rotateX(0);
  opacity: 1;
  }
}

/* flipLeft */
.flipLeft{
  animation-name: flipLeftAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  perspective-origin: left center;
  opacity: 0;
}
@keyframes flipLeftAnime{
  from {
    transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
    opacity: 0;
  }
  to {
    transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
    opacity: 1;
  }
}

/* flipLeftTop */
.flipLeftTop{
  animation-name: flipLeftTopAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes flipLeftTopAnime{
  from {
  transform: translate(-20px,80px) rotate(-15deg);
  opacity: 0;
  }
  to {
  transform: translate(0,0) rotate(0deg);
  opacity: 1;
  }
}

/* flipRight */
.flipRight{
  animation-name: flipRightAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  perspective-origin: right center;
  opacity:0;
}
@keyframes flipRightAnime{
  from {
    transform: perspective(600px) translate3d(0, 0, 0) rotateY(-30deg);
    opacity: 0;
  }
  to {
    transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
    opacity: 1;
  }
}

/* flipRightTop */
.flipRightTop{
  animation-name: flipRightTopAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes flipRightTopAnime{
  from {
  transform: translate(-20px,80px) rotate(25deg);
  opacity: 0;
  }
  to {
  transform: translate(0,1px) rotate(0deg);
  opacity: 1;
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.flipDownTrigger,
.flipLeftTrigger,
.flipLeftTopTrigger,
.flipRightTrigger,
.flipRightTopTrigger{
  opacity: 0;
}

/*==================================================
アニメーション設定
===================================*/
/* アニメーションの回数を決めるCSS*/
.count2{
	animation-iteration-count: 2;/*この数字を必要回数分に変更*/
}
.countinfinite{
	animation-iteration-count: infinite;/*無限ループ*/
}
/* アニメーションスタートの遅延時間を決めるCSS*/
.delay-time01{
	animation-delay: 0.1s;
}
.delay-time02{
	animation-delay: 0.2s;
}
.delay-time03{
	animation-delay: 0.3s;
}
.delay-time05{
	animation-delay: 0.5s;
}
.delay-time06{
	animation-delay: 0.6s;
}
.delay-time07{
	animation-delay: 0.7s;
}
.delay-time10{
	animation-delay: 1s;
}
.delay-time15{
	animation-delay: 1.5s;
}
.delay-time20{
	animation-delay: 2s;
}
.delay-time25{
	animation-delay: 2.5s;
}