@import url('https://fonts.googleapis.com/css2?family=DM+Sans&family=Noto+Sans+JP&display=swap');
body{font-family: 'DM Sans', 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*-------------------all page--------------------------*/
#header{box-shadow:none;}
#copyright{background-color: #009939!important;}
.linkStyle{color: #009939;}
.bg_color2 .linkStyle {color: #fff4b8;}
.map{display:none;}



/*----------------top page------------------------------*/
#contents h3{text-align:center;}
#intro #intro_txt{
  padding:0 15% 3%;
  margin-bottom:20px;
  background:url(./Dup/img/item2.png) no-repeat bottom right;
}
#intro_txt h2{color: #009939!important;}
#intro_txt h2 span{border:0;}
#intro h2 span:before, #intro h2 span:after{display:none;}
.ripi{margin-bottom:200px;}
.ripi .contact_wrap{max-width: 750px;}
.other .logo2{width:200px;}
#contents{margin-bottom:300px;}
#contents h2 span{transform:none!important;}
.svg_box1,.svg_box2{display:none;}
#top_cms{
  background-color:transparent;
  background-image: linear-gradient( -45deg, #a1e1f8 15%, #fff 15%, #fff 50%, #a1e1f8 50%, #a1e1f8 65%, #fff 65%, #fff );
  background-size: 10px 10px;
  padding-top:120px;
  position:relative;
}
#top_cms .width_1280-max{
  background-color: white;
  padding: 50px 30px;
}
#top_cms:before{
  content:'';
  position:absolute;
  display:block;
  width:30vw;
  height:35vh;
  background-size:contain;
  background-image:url(./Dup/img/item1r.png);
  background-repeat:no-repeat;
  top:-9%;
  left:0;
  right:0;
  margin:auto;
  z-index:1;
}
#top_cms .top_cms_box{border-bottom: 2px dotted #fff4b8;}
#top_cms .cms_title p{color: #feda00;}
#top_cms h2 span{transform:none!important;}
#top_cms h2{
  margin-bottom:20px;
  color:#333;
}
.cms_1-f .cate_box{color:#333!important;}
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before{display:none;}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1{margin-left:80px;}

.other_link_wrap .box{border:0;}
.other .box figure{opacity:0.5;}

/*----------under page---------------------------------*/
.cate_list li{
    transform: skewX(-20deg);
    border-right: 1px solid #ccc;
}
.cate_list li:last-child{border-right:0;}
.cate_list li a{transform: skewX(20deg);}





/* ---------- responsive ---------- */
@media screen and (max-width: 1680px){
#top_cms:before{
    width: 30vw;
    height: 25vh;
    top:-8%;
}
}
@media screen and (max-width:1500px){
#top_cms:before{top:-7%;}
}

@media screen and (max-width: 1240px){
#top_cms:before{width:35vw;}
}

@media screen and (max-width: 980px){
#top_cms:before{top:-6%;}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#page10 ul li a span{letter-spacing:3px!important;}
#intro #intro_txt{text-align:left;}
#top_cms:before{
  width:55vw;
  top:-6%;
}
#footer h3{
  font-size:calc(1rem + 5px);
  letter-spacing:2px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#intro #intro_txt{
  padding-bottom:200px;
  background-size:40%;
}
.ripi{margin-bottom:100px;}
.ripi .contact_wrap{
  font-size:calc(1rem - 1px);
  letter-spacing:1px!important;
}
#contents {margin-bottom: 200px;}
#contents .box_wrap h2{
  font-size:calc(1rem + 3px);
  letter-spacing:1px;
  padding-bottom:0;
  margin-bottom:30px;
}
#top_cms:before {
  width: 75vw;
  top: -4%;
}
#top_cms {padding-top: 120px;}
.other .logo2 {max-width: 200px;}
#copyright{
  padding-top:20px;
  padding-bottom:20px;
}
.cate_list li{border-right:0;}
.cate_list li a{
  text-align:center;
  border:1px solid #ccc;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 320px){
.contact_wrap{width:80%!important;}
.contact a{  letter-spacing:1px!important;}
.contact_wrap a span{font-size:calc(1rem - 3px);}

}



/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.menu .nav ul li:last-child a{padding:10px 10px 10px;}
#contents .box h3{padding:12px 10px 13px;}
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before{display:none;}
.other .box_title2{padding:10px 7px 12px;}
#cms_2-a .cate .cate_title{padding-top:10px!important;}
#cms_5-b .cate_box .arrow, .cms_5-b .cate_box .arrow{top:54%;}
#page9 .box p a{paddin:5px 5px 7px;}
#page10 ul li a{padding:1em 1em 1em;}
}