@charset "utf-8";
/* --------------------
		lazy print
-------------------- */

@media print {
    .lazy-element {
        opacity: 1 !important;
        transform: none !important;
    }
}


/* --------------------
		font
-------------------- */
html {
    scroll-behavior: smooth;
}
body {
/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family: "Noto Sans JP",
  "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    font-size: 16px !important;
    line-height: 1;
    background-color:#EEEBE5;
    overflow-x: hidden;
}

p,li {
font-family: "Noto Sans JP",
  "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	font-weight: 400;
}


.icon-white {
    filter: brightness(0) invert(1);
}

.icon-normal {
    filter: none;
}


/* --------------------
		clear
-------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;  
    font-size: 0.1em;  
    line-height: 0;  
}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hides from IE-mac */

.clear{
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}

.clearB {clear: both;}


/* --------------------
		link settings
-------------------- */
a			{ color: #544333; text-decoration: underline;}
a:link		{ color: #544333; text-decoration: underline;}
a:visited	{ color: #544333; text-decoration: underline;}
a:hover		{ color: #2983D1; text-decoration: none;}
a:active	{ color: #2983D1; text-decoration: none;}


@media only screen and (max-width: 480px) {
a			{ color: #50462C; text-decoration: underline;}
a:link		{ color: #50462C; text-decoration: underline;}
a:visited	{ color: #50462C; text-decoration: underline;}
a:hover		{ color: #50462C; text-decoration: none;}
a:active	{ color: #50462C; text-decoration: none;}


}
/* --------------------
		margin settings
-------------------- */
.mrgB5	{ margin-bottom: 5px !important;}
.mrgB10	{ margin-bottom: 10px !important;}
.mrgB15	{ margin-bottom: 15px !important;}
.mrgB20	{ margin-bottom: 20px !important;}
.mrgB25	{ margin-bottom: 25px !important;}
.mrgB30	{ margin-bottom: 30px !important;}
.mrgB35	{ margin-bottom: 35px !important;}
.mrgB40	{ margin-bottom: 40px !important;}
.mrgB45	{ margin-bottom: 45px !important;}
.mrgB50	{ margin-bottom: 50px !important;}
.mrgB55	{ margin-bottom: 55px !important;}
.mrgB60	{ margin-bottom: 60px !important;}
.mrgB65	{ margin-bottom: 65px !important;}
.mrgB70	{ margin-bottom: 70px !important;}
.mrgB75	{ margin-bottom: 75px !important;}
.mrgB80	{ margin-bottom: 80px !important;}

@media only screen and (max-width: 480px) {
.mrgB5	{ margin-bottom: 5% !important;}
.mrgB10	{ margin-bottom: 5% !important;}
.mrgB15	{ margin-bottom: 5% !important;}
.mrgB20	{ margin-bottom: 5% !important;}
.mrgB25	{ margin-bottom: 5% !important;}
.mrgB30	{ margin-bottom: 10% !important;}
.mrgB35	{ margin-bottom: 10% !important;}
.mrgB40	{ margin-bottom: 10% !important;}
.mrgB45	{ margin-bottom: 10% !important;}
.mrgB50	{ margin-bottom: 10% !important;}
.mrgB55	{ margin-bottom: 10% !important;}
.mrgB60	{ margin-bottom: 10% !important;}
.mrgB65	{ margin-bottom: 10% !important;}
.mrgB70	{ margin-bottom: 10% !important;}
.mrgB75	{ margin-bottom: 10% !important;}
.mrgB80	{ margin-bottom: 10% !important;}
}

/* --------------------
		padding settings
-------------------- */
.padB5	{ padding-bottom: 5px;}
.padB10	{ padding-bottom: 10px;}
.padB15	{ padding-bottom: 15px;}
.padB20	{ padding-bottom: 20px;}
.padB25	{ padding-bottom: 25px;}
.padB30	{ padding-bottom: 20px;}
.padB35	{ padding-bottom: 35px;}
.padB40	{ padding-bottom: 40px;}
.padB45	{ padding-bottom: 45px;}
.padB50	{ padding-bottom: 50px;}
.padB55	{ padding-bottom: 55px;}
.padB60	{ padding-bottom: 60px;}
.padB65	{ padding-bottom: 65px;}
.padB70	{ padding-bottom: 70px;}
.padB75	{ padding-bottom: 75px;}
.padB80	{ padding-bottom: 80px;}