/* スマホ・タブレット */
@media screen and (max-width: 1200px){
	
	.b-inner {
    width: 100%;
    height: 66vw;
}
		#headerwrap.fixed-header .header-icons {
    color: #000;
}
	#headerwrap .header-icons {
    color: #fff;
}
	.mobile_menu_active #headerwrap #main-nav .contact a {
    background: #4f5a74;
    color: #fff !important;
    font-size: 16px;
    font-family: noto serif jp;
    font-weight: 500;
    padding: 13px;
    margin-top: 20px;
    text-align: center;
}
	div#headerwrap #main-nav a span {
    color: #000;
}
	#headerwrap #main-nav a {
        font-weight: 700;
		    font-size: 20px;
}
	
	div#site-logo {
margin: 5px 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;
}
	/* スマホサブメニュー開きっぱなし
		span.child-arrow {
    display: none;
}
.mobile_menu_active #headerwrap #main-nav>li>ul.sub-menu {
    max-height: unset;
}
	 */
	#headerwrap #site-logo a img, #headerwrap.fixed-header #site-logo img:not(#sticky_header_logo) {
width: 120px;
    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";
}