body,html {width: 100%; height: 100%; margin:0; padding:0;  }

h1,h2,h3,h4,h5,h6 { font-family: 'Noto Sans Japanese', sans-serif; font-weight: 700; }

 a { color:#34495e;}
 a:hover{ color:#0070aa;}
.topnav { font-size: 14px; }

.lead { font-family: 'Noto Sans Japanese', sans-serif; font-weight:200; font-size: 100%;}

.lead_ac { font-family: 'Noto Sans Japanese', sans-serif; font-weight:200; font-size: 80%;}
@media(max-width:767px) { .lead_ac { font-family: 'Noto Sans Japanese', sans-serif; font-weight:200; font-size: 100%;}}


.noto_100 { font-family: 'Noto Sans Japanese', sans-serif; font-weight:100; }
.noto_200 { font-family: 'Noto Sans Japanese', sans-serif; font-weight:200; }
.noto_300 { font-family: 'Noto Sans Japanese', sans-serif; font-weight:300; }
.noto_400 { font-family: 'Noto Sans Japanese', sans-serif; font-weight:400; }
.noto_500 { font-family: 'Noto Sans Japanese', sans-serif; font-weight:500; }
.noto_600 { font-family: 'Noto Sans Japanese', sans-serif; font-weight:600; }
.noto_700 { font-family: 'Noto Sans Japanese', sans-serif; font-weight:700; }


.color_fff { color:#fff;}
.color_eee { color:#eee;}
.color_ccc { color:#ccc;}
.color_ddd { color:#ddd;}
.color_999 { color:#999;}
.color_F00 { color:#F00;}
.color_0080c9 { color:#0080c9;}
.color_0070aa { color:#0070aa;}
.color_c0392b { color:#c0392b;}
.color_34495e { color:#34495e;}
.color_2c3e50 { color:#2c3e50;}
.color_ecf0f1 { color:#ecf0f1;}
.color_FFE824 { color:#FFE824;} 
.color_b4d100 { color:#b4d100;} 
.color_fed400 { color:#fed400;} 
.color_f6f7f7 { color:#f6f7f7;} 
.color_e9eaea { color:#e9eaea;} 
.color_fafafa { color:#fafafa;} 
.color_63c7f2 { color:#63c7f2;} 
.color_3597d3 { color:#3597d3;} 
.color_bb9bc7 { color:#bb9bc7;} 
.color_f19482 { color:#f19482;} 
.color_f7ad00 { color:#f7ad00;} 
.color_9fa0a0 { color:#9fa0a0;} 


.lato_100 { font-family: 'Lato'; font-weight:100; }
.lato_400 { font-family: 'Lato'; font-weight:400; }
.lato_700 { font-family: 'Lato'; font-weight:700; }
.lato_900 { font-family: 'Lato'; font-weight:900; }

.font_size80{ font-size:80%;}
.font_size100{ font-size:100%;}
.font_size120{ font-size:120%;}
.font_size130{ font-size:130%;}
.font_size140{ font-size:140%;}
.font_size150{ font-size:150%;}
.font_size160{ font-size:160%;}
.font_size170{ font-size:170%;}
.font_size180{ font-size:180%;}
.font_size190{ font-size:190%;}
.font_size200{ font-size:200%;}
.font_size300{ font-size:300%;}
.font_size400{ font-size:400%;}

.formbox{ padding:10px; background:#fff; border:1px solid #ccc;}
.form_text_info{ padding:3px; border-radius:3px; border:1px solid #ccc;}



.row_0{ margin-left:0px; margin-right:0px;　> div { padding-right:0px; padding-left:0px; } }
.row_10{ margin-left:-5px; margin-right:-5px; > div{ padding-right:5px; padding-left:5px; } }
.row_20{ margin-left:-10px; margin-right:-10px; > div{ padding-right:10px; padding-left:10px; } }
.row_30{ margin-left:-15px; margin-right:-15px;	> div{ padding-right:15px; padding-left:15px; } }
.row_40{ margin-left:-20px; margin-right:-20px;	> div{ padding-right:20px; padding-left:20px; } }

.intro-header { padding: 30px 0; text-align: center; color: #000; }


@media screen and (min-width: 768px)  {
	.layout_pc{ width:850px; }
	.img_left{ float:left;  width:200px; padding:10px;} .text_left{ float:left;}
}

@media screen and (max-width: 768px)  { .img_left{ float:none; text-align:center; } .text_left{ float:none;}
	.mobile_disp{ display:none;}  .disp_pc{ display:none;}
}
/**個人情報枠**/
.privacy{ width:90%; margin:10px auto; height:200px; border:1px solid #eee; border-radius:5px; background:#fefefe; overflow: auto; font-size:90%; padding:10px;}
.privacy h3,h4{ font-size:100%;}