/* スマホ・タブレット */
@media screen and (max-width: 1200px){
	h1.kasot {
    font-family: noto serif jp;
    font-size: 21px;
    line-height: 1;
    font-weight: 500;
}
	
	.hmu {
    display: none;
}
			.spnone{display:none;}
.mobile_menu_active #headerwrap #main-nav a:before {
    content: "■";
    transform: unset;
    background: none;
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    top: 0;
    padding-right: 5px;
    color: #3498db;
}
	.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: 5px 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: 87px;
    max-height: unset;
}
}
/* スマホ・タブレットここまで */

/* PC・タブレット */
@media screen and (min-width: 680px){
	.cp2 {
    width: 50%;
    float: left;
}
    .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";
}