@import url('https://fonts.googleapis.com/css2?family=Kosugi&display=swap');
/*全ページ*/
body{
  font-size:16px;
}
#body,.font_en{
   font-family: 'Kosugi', sans-serif;
}
header{
  background-color:white!important;
  border-left:50px solid #B0C4DE;
  height:100%;
}
#logo{
   max-width:200px;
}
.tel_bt{
  display:none;
}
.irai a:hover{
  transform:translateY(-3px);
}
.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;
}
.video{
  border-radius:0 0 0 20px;
}
#attach{
  border-radius:20px 0 0 20px;
  background-size:cover;
  background-position:center center;
}
#contents1{
  padding-bottom:250px;
  padding-top: 150px;
  background-image:url(./Dup/img/item1.png),url(./Dup/img/con1.png);
  background-repeat:no-repeat;
  background-position:center bottom 50px,center top 50px;
}
#contents1 h2{
  text-align:center;
  position:relative;
}
#contents1 p{
  text-align:center;
  margin: 20px 10% 5%;
}
#contents2 figure{
  position:relative;
}
#contents2 figure:before{
  content:'';
  position:absolute;
  display:block;
  width:208px;
  height:100px;
  background-image:url(./Dup/img/item3.png);
  background-repeat:no-repeat;
  bottom: -25%;
  left: -10%;
  z-index: 1;
  background-size: 80%;
}
#contents2 img,#contents3 figure{
  border-radius:20px;
}
#contents2 h2{
  position:relative;
}
#contents3{
  padding-bottom:200px;
  background:url(./Dup/img/item2.png) no-repeat bottom right 5%;
}

/*下層ページ*/
.title_img{
  border-radius: 0 0 0 20px;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header{
  height:initial;
}
.main_box {
    padding-top: 70px;
}
.irai{
  display:none;
}
header{
  border-left:0;
  padding-top:15px!important;
}
.video,#attach{
  border-radius:0;
}
#contents1 p {
    text-align: left;
}
#contents2 figure:before{
  bottom: -40%;
  background-size: 70%;
}
#contents3{
  padding-bottom: 100px;
  background-size:20%;
}
footer .logo img{
  max-width:120px;
}
.title_img{
  border-radius: 0;
}
#tel_txt p{
  letter-spacing:0!important;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#contents1{
  background-size:95%;
}
#contents2 figure:before{
  background-size: 45%;
  left:0;
}
#contents3{
  background-size: 27%;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.pc_box .contact_bt a{
  padding:12px 0 12px;
}
.cate_list li a{
  padding:7px 0 7px;
}
#cms_3-e .cate_title,#cms_3-e .sub_cate_title{
  padding-top:8px!important;
}
#cms_2-b .cate .cate_title,#cms_6-a .cate .cate_title{
  padding-top:14px!important;
}
#cms_6-b .cate .cate_title,#page9 .box p a{
  padding:3px 5px 3px!important;
}
#page10 ul li a{
  padding:14px 0 12px!important;
}
}