@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@700&display=swap');
#body,.font_en{
font-family: 'Noto Sans JP', sans-serif;
}
.font1{
  font-family: 'Noto Serif JP', serif;
  font-weight:bold;
}
body{
  line-height:2;
  overflow:hidden;
  background-color: #ddd;
}

/*全ページ*/
#body{
  background-color:#4F5454;
}
#main_menu li a{
  color:white;
}
#main_menu ul li a::before{
  background-color:#e47b1c;
}
.tel_bt{
  display:none;
}
.contact_bt a{
  color:white;
  border:1px solid white;
}
.button:hover{
  border:1px solid #e47b1c;
}
.button:hover::after {
    box-shadow: inset 0 0 0 15em rgba(228,123,28,1);
}
header{
 border-right:1px solid white;
}
#copyright{
  color:white;
}
.linkStyle{
  color:#fd7801;
}
.link_box ul{justify-content:center;}
.link_box li{margin-right: 3%;}
.link_box li:last-of-type{margin-right: 0;}


/*トップページ*/
#main_img{
  max-height: initial;
  min-height: auto;
}
#contents2,#contents3{
  position:relative;
}
#contents2::before/*,#contents3::before,#contents3::after*/{
  content:'';
  position:absolute;
  display:block;
  background-repeat:no-repeat;
  z-index:1;
}
#contents2::before{
  width:100px;
  height:84px;
  background-image:url(./Dup/img/1.png);
  top:60px; 
  left:0;
}
/*#contents3::before{
  width:135px;
  height:84px;
  background-image:url(./Dup/img/2.png);
  top:0;
  left:0;
}
#contents3::after{
  width:135px;
  height:84px;
  background-image:url(./Dup/img/3.png);
  top:0;
  right:40%;
}*/

.img6,.img7,.img8,.img9,.img10,.img11{position:relative;}

.img6:before,.img7:before,.img8:before,.img9:before,.img10:before,.img11:before{
  content:'';
  position:absolute;
  display:block;
  width:135px;
  height:84px;
  top:-50px;
  left:-30px;  
  z-index:2;
}
.img6:before{
  background-image:url(./Dup/img/2.png);
}
.img7:before{
  background-image:url(./Dup/img/3.png);
}
.img8:before{
  background-image:url(./Dup/img/4.png);
}
.img9:before{
  background-image:url(./Dup/img/5.png);
}
.img10:before{
  background-image:url(./Dup/img/6.png);
}
.img11:before{
  background-image:url(./Dup/img/7.png);
}



.cms_title::before{
  background-color: #fd7801;
}
.cms_5-c .box_txt1::before,#cms_5-c .box_txt1::before{
  color: rgba(241,132,55,0.6)!important;
}
.cms_5-c .box_title1,#cms_5-c .box_title1 {
    border-color: rgba(255,255,255,0.5);
}

/*下層ページ*/
#page_title .page_box::before{
   background-color: #fd7801;
}
#page_title .title_img::before{
  display:none;
}
.page4 #cate5 .box_title1{font-size:1rem; border-bottom:0;font-weight:bold;}
.page4 #cate5 .box_title2{border-bottom:0;}
.page5 #cate5 .box_title1{font-size:1rem; border-bottom:0;font-weight:bold;}
.page5 #cate5 .box_title2{border-bottom:0;}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.hamburger {
    top: 32px;
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after{
  background-color:#e47b1c;
}
#sp_nav li a{
  color:#4F5454;
}
#sp_nav li:last-child a{
  border:1px solid #4F5454!important;
}
#contents2::before, #contents3::before, #contents3::after{
   background-size: 70%;
}
#contents2::before{
   top: 45px;
   left: 2%;
}
#contents3::before{
  left: 2%;
}
#contents3::after{
  right: 32%;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#logo{
   max-width: 120px;
}
.hamburger {
    top: 12px;
}
#contents2{
  padding-top: 80px;
}
#contents2::before {
    top: 20px;
}
.img6:before, .img7:before, .img8:before, .img9:before, .img10:before, .img11:before{
  top: -50px;
  left: -10px;
}
#contents3 .grid_6 p{margin-bottom:50px;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#main_menu ul li a::before{
  top:50%!important;
}
.pc_box .contact_bt a{
  padding:8px 0 12px;
}
.pager li a{
  padding:3px 0 3px;
}
.cate_list li a{
  padding:7px 10px 7px;
}
#cms_2-a .cate .cate_title{
  padding-top:12px!important;
}
#page9 .box p a{
  padding:3px 5px 3px;
}
#page10 ul li a{
  padding:12px 0 12px;
}

}



/*2021_05_11*/
#contents3 .grid_6:empty .item{display:none;}

#contents3 .item{
    top:-50px;
    left:-50px;
    z-index:1;
   
}

/*2021_05_28*/
#contents3 .rectangle_img{margin-bottom:20px;}
.title_bold{
    margin-top:10px;
    font-weight:600;
    color: #4F5454;
    line-height: 1.7;
    padding: 5px 7px 7px;
}
#contents1 h2,
#contents2 h2,
#contents3 h3{
    background-color: rgba(255,255,255,0.6);
    display: inline-block;
}

.underline{
    display: inline;
    background: linear-gradient(transparent 93%, #333 93%);
}