@charset "UTF-8";

/*画像切り替え*/
#sp_only + section{
  display: none;
}
@media screen and (max-width: 900px){
  #pc_only + section{
    display: none;
  }
  #sp_only + section{
    display: block;
  }
}

/*サービス内容*/
#top_service + .composite_box01 .inner_item_txt{
  background: #fff;
  margin-top: 0;
  padding: 20px;
}
#top_service + .composite_box01 .inner_item_txt p{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#top_service + .composite_box01 .inner_item_txt p a{
  color: var(--i_btn_txt_color);
  background: var(--i_btn_color);
  position: relative;
  display: inline-block;
  margin-top: 20px;
  padding: 5px 28px;
  text-align: center;
  border-radius: 100px;
  font-family: inherit;
  font-weight: 500;
  transition: all
  text-decoration: none;
}
#top_service + .composite_box01 .inner_item_txt p a::before{
  position: absolute;
  content: " ";
  width: 7px;
  height: 7px;
  top: calc(50% - 4px);
  left: 5px;
  border-top: 1px solid var(--i_btn_txt_color);
  border-right: 1px solid var(--i_btn_txt_color);
  transform: rotate(45deg);
  transition: all 0.3s ease;
  z-index: 10;
}
#top_service + .composite_box01 .inner_item_txt p a:hover{
  background: var(--i_btn_hover_color);
}
#top_service + .composite_box01 .inner_item_txt p a:hover::before{
  left: 10px;
}
#top_service + .composite_box01 .inner_item_txt img{
  width: 30%;
  min-width: 60px;
}
#top_service + .composite_box01 .inner_item .heading{
  margin-bottom: 0;
  margin-top: 10px;
}
@media screen and (max-width: 900px){
  #top_service + .composite_box01 .inner_item_txt p a {
      padding: 5px 20px;
      font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px){
  #top_service + .composite_box01 .inner_item_txt p a {
      padding: 10px;
      font-size: 1.6rem;
      min-width: 200px;
  }
}

/*特徴パーツ*/
 #feature01_sp + .composite_box01,
 #feature02_sp + .composite_box01 {
    display: none;
}
#feature01 + .composite_box01 .inner_item .inner_item_txt,
#feature02 + .composite_box01 .inner_item .inner_item_txt{
  flex-direction: column-reverse;
  justify-content: center;
}
#feature01 + .composite_box01 .inner_item .inner_item_txt img,
#feature02 + .composite_box01 .inner_item .inner_item_txt img{
  width: 40%;
  min-width: 100px;
}
#feature01 + .composite_box01 .inner_item .heading,
#feature02 + .composite_box01 .inner_item .heading {
  margin-bottom: 0;
  margin-top: 10px;
}
#feature02 + .composite_box01{
  margin-top: 0;
}
@media screen and (max-width: 700px){
  #feature01 + .composite_box01,
  #feature02 + .composite_box01 {
    display: none;
  }
  #feature01_sp + .composite_box01,
  #feature02_sp + .composite_box01 {
    display: block;
  }
#feature01_sp + .composite_box01 .inner_item .inner_item_txt,
#feature02_sp + .composite_box01 .inner_item .inner_item_txt{
  flex-direction: column-reverse;
  justify-content: center;
}
#feature01_sp + .composite_box01 .inner_item .heading,
#feature02_sp + .composite_box01 .inner_item .heading {
  margin-bottom: 0;
  margin-top: 10px;
}
#feature01_sp + .composite_box01 .inner_item .inner_item_txt img,
#feature02_sp + .composite_box01 .inner_item .inner_item_txt img{
  width: 40%;
  min-width: 100px;
}
}
@media screen and (max-width: 480px){
#feature01_sp + .composite_box01 .inner_item,
#feature02_sp + .composite_box01 .inner_item {
  width: 50% !important;
  margin-bottom: 0 !important;
}
}


/*ブログ　コラム*/
#top_blog + div,
#top_column + div{
  width: 50%;
  clear: inherit;
}
#top_blog + div{
  float: left;
}
#top_blog + div .content_wrapper{
    margin: auto 0 auto auto;
}
#top_column + div .content_wrapper{
    margin: auto auto auto 0;
}
@media screen and (max-width: 900px){
  #top_blog + div .content_wrapper,
  #top_column + section .content_wrapper{
      margin: 0 auto;
  }
}
@media screen and (max-width: 768px){
  #top_blog + div,
  #top_column + div{
    width: 100%;
  }
  #top_column + div{
    padding-top: 0;
  }
}