@charset "utf-8";

/*--------------------------- 初期設定 ---------------------------*/
html {
	overflow-y: scroll;
}
body, div, p, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, pre, form, input, textarea, header, footer, nav, figure, figcaption {
	margin: 0;
	padding: 0;
	zoom: 1;
}
pre {
  white-space: pre-wrap;
  word-break: break-all;
}
header, footer, main, nav, article, aside, section {
	display: block;
}
ul, ol {
	list-style-type: none;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	max-width: 100%;
	border: none;
	vertical-align: middle;
}
hr {
	display: none;
	margin: 0;
	padding: 0;
	width: 1px;
	height: 1px;
}
a {
	outline: none;
}
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
@media all and (-ms-high-contrast: none){
	select::-ms-expand {
	  display: none;
	}
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clear-both {
	clear: both;
}
/* For IE 6/7 */
.clearfix {
    zoom: 1;
}

/* 線
--------------------------------------------*/
.border-none {
	border: none !important;
}

/* 画像関連
--------------------------------------------*/
.img-change {
	font-style: normal;
	font-weight: normal;
	font-size: 1px;
	text-indent: -9999px;
	line-height: 0.1px;
	margin: 0;
	padding: 0;
}
.img-fluid {
	max-width: 100%;
	width: auto;
	height: auto;
}
.img-fit {
	width: 100%;
	height: auto;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .img-fluid {
		width: 100%;
		height: auto;
	}
}

/* width
--------------------------------------------*/
.w-50-per { width: 50% !important;}
.w-60-per { width: 60% !important;}
.w-70-per { width: 70% !important;}
.w-80-per { width: 80% !important;}
.w-90-per { width: 90% !important;}
.w-100-per { width: 100% !important;}

/* margin/padding
--------------------------------------------*/
.m-0  { margin: 0 !important;}
.mt-0 { margin-top: 0 !important;}
.mr-0 { margin-right: 0 !important;}
.mb-0 { margin-bottom: 0 !important;}
.ml-0 { margin-left: 0 !important;}
.p-0  { padding: 0 !important;}
.pt-0 { padding-top: 0 !important;}
.pr-0 { padding-right: 0 !important;}
.pb-0 { padding-bottom: 0 !important;}
.pl-0 { padding-left: 0 !important;}
.mx-auto { margin: inherit auto !important;}

.mt-05 { margin-top: 5px !important;}
.mt-10 { margin-top: 10px !important;}
.mt-15 { margin-top: 15px !important;}
.mt-20 { margin-top: 20px !important;}
.mt-25 { margin-top: 25px !important;}
.mt-30 { margin-top: 30px !important;}
.mt-35 { margin-top: 35px !important;}
.mt-40 { margin-top: 40px !important;}
.mt-45 { margin-top: 45px !important;}
.mt-50 { margin-top: 50px !important;}

.mb-05 { margin-bottom: 5px !important;}
.mb-10 { margin-bottom: 10px !important;}
.mb-15 { margin-bottom: 15px !important;}
.mb-20 { margin-bottom: 20px !important;}
.mb-25 { margin-bottom: 25px !important;}
.mb-30 { margin-bottom: 30px !important;}
.mb-35 { margin-bottom: 35px !important;}
.mb-40 { margin-bottom: 40px !important;}
.mb-45 { margin-bottom: 45px !important;}
.mb-50 { margin-bottom: 50px !important;}

.ml-05 { margin-left: 5px !important;}
.ml-10 { margin-left: 10px !important;}
.ml-15 { margin-left: 15px !important;}
.ml-20 { margin-left: 20px !important;}
.ml-25 { margin-left: 25px !important;}
.ml-30 { margin-left: 30px !important;}

.pb-10 { padding-bottom: 10px !important;}
.pb-20 { padding-bottom: 20px !important;}
.pb-30 { padding-bottom: 30px !important;}

/* フォント関連
--------------------------------------------*/
html {
	font-size: 62.5%;
}
body {
    font-size: 1.4rem;
	/* font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; */
	color: #000;
    line-height: 1.8;
	-webkit-text-size-adjust: 100%;
}
* {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-style: normal;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

/* 表示・非表示 */
.dis-none { display: none !important;}

/* font-weight */
.fw-normal { font-weight: normal !important;}
.fw-bold   { font-weight: bold !important;}

/* font-color */
.fc-red    { color: #f00 !important;}
.fc-blue   { color: #00f !important;}
.fc-vermilion { color: #d56868 !important;}

/* font-size */
.fs-22 {font-size: 150%;}

/* text-align */
.txt-l  { text-align: left !important;}
.txt-c  { text-align: center !important;}
.txt-r  { text-align: right !important;}

/* vertical-align */
.v-t { vertical-align: top !important;}
.v-m { vertical-align: middle !important;}
.v-b { vertical-align: bottom !important;}

/* justify-content */
.justify-content-start   { justify-content: flex-start !important;}
.justify-content-center  { justify-content: center !important;}
.justify-content-between { justify-content: space-between !important;}
.justify-content-end     { justify-content: flex-end !important;}

/* align-items */
.align-items-start  { align-items: flex-start !important;}
.align-items-center { align-items: center !important;}
.align-items-end    { align-items: flex-end !important;}

/* リンク */
a         { color: #000; text-decoration: none;}
a:link    { color: #000; text-decoration: none;}
a:active  { color: #000; text-decoration: none;}
a:visited { color: #000; text-decoration: none;}
a:hover   { color: #000; text-decoration: none;}
/*--------------------------- 初期設定end ---------------------------*/