@charset "utf-8";
/* CSS Document */
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/******
********************************/


/*ヘッダー*/
.solution_title{
  height:200px;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
  padding:20px;
}
  .solution_title h1{
font-size:60px;
}
.solution_title  span{
  font-size:16px;
  display:block;
}
/*キャッチフレーズ*/
.catchphrase{
  text-align:center;
}
  
@media screen and (max-width:480px) { 
  .solution_title{
  height:150px;
  }
  .solution_title h1{
font-size:42px;
}
  /*キャッチフレーズ*/
.catchphrase span{
  display:block;
}
}
.pahtn {
  color: #666666;
  font-weight: bold;
  font-size:13px;
}
.pahtn a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #666666;
}
/*
.pahtn a::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #666666;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.pahtn a:hover::after {
  transform: scale(1, 1);
}
*/
.pahtn a:hover{
  color:#0056b9 ;
}

    .solution{
       font-size:4em;
    }
    .suggestion{
      font-size: 1.8em; 
    }
    .suggestion_span2,.suggestion_span3{
  display:block!important;
    }
		.sec_h1{
			font-size: 4em ;
		}
		.sec_h2{
			font-size: 1.4em ;
		}
		.border_box{
			text-decoration:3px solid #0056B9;
		}
		.border_box2{
			text-decoration:3px solid #0056B9;
		}
  /* ボタン非表示 */
#hs_cos_wrapper_module_1655440313563,#hs_cos_wrapper_module_1655440322314,#hs_cos_wrapper_module_1655440327526,#hs_cos_wrapper_module_1655440332693{
 display:none !important;
}
.iconbox .icon {
   width: auto;
  max-width: 100px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.icon svg {
    fill:#f89603 !important;
    height: 7rem;
    width: 7rem;
}
.footer_hover a:hover{
  color:#0056b9 !important;
}
.iconbox h5 {
  color:#666666;
}

@media screen and (max-width: 1100px) {
		.sec_h1{
			font-size: 46px;
		}
		.sec_h2{
			font-size: 16px;
		}
}
@media (max-width: 1050px){
  /* Y's-SF */
 .cell_1652141133867-row-0-vertical-alignment > .row-fluid{
    display: flex !important;
}
    /* Y's-eye */
  .row-number-17 > .row-fluid{

  }
      /* アセスメントサービス */
  .row-number-26 > .row-fluid {

  }
       /* シナジーソリューション */
  .row-number-32 > .row-fluid {
  }
  /* フッターコンテンツ */
  .row-number-47 > .row-fluid{
     display: flex !important;
  }
  .fotter_c_2 ul,.fotter_c_1 ul{
    margin:0 auto;
  }
  .row-fluid .span6 {
    width:100%;
}
.dnd_area-row-1-padding,.dnd_area-row-2-padding,.dnd_area-row-3-padding,.dnd_area-row-4-padding,.dnd_area-row-5-padding,.dnd_area-row-6-padding,.dnd_area-row-7-padding,.dnd_area-row-8-padding{
    padding-left: 20px !important;
    padding-right: 20px !important;
}

  .btn medium_btn filled_btn warning_color
  }
@media (max-width: 1050px){
}
@media (max-width: 767px) {
     /* ボタン非表示 */
#hs_cos_wrapper_module_1655372548521,#hs_cos_wrapper_module_16523281090927{ 
       display:none !important;
}
     /* ボタン表示 */
#hs_cos_wrapper_module_1655440313563,#hs_cos_wrapper_module_1655440327526{
 display:block !important;
  text-align:center;
  margin-top:80px;
}
  #hs_cos_wrapper_module_16521582943858,#hs_cos_wrapper_module_165536867233211{
 display:block !important;
  text-align:center;
}
  /* Y's-SF */
   .cell_1652141133867-row-0-vertical-alignment > .row-fluid{
flex-direction: column !important;
} 
    /* Y's-eye */
  .row-number-19 > .row-fluid {
      flex-direction: column-reverse !important;
  }
  
    /* シナジーソリューション */
  .row-number-32 > .row-fluid {
    flex-direction: column-reverse !important;
  }
}
  @media (max-width: 550px){
.dnd_area-row-0-padding {

}
   .solution{
       font-size:3em;
    }
    .suggestion{
      font-size: 1.5em; 
    }
     .suggestion_span2{
      display:block !important;
    }
    .sec_h2{
      display:block !important;
      padding-bottom: 5px;
}
    .dnd_area-row-2-padding,.dnd_area-row-3-padding,.dnd_area-row-4-padding,.dnd_area-row-5-padding {
    padding-top: 20px !important;
} 
#hs_cos_wrapper_widget_1652659390111_ .hs-image-widget {
     width:250px;
   height:271px;
    }
    /* boutton */
.hovItem a {
    padding: 20px;
}
}