/* スマホ・タブレット */
@media screen and (max-width: 1200px){
	
	
	.sns span {
    display: inline-block !important;
    margin-left: 13px;
}
	#main-nav a span {

    color: #000;
}
	#main-nav span.child-arrow {
    display: none;
}
	#main-nav ul li.spnone {
    display: none;
}
	.mobile_menu_active #headerwrap #main-nav .contact a {
    background: #eb6100;
    text-align: center;
    margin-top: 10px;
}
	
	.fixed-header .header-icons.tf_hide {
    color: #000;
}
	.header-icons.tf_hide {
    color: #fff;
}
	div#site-logo {
    margin: 12px 0px;
}
.fixed-header div#site-logo {
    margin: 4px 0;
}
			.spnone{display:none;}

	.mobile_menu_active #headerwrap #main-nav .sub-menu a:before {
    content: "\f0da";
    font-family: "font awesome 5 free";
    font-weight: 900;
}
	.mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a {
    text-align: left;
    padding: 10px 0;
		    color: #eb6100;
}
	/* スマホサブメニュー開きっぱなし
		span.child-arrow {
    display: none;
}
.mobile_menu_active #headerwrap #main-nav>li>ul.sub-menu {
    max-height: unset;
}
	 */
	
	#headerwrap #site-logo a img {
    width: 170px;
    max-height: unset;
}
	
#headerwrap.fixed-header #site-logo img:not(#sticky_header_logo) {
width: 125px;
    max-height: unset;
}
}
/* スマホ・タブレットここまで */

/* PC・タブレット */
@media screen and (min-width: 680px){
    .layout5-1 .sub_column.module_column.first {
    width: 13%;
}
.layout5-1 .sub_column.module_column.last {
    width: 83.8%;
}
    div.layout5-3 .sub_column.module_column.first {
    width: 40%;
}
  div.layout5-3 .sub_column.module_column.last {
    width: 56.4%;
}
      div.layout3-5 .sub_column.module_column.first {
    width: 56.4%; 
}
  div.layout3-5 .sub_column.module_column.last {
   width: 40%;
}
    .hside div.module_column.col4-3 {
    width: 71%;
}
  .hside .module_column.col4-1 {
    width: 24%;
    margin-left: 5%;
}
}
/* PC・タブレットここまで */
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}