@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');
.number{font-family: 'DM Sans', sans-serif!important;}

/*--------------all page----------------------*/
#body{
  /*background-image:none;*/
  overflow:hidden;
}
#wrap #header_nav ul,#main_img > div,#page08_link a,#contents1 img, #contents2 img,#top_cms .more a,footer #footer .tel a {border-radius: 0;}
#header_nav ul{background-color:transparent!important;}
#header h1{padding:0 20px;}
#header h1 img{width:50%!important;}
.sc_nav .logo img{width: 40%!important;}
#page08_link a{
  background-color:#333!important;
  box-shadow:none;
}
.sc_nav .nav_bt{box-shadow:none;}
footer h2 a{max-width: 300px;}
#main_nav{background-color: #6a97d8;}

/*-------------top page------------------------*/
#main_img{
  position:relative;
  height:900px;
  overflow:hidden;
  padding:0;
}
#main_img:before{
  content:'';
  position:absolute;
  display:block;
  width:606px;
  height:211px;
  background-image:url(./Dup/img/main_item.png);
  background-repeat:no-repeat;
  top:15%;
  left:10%;
  z-index:2;
}
#main_img > div{box-shadow:none;}
#intro_title h2{
  font-size:30px;
  text-align:center;
}
#intro{
  position:relative;
  margin-bottom:0;
}
#intro .fadein {
  opacity: 0;
  transform : translate(800px, 0);
  transition : all 1500ms;
  width:50%;
  margin:auto;
}
#intro .fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
  z-index:-1;
}
#intro:before{
  content:'';
  position:absolute;
  display:block;
  width:360px;
  height:164px;
  background-image:url(./Dup/img/item2.png);
  background-repeat:no-repeat;
  bottom:-5%;
  right:10%;
  z-index:2;
}
#intro_txt p{font-weight:normal;}
#contents1{
  /*background:url(./Dup/img/con1r.jpg) no-repeat;
  background-size:cover;
  color:white;*/
  background-image:none!important;
  background-color: #6a97d8;
  color:white;
}
 #top_cms .bg_color2{background-image:none;}
#contents1{padding-bottom:0;}
#contents1 img, #contents2 img{box-shadow:none;}
#contents1 .fadein {
  opacity: 0;
  transform : translate(100px, 0);
  transition : all 1500ms;
  width:40%;
}
#contents1 .fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
#contents2  > div{padding:0 8%;}
#contents2_title{
  font-size:35px;
  letter-spacing:3px;
  padding-top: 30px;
  background: url(./Dup/img/item4.png) no-repeat center bottom;
  position:relative;
}
#contents2_title:before{
  content:'';
  position:absolute;
  display:block;
  width:100px;
  height:2px;
  background-color:#424db8;
  bottom:0;
  right:0;
  left:0;
  margin:auto;
}
#contents2 .d_box2{color:white;}
#contents2 .d_box1,#contents2 .d_box2,#contents2 .d_box3{position:relative;}
#contents2 .d_box1:before,#contents2 .d_box2:before,#contents2 .d_box3:before{
  content:'';
  position:absolute;
  width:200%;
  height:100%;
  z-index:-1;
}
#contents2 .d_box2:before{
  background-color: #6a97d8;
  top:30px;
  left:0;
}
#contents2 .d_box1:before,#contents2 .d_box3:before{
  background-color:#eee;
  top:30px;
  right:0;
}
.number{
  text-shadow:none!important;
  font-size:80px!important;
  color:#364eaf;
}

#top_cms .bg_color2{
  background-size: auto auto;
  background-color: rgba(69, 69, 69, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(45, 45, 45, 0.68) 2px, rgba(45, 45, 45, 0.68) 14px );
}
#top_cms .bg_color2 h3{color:white!important;}
.top_cms_title p{color: #f9ab37;}
#top_cms .more a:hover{
  box-shadow:none;
  background-color:#333;
}
.cms_2-c .cate_box{padding:2% 0;}
.cms_5-c .box_title1 {border-color: rgba(177,177,177,0.7);}
.cms_5-c .box_txt1::before{color: rgba(197,195,195,0.7);}

/*------------under page-----------------------*/
#loader > div p{text-shadow:none;}
#page_title{
  background-image:url(./Dup/img/con1r.jpg);
  background-size:cover;
}
.pager li a:hover{box-shadow:none;}
#page10 .sitemap_wrap li  a{font-size:16px;}



/* ---------- responsive ---------- */
@media screen and (max-width: 1400px){
#main_img{height:100%;}
#header h1 img {
    width: 70%!important;
}

}
/* ---------- responsive ---------- */
@media screen and (max-width: 1250px){
#main_img:before{background-size:70%;}
}

/* ---------- responsive ---------- */
@media screen and (max-width: 1274px){
#page10 .sitemap_wrap li:nth-child(4) a{letter-spacing:2px;}
}

/* ---------- responsive ---------- */
@media screen and (max-width: 1105px){
#page10 .sitemap_wrap li:nth-child(4) a{letter-spacing:0px;}
#page10 .sitemap_wrap li:last-child a{letter-spacing:1px;}
}

/* ---------- responsive ---------- */
@media screen and (max-width: 970px){
#page10 .sitemap_wrap li:nth-child(4) a{
  letter-spacing:-1px;
  font-size:14px;
}
#page10 .sitemap_wrap li:last-child a{
  letter-spacing:0;
  font-size:14px;
}
}

/* ---------- responsive ---------- */
@media screen and (max-width: 970px){
#page10 .sitemap_wrap li:nth-child(4) a,#page10 .sitemap_wrap li:last-child a{  font-size:13px;}
}

/* ---------- responsive ---------- */
@media screen and (max-width: 794px){
#page10 .sitemap_wrap li:nth-child(4) a,#page10 .sitemap_wrap li:last-child a{ font-size:12px;}
#page10 .sitemap_wrap li:nth-child(6) a{letter-spacing:2px;}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img{height:100%;}
#main_img:before {background-size: 60%;}
#header{padding-top:20px;}
#header h1 img{width:100%!important;}
#intro:before{
  background-size:70%;
  bottom: -10%;
  right: -13%;
}
#main_nav .nav li a{text-shadow:none;}
#page10 .sitemap_wrap li:nth-child(4) a,#page10 .sitemap_wrap li:last-child a{
  letter-spading:initial;
  font-size:initial;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img:before {
  /*background-size: 30%;*/
  display:none;
}
#intro_title h2 {
    font-size: 20px;
    text-align:left;
}
#intro+div{padding-bottom:80px;}
#intro .fadein{
  width:90%;
  padding-bottom:80px;
}
#contents1{padding-bottom:50px;}
#contents1 .fadein{width:80%;}
#contents2_title{background-size: contain;}
#page_title p,#page_title h2{text-shadow: 3px 3px 5px #333;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#contact_tel a{padding-bottom:20px;}
}