@charset "utf-8"; 

/* サイト設定を記述する。
wysiwygエディターでも使用する。 */

/* 丸ゴシックを明朝体のフォントを読み込む */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;500&family=Noto+Serif+JP:wght@200..900&display=swap');

 /* 明朝体 
.noto-serif-jp-<uniquifier> {
	font-family:"Noto Serif JP", serif;
	font-optical-sizing:auto;
	font-weight:<weight>;
}
*/

 /* 丸ゴシック 
.m-plus-rounded-1c-regular {
	font-family:"M PLUS Rounded 1c", sans-serif;
	font-weight:300;
}
.m-plus-rounded-1c-bold {
	font-family:"M PLUS Rounded 1c", sans-serif;
	font-weight:500;
}
*/


:root {
	--base_color:#fff;
	--main_color:#349980;
	--sub_color:#e1f0e6;
	--accent_color:#800;

	--light_gray:#ccc;
	--dark_gray:#999;

	--link_color:#039;

	--blue:#36a;	/* submit_color */
	--yellow:#fa0;	/* caution_color */
	--red:#d33;		/* danger_color */
	--green:#3a4;	/* success_color */
}


* { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior:smooth; }

body {
 color:#333; background-color:var(--base_color); 
 /*360~1200px*　font 12〜20px */
 font: clamp(12px, 0.2143rem + 2.381vw, 20px)/1.7 "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif;
 -webkit-text-size-adjust:none;
 font-feature-settings: "pwid";
}

article, aside, details, figcaption, figure, header, main, menu, nav, section, footer { display:block; overflow:hidden; }

img, area { border:none; outline:none; }
