﻿#body{
  overflow:hidden;
}
h1{
  width:20%;
}
h1 img {
    max-width: 350px;
}
#intro{
  background:url(./Dup/img/item1.png) no-repeat top 20px left 20px #efeded;
}
#intro_title{
  padding:30px;
}
#intro .box_wrap{
  align-items:flex-start;
}
#intro .box_wrap .box > div{
  margin-left:0;
  margin:0 auto;
  padding-top: 100px;
}
#intro h4{
  text-align:center;
}
#intro .intro_in1:before,#intro .intro_in2:before{
  content:'';
  position:absolute;
  display:block;
  top:10%;
  left:0;
  right:0;
  margin:0 auto;
  background-repeat:no-repeat;
}
#intro .intro_in1:before{
  width:40px;
  height:51px;
  background-image:url(./Dup/img/icon1.png);
}
#intro .intro_in2:before{
  width:42px;
  height:57px;
  background-image:url(./Dup/img/icon2.png);
}
#intro .box_wrap .box span{
  display:none;
}
#intro_title p,.top_cms_title h3{
  border:1px solid #359b3a;
}
#contents::before{
  background-color: rgba(0,0,0,0.3);
}
#top_cms{
  padding-top:200px;
  background:url(./Dup/img/item3.png) no-repeat top 50px left;
}

#sc_menu .logo img {
    max-width: 250px;
}
#page_title p{
  border:1px solid white;
}
.linkStyle{
  color: #fcad11;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
h1{
  width: 40%;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
h1 {
    width: 50%;
}
h1 a {
    padding: 10px;
}
#intro{
  background-size: 90%;
}
#top_cms{
  background-size: 90%;
  padding-top: 150px;
}
footer #footer #footer_txt .logo {
    width: 70%;
    max-width: 350px;
}
#catch h2{
  background-color:rgba(0,0,0,0.3);
}

}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#cms_6-a .cate .cate_title{
  padding-top:10px!important;
}
}