﻿@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin			: 0;
	padding			: 0;
	border			: 0;
	font-size		: 100%;
	font			: inherit;
	vertical-align		: baseline;
}

.clearfix:after {
	content			: "" ;
	display			: block ;
	clear			: both ;
}

html { 
	scroll-behavior		: smooth;
}

.clearfix	{
	display			: block ;
}

* html .clearfix { 
	height			 : 1% ; 
}

html	{
	background		: none ;
	position		: relative ;
	width			: 100% ;
	height			: 100% ;
}

body	{
	width			: 100% ;
	height			: 100% ;
	margin			: 0 ;
	font-family		: 'Noto Sans JP', sans-serif;'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif ;
	font-size		: 14px;
	color			: #222222;
	line-height		: 1.5;
	background-color	: #f1f1f1;
}

form{
	margin			: 0 ;
	padding			: 0 ;
}

li{
	list-style-type		:none;

}

a img	{
	border			: none ;
}

a	{
	color			: #222;
	text-decoration		: none ;
}

a:hover{
	color			: #07628c;
	transition		: 0.5s all;
}




/****■■■■スクロール■■■■
::-webkit-scrollbar {
	width				: 4px;
	height				: 4px;
}

::-webkit-scrollbar-track {
	background-color		: #aaa;
}

::-webkit-scrollbar-thumb {
	background-color		: #222;
	border-radius			: 2px;
}
****/

/****■■■■マージン■■■■****/
.mt-10{	margin			: 10px auto 0 ;}
.mt-20{	margin			: 20px auto 0 ;}
.mt-30{	margin			: 30px auto 0 ;}
.mt-40{	margin			: 40px auto 0 ;}
.mt-50{	margin			: 50px auto 0 ;}
.mt-60{	margin			: 60px auto 0 ;}
.mt-70{	margin			: 70px auto 0 ;}
.mt-80{	margin			: 80px auto 0 ;}
.mt-90{	margin			: 90px auto 0 ;}
.mt-100{margin			: 100px auto 0 ;}
.mt-110{margin			: 110px auto 0 ;}
.mt-120{margin			: 120px auto 0 ;}
.mt-130{margin			: 130px auto 0 ;}
.mt-140{margin			: 140px auto 0 ;}
.mt-150{margin			: 150px auto 0 ;}
.mt-160{margin			: 160px auto 0 ;}
.mt-170{margin			: 170px auto 0 ;}
.mt-180{margin			: 180px auto 0 ;}
.mt-190{margin			: 190px auto 0 ;}
.mt-200{margin			: 200px auto 0 ;}

.mb-10{	margin			: 0 auto 10px;}
.mb-20{	margin			: 0 auto 20px;}
.mb-30{	margin			: 0 auto 30px;}
.mb-40{	margin			: 0 auto 40px;}
.mb-50{	margin			: 0 auto 50px;}
.mb-60{	margin			: 0 auto 60px;}
.mb-70{	margin			: 0 auto 70px;}
.mb-80{	margin			: 0 auto 80px;}
.mb-90{	margin			: 0 auto 90px;}
.mb-100{margin			: 0 auto 100px;}
.mb-110{margin			: 0 auto 110px;}
.mb-120{margin			: 0 auto 120px;}
.mb-130{margin			: 0 auto 130px;}
.mb-140{margin			: 0 auto 140px;}
.mb-150{margin			: 0 auto 150px;}
.mb-160{margin			: 0 auto 160px;}
.mb-170{margin			: 0 auto 170px;}
.mb-180{margin			: 0 auto 180px;}
.mb-190{margin			: 0 auto 190px;}
.mb-200{margin			: 0 auto 200px;}



