@charset "UTF-8";
/*--------------------------------------------------------------------
style.css
navi site 2020/10
--------------------------------------------------------------------*/
/*--------------------------------------------------
0-1. Reset
-------------------------------------------------- */
html {
	font-family: sans-serif;
}
body {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
a {
	background: transparent;
}
a:focus {
	outline: thin dotted;
}
a:active, a:hover {
	outline: 0;
}
html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article, aside, footer, header, small, nav, section, figure, figcaption, main {
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio, canvas, video {
	display: inline-block;
}
ul, ol {
	list-style-type: none;
}
table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	line-height: 1;
	vertical-align: bottom;
	outline: none;
}
a img {
	border: none;
	outline: none;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
hr {
	box-sizing: content-box;
	height: 0;
}
dt, dd, li, th, td, input, textarea {
	text-align: left;
	vertical-align: top;
}
button {
	border: none;
}
input, textarea, button {
	margin: 0;
	padding: 0;
}
input {
	border: 1px solid #dad7d3;
	padding: 2px 5px;
}
textarea {
	border: 1px solid #dad7d3;
	resize: none;
}
button, label {
	background-color: transparent;
	cursor: pointer;
}
button, select {
	text-transform: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: content-box;
	padding: 0;
	vertical-align: middle;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
small {
	font-size: 0.8em;
	display: inline;
}
:focus {
	outline: none;
}
.lead {
	font-size: 1.05rem;
	font-weight: 300;
}
/*list*/
ul.list li {
	list-style: disc;
	margin: 10px auto;
}
ol.list {
	padding-left: 50px;
}
ol.list li {
	list-style: decimal;
	margin: 7px auto;
}
/* 0-2. Base
-------------------------------------------------- */
html {
	overflow-y: scroll;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
}
table {
	width: 100%;
}
html[lang="en"] input, html[lang="en"] textarea, html[lang="en"] button, html[lang="en"] select {
	font-family: Arial, Helvetica, sans-serif;
}
strong, em {
	font-weight: bold;
}
/* 0-3. Config
-------------------------------------------------- */
body {
	font-size: 1rem;
	color: #222;
	background-color: #fff;
	/*font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"メイリオ","ＭＳ Ｐゴシック",sans-serif;*/
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
	letter-spacing: 0.06em;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	body {
		font-size: 14px;
		letter-spacing: 0.1em;
		line-height: 1.538;
	}
}
input, textarea, button, select {
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
}
a {
	color: #0075c2;
	/* ベースのリンク文字の色を指定 */
	text-decoration: none;
	/* ベースのリンク文字の下線の有無を指定 */
	transition: all 0.1s;
	word-wrap: break-word;
}
a:hover, a:active, a:focus {
	color: red;
	text-decoration: underline;
	/* ベースのリンク文字の下線の有無を指定 */
}
a:focus {
	outline: -webkit-focus-ring-color auto 5px;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4;
	/* ベースの行間を指定 */
}
p {
	line-height: 2;
	/* ベースの行間を指定 */
}
dt, dd, li, th, td, input, textarea, button {
	line-height: 1.5;
	/* ベースの行間を指定 */
}
button {
	border-radius: 0;
}
sup {
	vertical-align: top;
	line-height: 1;
}
fieldset {
	border-width: 0;
}
caption {
	display: none;
}
/* 非表示 */
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
/*  */
@media only screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
}
/*
 /*バナー*/
.banner {
	border-style: none;
}
/* マウスを乗せたときの動き */
.banner:hover {
	opacity: 0.6;
	transition: 0.3s;
}
/*--------------------------------------------------------------------
print css
--------------------------------------------------------------------*/
@media print {
	.l-header__right {
		display: none !important;
	}
	.l-header__sub {
		display: none !important;
	}
	.nav-breadcrumb {
		display: none !important;
	}
	.l-footer {
		margin-top: 50px;
	}
	.l-footer .btn-pagetop {
		display: none !important;
	}
	.l-footer .wrp-container {
		display: none !important;
	}
	.box-contact {
		display: none !important;
	}
	.box-download--01 {
		display: none !important;
	}
}
/*--------------------------------------------------------------------
scrollup　ふわっと表示
--------------------------------------------------------------------*/
/*--------------------------------------------------------------------
高さ揃える
--------------------------------------------------------------------*/
.flexible {
	flex-grow: 1;
}
/*--------------------------------------------------------------------
color
--------------------------------------------------------------------*/
.bg-navicolor {
	background-color: #009d85 !important;
}
.bg-blue {
	background-color: #0071BC !important;
}
.bg-blue2 {
	background-color: #9DD3FB !important;
}
.bg-lightblue {
	background-color: #e5f4ff !important;
}
.bg-lightglay {
	background-color: #eeeeee !important;
}
.bg-lightpink {
	background-color: #fbe5e5 !important;
}
.bg-glay {
	background-color: #ABABAB !important;
}
.bg-lightgreen {
	background-color: #BDF691 !important;
}
.bg-lightgreenyellow {
	background-color: #EEFFF1 !important;
}
.bg-green {
	background-color: #E4F0E7 !important;
}
.bg-vividyellow {
	background-color: #FDF95B !important;
}
/*--------------------------------------------------------------------
text-color
--------------------------------------------------------------------*/
.text-brown {
	color: #B15A00 !important;}
.text-green {
	color: #00b308 !important;}
.text-ppt {
	color: #D24625 !important;}
.text-mizuiro {
	color: #27acd9 !important;}
/*--------------------------------------------------------------------
back_img
--------------------------------------------------------------------*/
.bg-wing {
	background-image: url("../images_L/back_wing.svg");
	background-size: cover;
	background-position: center 60%;
	padding-top: 10px;
}
.bg-melma {
	background-image: url("../images_L/bg_melma.png");
	background-size: cover;
	background-position: right top;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
}
.bg-melma_inner {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 20px;
}
.bg-naname {
	background-image: url("../images_L/back_naname.svg");
	background-size: cover;
	background-position: center 60%;
	padding-top: 10px;
}
.bg-naname_p {
	background-image: url("../images_L/back_naname_pink.svg");
	background-size: cover;
	background-position: center 60%;
	padding-top: 10px;
}
/*--------------------------------------------------------------------
グローバルナビ
--------------------------------------------------------------------*/
p.logo { /*業務マニュアル用*/
	float: left;
	padding-left: 7px;
}
@media only screen and (max-width: 767px) and (min-width: 1px) {
	p.logo {
		width: 65%;
	}
}
/*ロゴ*/
.l-header-logo a {
	display: block;
	position: relative;
	/* 	z-index: 20; */
	overflow: hidden;
	width: 160px;
	height: 100%;
	/*background: url(../images/logo.gif) no-repeat 50% 50%; 
	background-size: contain;*/
	white-space: nowrap;
	/*text-indent: 100%;*/
	margin-left: 10px;
}
/* iPhone 縦 */
@media screen and (min-width:768px) and (max-width:1024px) { /*　for iPad 　*/
	.l-header-logo a {
		width: 130px;
	}
}
.is-menu-open .l-header-logo a {
	background-image: url(/img/logo_01.svg);
}
/*ここまで*/
nav.gnavi {
	padding: 0;
	/* background-color: #fff;*/
	border-bottom: 1px solid #eee;
	/* background: url("../images/bartop.png") ;
 background-repeat: no-repeat;
 background-position: center bottom;*/
	margin-right: 0;
	box-shadow: 0 0.125rem 0.1rem rgba(0, 0, 0, 0.03);
}
nav.gnavi img {
	width: 100%;
}
.navbar-dark .navbar-nav .nav-link {
	color: #383838;
	letter-spacing: 1px;
	/*  font-size: 85%;*/
	padding: 20px 4px 14px 4px;
	margin-right: 22px;
	border-bottom: 4px solid #fff;
	font-weight: bold;
}
@media only screen and (max-width: 1199px) and (min-width: 1px) {
	.navbar-dark .navbar-nav .nav-link {
		font-size: 85%;
		margin-right: 17px;
	}
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
	color: #004c93;
	border-bottom: 4px solid #D1D1D1;
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
	color: #060606;
	/*padding-bottom: 20px;*/
	border-bottom: 4px solid #F9CB00;
	/*border-bottom: 4px solid #2D2D2D;*/
}
.lnavi-child {
	background-image: url(../images/back_sankaku.svg);
	padding: 50px 0 0 0;
}
.lnavitit {
	width: 100%;
	/*background-color: #d1d1d1*/
	/*background-image: url(../images/bar_cattit.png);*/
	/*background-image: url("../images/bg_sidebar_title_blue.png"); */
	/*background-position: bottom center;*/
	text-align: center;
	background-color: #DAEED6;
	margin-bottom: 10px;
	margin-top: 0px;
	color: #1E1E1E;
	padding: 5px 5px 5px 10px;
	font-weight: 700;
	letter-spacing: 2px;
	display: block;
	border: 1px solid #fff;
}
.lnavitit a:hover {
	background-color: rgba(255, 255, 255, 0.2);
	background-blend-mode: lighten;
}
.basis-contents {
	background-color: #fff;
}
/*メニューリストカスタマイズ*/
/*hoverに変更*/
.dropdown:hover > .dropdown-menu {
	display: block;
}
/*dropdown*/
.dropdown-menu {
	background-color: rgba(19, 19, 19, 0.90);
	border-radius: 0;
	border: none;
}
.dropdown:hover {
	transition: all 1s ease-out;
}
a.dropdown-item {
	color: #fff;
	font-size: 90%;
	transition: all 0.2s ease-out;
}
a.dropdown-item {
	color: #fff;
	font-size: 95%;
	transition: all 0.2s ease-out;
}
a.dropdown-item:before {
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-weight: bold;
	color: #fff;
	font-size: 85%;
	margin-right: 8px;
}
/*ハンバーガーカスタマイズ*/
.navbar-toggler { /*枠の色*/
	border-color: aqua;
	background-color: #0071bc; /*背景色*/
	border-radius: 0;
}
.navbar-dark .navbar-toggler {
	color: rgba(0, 0, 0, 0.5);
	border: none;
	padding: 0px;
	width: 50px;
	height: 50px;
	padding-left: 10px;
	box-sizing: border-box;
	position: relative;
}
.navbar-dark .navbar-toggler-icon {
	background-image: none; /* この行で背景画像を無効化 */
	background-color: #fff;
	width: 30px;
	height: 2px;
	display: block;
	position: absolute;
	transition: ease .5s;
}
/* 3本のバーそれぞれの座標を設定 */
.navbar-toggler-icon:nth-of-type(1) {
	top: 15px;
}
.navbar-toggler-icon:nth-of-type(2) {
	top: 22px;
}
.navbar-toggler-icon:nth-of-type(3) {
	top: 29px;
}
/* メニューが開いている時の　3本のバーそれぞれの座標および角度を設定 */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
	top: 23px;
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
	opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
	top: 23px;
	transform: rotate(-45deg);
}
/*ハンバーガー内リスト*/
.gnavi_md {
	background-color: #0071bc;
}
ul.nav-global-sp {
	list-style: none;
	text-align: left;
	padding: 0;
}
.nav-global-sp li {
	border-bottom: 1px solid #B2DBFB;
}
.nav-global-sp a {
	color: #fff;
	display: block;
	padding: 10px 20px;
	font-size: 14px;
	letter-spacing: 0.1em;
}
.nav-global-sp a:hover {
	text-decoration: none;
	background-color: #059BFF;
}
/*お問い合わせボタン*/
.icon-contact {
	/*background-color:#0071bc;*/
	background-color: #2E2E2E;
	/*  background-color:#1A7567;*/
	/*   background-color:#1A3A75;*/
	text-align: center;
	list-style: none;
	margin-left: 20px;
}
.icon-contact a {
	color: #fff;
	display: block;
	padding: 9px 12px;
	width: 150px;
	letter-spacing: 0;
	font-size: 90%;
	font-weight: bold;
}
.icon-contact a:hover {
	/*  color: #0071BC !important;*/
	color: #fff !important;
	text-decoration: none;
	/*  background-color:#c8e4ff;*/
	background-color: #FEA343;
}
.icon-contact i {
	font-size: 1.5em;
}
/*gnavi_商品購入ボタン*/
.icon-shop {
	background-color: #fff;
	text-align: center;
	list-style: none;
	margin-left: 5px;
	border: 1px solid #F9CB00;
	border-radius: 3px;
}
.icon-shop a {
	color: #343434;
	display: block;
	padding: 10px 5px;
	width: 110px;
	letter-spacing: 0;
	font-size: 90%;
	font-weight: normal;
}
.icon-shop a:hover {
	color: #fff !important;
	text-decoration: none;
	background-color: #F9CB00;
}
.icon-shop a i {
	font-size: 1.1em;
	margin-right: 5px;
	color: #F9CB00;
}
.icon-shop a:hover i {
	color: #FFE576;
}
/*パンくずリスト*/
.nav-breadcrumb {
	padding: 10px 40px;
}
.nav-breadcrumb li {
	display: inline-block;
	padding: 0 10px;
	font-size: 12px;
	position: relative;
}
.nav-breadcrumb li:first-child {
	padding-left: 0;
}
.nav-breadcrumb li a {
	color: #7d7d7d;
}
.nav-breadcrumb li:before {
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	color: #898989;
	speak: none;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	right: -6px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.nav-breadcrumb li:last-child:before {
	content: none;
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
	.nav-breadcrumb {
		display: none;
	}
}
/*--------------------------------------------------------------------
ローカルナビ
--------------------------------------------------------------------*/
nav.lnavi {
	/*  border-right: 1px solid #dee2e6;*/
}
/*ローカルナビボタン*/
p.bcat {
	padding: 0 5px 0 10px;
	/*border-top: 1px solid black;*/
	border-bottom: 1px solid #b9b9b9;
	margin: 0;
}
ul.lnavi, ul.lnavi ul {
	list-style: none;
	margin: 0 0 7px 0;
	padding: 0;
}
.lnavi span {
	background-color: #EDEDED;
	display: block;
	padding: 5px 5px 5px 3px;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	font-size: 14px;
}
.lnavi li a {
	font-size: 14px;
	display: block;
	padding: 7px 5px 7px 3px;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	/*background: #fff;*/
	color: #333;
	text-align: left;
	margin: .1em 0;
}
.lnavi li a:hover {
	background: #EEF6FF;
	color: red;
}
.lnavi ul li a:before {
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-weight: bold;
	color: #77A1E7;
	font-size: 85%;
	margin-right: 5px;
}
/*エントリナビ*/
.lnavi ul li li a {
	border: none;
	font-size: 13px;
	padding: 3px 8px 3px 25px;
}
.lnavi ul li li a:before {
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-weight: bold;
	color: #77A1E7;
	font-size: 85%;
	margin-right: 5px;
}
/*基本概念編の場合*/
#basispage .lnavi ul li li a.current, #basispage .lnavi ul li li a.current:hover {
	background-color: #63B797;
	color: #fff;
}
/*実践編の場合*/
#manualpage .lnavi ul li li a.current, #manualpage .lnavi ul li li a.current:hover {
	background-color: #0071bc94;
	color: #fff;
}
.lnavi ul li li a.current:before {
	color: #fff;
}
/*--------------------------------------------------------------------
ボタン
--------------------------------------------------------------------*/
/*btn*/
.btnzone .btn {/*中央*/
	margin: auto;
	display: block;
}
@media screen and (max-width:768px) {
	.btnzone .btn {
		width: 100%;
		/*font-size: 1.4em;*/
	}
}
a.btn--black {
	color: #4e4e4e;
	background-color: #fff;
	border: solid 2px #4e4e4e;
}
a.btn--black:hover {
	color: #fff;
	background: #6bcf70;
	border-color: #00b308;
}
a.btn--thin {
	color: #4e4e4e;
	background-color: #fff;
	border: solid 1px #b4b4b4;
}
a.btn--thin:hover {
	color: #fff;
	background: #797979;
	border-color: #525252;
}
a.btn--green {
	color: #4e4e4e;
	background-color: #fff;
	border: solid 2px #00b308;
}
a.btn--green:hover {
	color: #fff;
	background: #6bcf70;
	border-color: #00b308;
}
a.btn--white {
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.49);
	border: solid 2px #fff;
}
a.btn--white:hover {
	color: #4e4e4e;
	background: #fff;
	border-color: #00b308;
}
a.btn--black.btn--cubic {
	/*   border-bottom: 5px solid #00b308; */
}
a.btn--black.btn--cubic:hover {
	margin-top: 3px;
	border-bottom: 2px solid #00b308;
}
a.btn--blue {
	color: #fff;
	background-color: #5b5bf4;
	border: 2px solid #5b5bf4;
}
a.btn--blue:hover {
	color: #fff;
	background: #8888FB;
}
a.btn--blueline {
	color: #5b5bf4;
	background-color: #fff;
	border: 2px solid #5b5bf4;
}
a.btn--blueline:hover {
	color: #fff;
	background: #8888FB;
	border: 2px solid #5b5bf4;
}
a.btn-c {
	font-size: 1.1rem;
	position: relative;
	padding: 15px 3.5rem 15px 2rem;
	border-radius: 100vh;
	font-weight: bold;
}
a.btn-c i.fa {
	margin-right: 1rem;
}
a.btn-c:before {
	font-family: 'Font Awesome 5 Free';
	font-size: 1.6rem;
	line-height: 1;
	position: absolute;
	top: calc(50% - .8rem);
	right: 1rem;
	margin: 0;
	padding: 0;
	content: '\f35a';
	font-weight: bold;
}
a.btn--yellow {
	color: #353535;
	background-color: #FFC800;
	border: solid 3px #FFFFFF;
	font-weight: bold;
}
a.btn--yellow:hover {
	color: #000000;
	background: #fff;
	border-color: #FFC800;
	box-shadow: 3px 3px 0 0 rgba(223, 223, 223, 1.00);
}
/*button_asite、採用ボタン*/
.button_asite, .button_green {
	margin-top: 60px;
	margin: 20px auto;
	text-align: center;
}
.button_asite p {
	color: #50B454;
}
.button_asite a, .button_green a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: auto;
	padding: 15px;
	width: 260px;
	color: #333;
	font-size: 1.1em;
	font-weight: 700;
	background-color: #fff;
	border: 2px solid #B1B1B1;
	border-radius: 5px;
	transition: 0.3s;
	text-align: center;
	box-shadow: 3px 3px 0 0 rgba(223, 223, 223, 1.00);
}
.button_green a {
	width: 200px;
}
.button_asite a::after, .button_green a::after {
	font-family: "Font Awesome 5 Free";
	content: '\f054';
	font-weight: 900;
	color: #00b308;
	text-align: right;
}
.button_asite a::before {
	font-family: "Font Awesome 5 Free";
	content: '\f108';
	font-weight: 900;
	color: #50B454;
	text-align: left;
	font-size: 1.2em
}
.button_asite a:hover::before, .button_asite a:hover::after {
	color: #fff;
}
.button_asite a:hover, .button_green a:hover {
	text-decoration: none;
	background-color: #50B454;
	border-color: #D7F0CD;
	color: #fff;
}
/*お問い合わせボタン　ページ配下*/
.foot-contactbox {
	background-color: #e7f6e7;
	padding: 25px 0;
}
.foot-contactbox p {
	font-weight: bold;
}
.foot-contactbtn {
	width: 480px;
	margin: 0 auto;
}
.foot-contactbtn:not(:first-of-type) {
	margin: 20px auto 0;
}
@media screen and (max-width:768px) {
	.foot-contactbtn {
		width: 100%;
	}
	.foot-contactbox {
		background-color: #fff;
		padding: 25px 0;
	}
}
.button-fit {
	display: block;
	width: 100%;
}
.button {
	min-width: 30%;
	line-height: 1.5;
	color: #181818;
	text-decoration: none;
}
@media screen and (max-width:768px) {
	.button {
		min-width: 30%;
		color: #fff;
	}
}
.button:hover {
	color: #fff;
}
.button {
	position: relative;
	display: inline-block;
	padding: 15px 15px 11px;
	color: inherit;
	border: 1px solid #181818;
	border-radius: 4px;
	box-shadow: 0 4px 0 0 rgba(0, 0, 0, .11);
	text-align: center;
	background-color: #fff;
	cursor: pointer;
	-webkit-transition: background-color .25s ease, color .25s ease;
	transition: background-color .25s ease, color .25s ease;
}
@media screen and (max-width:768px) {
	.button {
		border-width: 0;
		border-radius: 2px;
		box-shadow: none;
		color: #fff;
		background-color: #181818;
		padding: 30px 0;
	}
}
.button:hover {
	color: #fff;
	background-color: #181818;
	text-decoration: none;
}
.button:hover .button-icon-arrow {
	border-top-color: #fff;
	border-right-color: #fff;
}
.button-text {
	padding: 0 40px;
	font-size: 16px;
	letter-spacing: .07em;
	line-height: 1.75;
	font-weight: 700;
}
@media screen and (max-width:768px) {
	.button-text {
		padding: 0;
		font-size: 15px;
		letter-spacing: .07em;
		line-height: 1.75;
		font-weight: 700;
	}
}
.button-icon {
	position: absolute;
	top: 50%;
	right: 30px;
	font-size: 16px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
@media screen and (max-width:768px) {
	.button-icon {
		display: none;
	}
}
.button-icon:before {
	display: inline-block;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.button-icon-arrow {
	width: 12px;
	height: 12px;
	border-top: 2px solid #181818;
	border-right: 2px solid #181818;
	border-bottom: 0 solid transparent;
	border-left: 0 solid transparent;
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
}
@media screen and (max-width:768px) {
	.button-icon-arrow {
		width: 8px;
		height: 8px;
		border-top: 1px solid #181818;
		border-right: 1px solid #181818;
		left: 7px;
	}
}
/*contact*/
.contact .row {
	margin: 0;
}
.contact .fromweb, .contact .fromtel {
	padding: 50px 0;
	color: #fff;
	text-align: center;
}
.fromweb h4, .fromtel h4 {
	font-weight: bold;
	font-size: 1.8em;
	padding: 20px;
}
.contact .fromweb {
	background-color: #009d85;
}
.contact .fromtel {
	background-color: #4cba79;
}
.fromtel a {
	color: #fff;
	font-size: 2em;
	letter-spacing: 3px;
}
.fromtel a:hover {
	text-decoration: none;
}
.fromtel ul {
	margin-left: 30%;
	margin-top: 30px;
	font-size: 0.9em;
}
.fromtel ul li {
	list-style: disc;
}
/*---------------------
記事　nextback
-----------------------*/
/*nextback*/
ul.page-navigation-list {
	border-bottom: 2px solid #eaeaea;
	border-top: 2px solid #eaeaea;
	padding: 3px;
	list-style: none;
	margin: 50px auto;
	background-color: #f6f6f6;
	font-size: 90%;
}
ul.page-navigation-list li.next, ul.page-navigation-list li.prev {
	padding: 5px;
}
ul.page-navigation-list li.next a, ul.page-navigation-list li.prev a {
	background-color: #FFF;
	display: block;
	padding: 10px;
	border: 1px solid #b4b4b4;
}
ul.page-navigation-list li.next a:hover, ul.page-navigation-list li.prev a:hover {
	background-color: #0071BC;
	text-decoration: none;
	color: #fff;
}
ul.page-navigation-list li.next {
	text-align: right;
}
ul.page-navigation-list li.next a:after {
	font-family: "Font Awesome 5 Free";
	content: '\f054';
	font-weight: 900;
	color: #bfbfbf;
	width: 90%;
	margin-left: 10px;
}
ul.page-navigation-list li.prev a:before {
	font-family: "Font Awesome 5 Free";
	content: '\f053';
	font-weight: 900;
	color: #bfbfbf;
	width: 90%;
	margin-right: 10px;
}
/*---------------------
MTリンクボタン
  -----------------------*/
.moreBtn {
	position: relative;
	bottom: 0;
	left: 0;
	margin: 0;
	height: 30px;
}
.moreBtn a {
	padding: 4px 7px;
	/*font-size: 12px;*/
	background-color: #CECECE;
	color: #fff;
}
/*---------------------
  作図
-----------------------*/
.sakuzu {
	padding: 15px 10px;
	text-align: center;
	margin-bottom: 20px;
}
.flowzu {
	padding: 0;
	text-align: center;
	margin-bottom: 20px;
}
.flowzu p.flowtit {
	text-align: left;
	margin: 0 0 0 10%;
}
.flowzu p.flowtit:before {
	font-family: "Font Awesome 6 Free";
	content: '\f0c8';
	font-weight: bold;
	color: #545454;
	font-size: 80%;
	margin-right: 5px;
}
.flowbtn {
	padding-top: 20px;
	margin: 0 0 10px 0;
	background: url(../images/arrow-flow.png) no-repeat;
	background-position: center top;
}
/*table*/
.table-bordered th, .table-bordered td {
	border-color: #BEBEBE;
}
.table-bordered caption {
	caption-side: top;
	color: #000000;
}
/*---------------------
  custom text
-----------------------*/
/*タイトル*/
.heading {
	padding: 15px 0 30px;
	text-align: center;
	position: relative;
}
.heading__lv1 {
	/*background: #edeff1;*/
	/*background: #eff1fd;*/
	background: #f2f9f5;
	/*background: #111111;*/
}
.heading__lv2 {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.heading__top.heading {
	background: #ffffff;
	letter-spacing: 0;
	/*background: url(../images/bartop.png) no-repeat center bottom;*/
	/*	background: url(../images/barmanual.png) no-repeat center bottom;*/
}
.heading__top.heading:before {
	background: none;
}
.heading:before {
	content: "";
	height: 3px;
	width: 50px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	position: absolute;
	background: #009d85;
	/*background: #212121;*/
}
.heading_line {
	color: #009d85;
	letter-spacing: 2;
}
.heading_line {
	border-bottom: solid 3px #D2E7E2;
	position: relative;
	padding-bottom: 5px;
}
.heading_line:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #009d85;
	bottom: -3px;
	width: 10%;
}
.heading__sub {
	color: #009d85;
	font-size: 16px;
	margin-bottom: 10px;
}
.heading .hdg-lv1 {
	font-size: 36px;
	letter-spacing: 0.06em;
	font-weight: 700;
	line-height: 1.28;
	color: #181818;
}
.heading .hdg-lv1 a {
	color: #181818;
}
.heading__top .hdg-lv1 {
	font-size: 28px;
	letter-spacing: 0;
	font-weight: bold;
	line-height: 1.28;
}
.heading .hdg-lv2 {
	font-size: 24px;
	letter-spacing: 0.06em;
	font-weight: normal;
	line-height: 1.28;
	/*	color: #181818;*/
}
/*英字*/
.titeng {
	font-family: Futura, 'Century Gothic';
	font-feature-settings: "palt"1;
	color: #00b308;
	font-weight: normal;
}
/*日本語*/
.titjp {
	font-feature-settings: "palt"1;
	color: #00b308;
	font-weight: normal;
}
/*カテゴリ*/
h2.page-titleNS {
	margin: 0;
	/* デフォルトCSS打ち消し */
	font-size: 26px;
	border-bottom: solid 2px #ced4da;
	padding-bottom: 5px;
	margin-bottom: 15px;
	margin-top: 20px;
	position: relative;
	letter-spacing: 1px;
}
h2.page-titleNS:before {
	content: '';
	width: 60px;
	height: 2px;
	background-color: #00418e;
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
}
h2.page-titleNS span {
	color: #495057;
	margin-left: 20px;
	font-size: 0.6em;
	font-weight: normal;
	letter-spacing: 0;
}
/*資料テーブル*/
.list-group {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	width: 90%;
	margin: auto;
}
.list-group-item-action {
	width: 100%;
	color: #495057;
	text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
	color: #495057;
	text-decoration: none;
	background-color: #f8f9fa;
}
.list-group-item-action:active {
	color: #212529;
	background-color: #e9ecef;
}
.list-group-item {
	position: relative;
	display: block;
	padding: 1.25rem;
	/*margin-bottom: -1px;*/
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}
.list-group-item:hover, .list-group-item:focus {
	z-index: 1;
	text-decoration: none;
}
.list-group-item.disabled, .list-group-item:disabled {
	color: #6c757d;
	pointer-events: none;
	background-color: #fff;
}
.list-group-item.active {
	z-index: 2;
	color: #fff;
	background-color: #00418e;
	border-color: #00418e;
}
/*区分アイコン*/
.ico, .ico-t-kaigo, .ico-h-kango, .ico-kanri, .ico-sonota, .ico-pdf, .ico-xls, .ico-ppt, .ico-word {
	padding: 5px;
	border: 1px solid;
}
.ico-t-kaigo, .ico-h-kango, .ico-kanri, .ico-sonota {
	border-color: #dee2e6;
	font-size: 0.8em;
	margin-right: 5px;
}
/*ファイルアイコン*/
.ico-pdf {
	border-color: red;
	color: red;
}
.ico-xls {
	border-color: green;
	color: green;
}
.ico-ppt {
	border-color: orange;
	color: orange;
}
.ico-word {
	border-color: blue;
	color: blue;
}
.date {
	color: #363636;
	/*	  margin-left: 20px;*/
	font-size: 0.8em;
}
/* 記事一覧
-------------------------------------- */
.d-flex {
	display: flex !important;
}
.justify-content-between {
	justify-content: space-between !important;
}
a .d-flex h5 {
	/*  color: #00418e;*/
	/*	color: #0075c2;*/
	font-size: 1.1em;
	letter-spacing: 0;
	font-weight: 700;
}
a:hover div.d-flex h5 {
	color: red;
	/*text-decoration: underline;*/
}
a .d-flex h5:before {
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-weight: 900;
	color: #8fbbf4;
	width: 90%;
}
/*ページ内リンク用*/
.pagelink {
	padding: 10px 5px;
	margin-bottom: 30px;
}
.pagelink:after {
	content: "";
	display: block;
	clear: both;
}
.pagelink ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pagelink li {
	padding: 0;
	margin: 0;
	float: left;
}
.pagelink li a {
	display: block;
	border: 1px solid #B5B5B5;
	padding: 3px;
	text-decoration: none;
	font-family: inherit;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 700;
	color: #6F6F6F;
	margin: 8px 0 8px 18px;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.pagelink li a:hover {
	display: block;
	background-color: #D4E7FF;
	color: #106CB3;
	border-color: #106CB3;
}
/*実践編画像マウスオーバー*/
.gazo img {
	transition: 0.3s all;
	margin: 10px auto;
}
.gazo img:hover {
	transform: scale(1.1, 1.1);
	transition: 0.3s all;
}
/* 1-3. #l-container
-------------------------------------------------- */
@media only screen and (max-width: 1024px) {
	#l-container {
		/*padding-top: 180px;*/
		padding-top: 90px;
	}
}
/* 1-3-1. #l-main
-------------------------------------------------- */
/* 1-3-2. #l-sub


/*--------------------------------------------------------------------
footer フッター
--------------------------------------------------------------------*/
/*pagetop*/
#pagetop {
	position: fixed;
	bottom: 43px;
	right: 5px;
	background-color: rgb(236, 236, 236);
	padding: 8px 12px;
	display: block;
	z-index: 1;
}
#pagetop a {
	color: black;
	font-size: 130%;
	display: block;
}
#pagetop a:hover {
	color: #f30056;
}
.g-footer {
	padding-top: 20px;
	border-top: 1px solid #E4E4E4;
}
.g-footer a {
	color: #868B8F;
}
.nav-footer {
	padding-bottom: 50px;
}
.lst-footer {
	border-left: 1px solid #ECECEC;
	margin-bottom: 10px;
}
.lst-footer__title {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding-left: 15px;
	font-size: 13px;
	font-weight: bold;
}
.lst-footer__title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
	width: 9px;
	height: 3px;
	background: #268E05;
}
.lst-footer__inner, .lst-footer-l__inner {
	display: block;
}
.lst-footer__title a {
	display: block;
	padding: 14px 0;
}
.lst-footer__title a:hover, .lst-footer__inner li a:hover, .nav-footer-link li a:hover {
	text-decoration: none;
	/*  opacity: 0.7; */
	color: #545454;
}
.lst-footer__inner li a {
	font-size: 12px;
	display: block;
	padding-bottom: 11px;
	padding-left: 2px;
	text-indent: -2px;
}
.lst-footer__inner li a i:before, .lst-footer-l__inner li a i:before {
	margin-right: 5px;
	position: relative;
	font-size: 90%;
	/*  top: -2px;*/
}
.lst-footer-l__inner {
	width: 90%;
	margin: auto;
}
.lst-footer-l__inner li a {
	font-size: 12px;
	display: block;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 10px;
	border: 1px solid #dddddd;
	margin: 5px;
}
.lst-footer-l__inner li a:hover {
	border: 1px solid #545454;
	text-decoration: none;
}
.txt-copyright {
	color: #999;
	font-size: 13px;
	text-align: center;
	background: #252323;
	padding: 10px;
}
/*-----------------------*/
.nav-footer-link {
	text-align: center;
	margin-bottom: 48px;
}
.nav-footer-link li {
	display: inline-block;
	padding: 0 22px;
	border-left: 1px solid #9da3a7;
	line-height: 1;
}
.nav-footer-link li:first-child {
	border-left: 0;
}
.nav-footer-link li a {
	color: #9da3a7;
	display: block;
	font-size: 12px;
}
/*フッタスマホ*/
@media only screen and (max-width: 767px) and (min-width: 1px) {
	.lst-footer {
		border-left: none;
	}
	.lst-footer-l__inner {
		width: 100%;
	}
	.lst-footer__title {
		font-size: 13px;
		font-weight: bold;
		border-bottom: 1px solid #dddddd;
	}
	.lst-footer__title:before {
		left: 3px;
	}
	.lst-footer__title a {
		padding: 14px 0;
	}
	.lst-footer-l__inner li a {
		margin: 0;
		padding: 20px 10px;
		border-bottom: 1px solid #dddddd;
		border-top: none;
		border-left: none;
		border-right: none;
	}
	.lst-footer-l__inner li a:hover {
		border-bottom: 1px solid #dddddd;
		border-top: none;
		border-left: none;
		border-right: none;
		text-decoration: none;
		background-color: #D8D8D8;
	}
	.txt-copyright {
		font-size: 0.7em;
	}
}
/*-----------------------------------------
個人情報
---------------------------------------------*/
#p_info {
	text-align: right;
}
#p_info p {
	display: inline-flex;
	padding: 5px;
	font-size: 0.8em;
}
/*-------------------------------------------------- */
/* social btn
-------------------------------------------------- */
.sharebtn {
	text-align: center;
	padding: 0;
	position: relative;
	margin-bottom: 20px;
}
.sharebtntit {
	text-align: center;
	position: relative;
	margin: 20px 5px 0 5px;
}
.sharebtntit:before {
	content: "";
	height: 1px;
	max-width: 200px;
	min-width: 30%;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	position: absolute;
	background: #009d85;
}
.sharebtntit p.share_kiji {
	padding-bottom: 10px;
	font-weight: bold;
}
/*○ボタン*/
.btn-circle-flat {/*気まぐれ歳時記検索ボタン*/
	display: inline-block;
	text-decoration: none;
	background: #6C6C6C;
	color: #FFF;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
	transition: .4s;
}
.btn-circle-flat:hover {
	background: #3F3F3F;
	color:#fff;
}
.btn-twitter {
	color: #00acee;
}
.btn-social-square {
	display: inline-block;
	text-decoration: none;
	width: 30px;
	margin: 2px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: white;
	border-radius: 12px;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
	transition: .3s;
}
.btn-social-square i {
	line-height: 30px;
}
.btn-social-square:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	text-decoration: none;
}
.btn-social-square--twitter {
	background: #22b8ff;
}
.btn-social-square--facebook {
	background: #6680d8;
}
.btn-social-square--hatebu {
	background: #49a8fb;
}
.btn-social-square--pocket {
	background: #ff6d82;
}
.btn-social-square--feedly {
	background: #7bda72;
}
.sharethis ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.sharethis ul li a {
	display: inline;
}
/*2-2-1. clearfix [ModernType]*/
#l-header:after, .wrp-header:after, #l-container:after, #l-main:after, #l-sub:after, #l-footer:after, .nav ul:after, .wrp-container:after, .clearfix:after {
	display: block;
	clear: both;
	content: "";
}
/*記事ページ 目次生成*/
#toc:before {
	content: "目次";
	font-size: 110%;
	border-bottom: 1px solid #020202;
	padding: 5px 10px;
}
#toc {
	background-color: #F5F5F5;
	border: 1px solid #E1E1E1;
	/*font-size: 95%;*/
	display: table;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 15px;
	/*  width: 80%;*/
	margin: 10px;
	width: auto;
	min-width: 50%;
	text-align: center;
}
#toc ol, #toc ul {
	margin: 0;
}
#toc ol li:before, #toc ul li:before {
	content: "- ";
	font-size: 90%;
	color: #959595;
}
#toc ol li ol li:before, #toc ul li ul li:before {
	content: none;
}
#toc ol li, #toc ul li {
	margin: 7px 3px 3px 15px;
	padding: 0;
	list-style: none;
	font-size: 0.95rem;
}
#toc ol li ol, #toc ul li ul {
	margin: 3px 3px 3px 15px;
}
#toc a:hover {
	text-decoration: underline;
}
/*----------------------------------------------
hr
  ---------------------------------------------*/
.hr_2 { /*二重線*/
	border-top: 3px double #aaa;
}
/*----------------------------------------------
size
  ---------------------------------------------*/
.w1per {
	width: 1% !important;
}
.w2per {
	width: 2% !important;
}
.w3per {
	width: 3% !important;
}
.w4per {
	width: 4% !important;
}
.w5per {
	width: 5% !important;
}
.w6per {
	width: 6% !important;
}
.w7per {
	width: 7% !important;
}
.w8per {
	width: 8% !important;
}
.w9per {
	width: 9% !important;
}
.w10per {
	width: 10% !important;
}
.w11per {
	width: 11% !important;
}
.w12per {
	width: 12% !important;
}
.w13per {
	width: 13% !important;
}
.w14per {
	width: 14% !important;
}
.w15per {
	width: 15% !important;
}
.w16per {
	width: 16% !important;
}
.w17per {
	width: 17% !important;
}
.w18per {
	width: 18% !important;
}
.w19per {
	width: 19% !important;
}
.w20per {
	width: 20% !important;
}
.w21per {
	width: 21% !important;
}
.w22per {
	width: 22% !important;
}
.w23per {
	width: 23% !important;
}
.w24per {
	width: 24% !important;
}
.w25per {
	width: 25% !important;
}
.w26per {
	width: 26% !important;
}
.w27per {
	width: 27% !important;
}
.w28per {
	width: 28% !important;
}
.w29per {
	width: 29% !important;
}
.w30per {
	width: 30% !important;
}
.w31per {
	width: 31% !important;
}
.w32per {
	width: 32% !important;
}
.w33per {
	width: 33% !important;
}
.w34per {
	width: 34% !important;
}
.w35per {
	width: 35% !important;
}
.w36per {
	width: 36% !important;
}
.w37per {
	width: 37% !important;
}
.w38per {
	width: 38% !important;
}
.w39per {
	width: 39% !important;
}
.w40per {
	width: 40% !important;
}
.w41per {
	width: 41% !important;
}
.w42per {
	width: 42% !important;
}
.w43per {
	width: 43% !important;
}
.w44per {
	width: 44% !important;
}
.w45per {
	width: 45% !important;
}
.w46per {
	width: 46% !important;
}
.w47per {
	width: 47% !important;
}
.w48per {
	width: 48% !important;
}
.w49per {
	width: 49% !important;
}
.w50per {
	width: 50% !important;
}
.w51per {
	width: 51% !important;
}
.w52per {
	width: 52% !important;
}
.w53per {
	width: 53% !important;
}
.w54per {
	width: 54% !important;
}
.w55per {
	width: 55% !important;
}
.w56per {
	width: 56% !important;
}
.w57per {
	width: 57% !important;
}
.w58per {
	width: 58% !important;
}
.w59per {
	width: 59% !important;
}
.w60per {
	width: 60% !important;
}
.w61per {
	width: 61% !important;
}
.w62per {
	width: 62% !important;
}
.w63per {
	width: 63% !important;
}
.w64per {
	width: 64% !important;
}
.w65per {
	width: 65% !important;
}
.w66per {
	width: 66% !important;
}
.w67per {
	width: 67% !important;
}
.w68per {
	width: 68% !important;
}
.w69per {
	width: 69% !important;
}
.w70per {
	width: 70% !important;
}
.w71per {
	width: 71% !important;
}
.w72per {
	width: 72% !important;
}
.w73per {
	width: 73% !important;
}
.w74per {
	width: 74% !important;
}
.w75per {
	width: 75% !important;
}
.w76per {
	width: 76% !important;
}
.w77per {
	width: 77% !important;
}
.w78per {
	width: 78% !important;
}
.w79per {
	width: 79% !important;
}
.w80per {
	width: 80% !important;
}
.w81per {
	width: 81% !important;
}
.w82per {
	width: 82% !important;
}
.w83per {
	width: 83% !important;
}
.w84per {
	width: 84% !important;
}
.w85per {
	width: 85% !important;
}
.w86per {
	width: 86% !important;
}
.w87per {
	width: 87% !important;
}
.w88per {
	width: 88% !important;
}
.w89per {
	width: 89% !important;
}
.w90per {
	width: 90% !important;
}
.w91per {
	width: 91% !important;
}
.w92per {
	width: 92% !important;
}
.w93per {
	width: 93% !important;
}
.w94per {
	width: 94% !important;
}
.w95per {
	width: 95% !important;
}
.w96per {
	width: 96% !important;
}
.w97per {
	width: 97% !important;
}
.w98per {
	width: 98% !important;
}
.w99per {
	width: 99% !important;
}
.w100per {
	width: 100% !important;
}
@media screen and (max-width: 767px) {
	.w1per-sp {
		width: 1% !important;
	}
	.w2per-sp {
		width: 2% !important;
	}
	.w3per-sp {
		width: 3% !important;
	}
	.w4per-sp {
		width: 4% !important;
	}
	.w5per-sp {
		width: 5% !important;
	}
	.w6per-sp {
		width: 6% !important;
	}
	.w7per-sp {
		width: 7% !important;
	}
	.w8per-sp {
		width: 8% !important;
	}
	.w9per-sp {
		width: 9% !important;
	}
	.w10per-sp {
		width: 10% !important;
	}
	.w11per-sp {
		width: 11% !important;
	}
	.w12per-sp {
		width: 12% !important;
	}
	.w13per-sp {
		width: 13% !important;
	}
	.w14per-sp {
		width: 14% !important;
	}
	.w15per-sp {
		width: 15% !important;
	}
	.w16per-sp {
		width: 16% !important;
	}
	.w17per-sp {
		width: 17% !important;
	}
	.w18per-sp {
		width: 18% !important;
	}
	.w19per-sp {
		width: 19% !important;
	}
	.w20per-sp {
		width: 20% !important;
	}
	.w21per-sp {
		width: 21% !important;
	}
	.w22per-sp {
		width: 22% !important;
	}
	.w23per-sp {
		width: 23% !important;
	}
	.w24per-sp {
		width: 24% !important;
	}
	.w25per-sp {
		width: 25% !important;
	}
	.w26per-sp {
		width: 26% !important;
	}
	.w27per-sp {
		width: 27% !important;
	}
	.w28per-sp {
		width: 28% !important;
	}
	.w29per-sp {
		width: 29% !important;
	}
	.w30per-sp {
		width: 30% !important;
	}
	.w31per-sp {
		width: 31% !important;
	}
	.w32per-sp {
		width: 32% !important;
	}
	.w33per-sp {
		width: 33% !important;
	}
	.w34per-sp {
		width: 34% !important;
	}
	.w35per-sp {
		width: 35% !important;
	}
	.w36per-sp {
		width: 36% !important;
	}
	.w37per-sp {
		width: 37% !important;
	}
	.w38per-sp {
		width: 38% !important;
	}
	.w39per-sp {
		width: 39% !important;
	}
	.w40per-sp {
		width: 40% !important;
	}
	.w41per-sp {
		width: 41% !important;
	}
	.w42per-sp {
		width: 42% !important;
	}
	.w43per-sp {
		width: 43% !important;
	}
	.w44per-sp {
		width: 44% !important;
	}
	.w45per-sp {
		width: 45% !important;
	}
	.w46per-sp {
		width: 46% !important;
	}
	.w47per-sp {
		width: 47% !important;
	}
	.w48per-sp {
		width: 48% !important;
	}
	.w49per-sp {
		width: 49% !important;
	}
	.w50per-sp {
		width: 50% !important;
	}
	.w51per-sp {
		width: 51% !important;
	}
	.w52per-sp {
		width: 52% !important;
	}
	.w53per-sp {
		width: 53% !important;
	}
	.w54per-sp {
		width: 54% !important;
	}
	.w55per-sp {
		width: 55% !important;
	}
	.w56per-sp {
		width: 56% !important;
	}
	.w57per-sp {
		width: 57% !important;
	}
	.w58per-sp {
		width: 58% !important;
	}
	.w59per-sp {
		width: 59% !important;
	}
	.w60per-sp {
		width: 60% !important;
	}
	.w61per-sp {
		width: 61% !important;
	}
	.w62per-sp {
		width: 62% !important;
	}
	.w63per-sp {
		width: 63% !important;
	}
	.w64per-sp {
		width: 64% !important;
	}
	.w65per-sp {
		width: 65% !important;
	}
	.w66per-sp {
		width: 66% !important;
	}
	.w67per-sp {
		width: 67% !important;
	}
	.w68per-sp {
		width: 68% !important;
	}
	.w69per-sp {
		width: 69% !important;
	}
	.w70per-sp {
		width: 70% !important;
	}
	.w71per-sp {
		width: 71% !important;
	}
	.w72per-sp {
		width: 72% !important;
	}
	.w73per-sp {
		width: 73% !important;
	}
	.w74per-sp {
		width: 74% !important;
	}
	.w75per-sp {
		width: 75% !important;
	}
	.w76per-sp {
		width: 76% !important;
	}
	.w77per-sp {
		width: 77% !important;
	}
	.w78per-sp {
		width: 78% !important;
	}
	.w79per-sp {
		width: 79% !important;
	}
	.w80per-sp {
		width: 80% !important;
	}
	.w81per-sp {
		width: 81% !important;
	}
	.w82per-sp {
		width: 82% !important;
	}
	.w83per-sp {
		width: 83% !important;
	}
	.w84per-sp {
		width: 84% !important;
	}
	.w85per-sp {
		width: 85% !important;
	}
	.w86per-sp {
		width: 86% !important;
	}
	.w87per-sp {
		width: 87% !important;
	}
	.w88per-sp {
		width: 88% !important;
	}
	.w89per-sp {
		width: 89% !important;
	}
	.w90per-sp {
		width: 90% !important;
	}
	.w91per-sp {
		width: 91% !important;
	}
	.w92per-sp {
		width: 92% !important;
	}
	.w93per-sp {
		width: 93% !important;
	}
	.w94per-sp {
		width: 94% !important;
	}
	.w95per-sp {
		width: 95% !important;
	}
	.w96per-sp {
		width: 96% !important;
	}
	.w97per-sp {
		width: 97% !important;
	}
	.w98per-sp {
		width: 98% !important;
	}
	.w99per-sp {
		width: 99% !important;
	}
	.w100per-sp {
		width: 100% !important;
	}
	.wauto-sp {
		width: auto !important;
	}
}
/* margin  */
.m0 {
	margin: 0 !important;
}
.m5 {
	margin: 5px !important;
}
.m10 {
	margin: 10px !important;
}
.m15 {
	margin: 15px !important;
}
.m20 {
	margin: 20px !important;
}
.m25 {
	margin: 25px !important;
}
.m30 {
	margin: 30px !important;
}
.m35 {
	margin: 35px !important;
}
.m40 {
	margin: 40px !important;
}
.m45 {
	margin: 45px !important;
}
.m50 {
	margin: 50px !important;
}
.m55 {
	margin: 55px !important;
}
.m60 {
	margin: 60px !important;
}
.m65 {
	margin: 65px !important;
}
.m70 {
	margin: 70px !important;
}
.m75 {
	margin: 75px !important;
}
.m80 {
	margin: 80px !important;
}
.m85 {
	margin: 85px !important;
}
.m90 {
	margin: 90px !important;
}
.m95 {
	margin: 95px !important;
}
.m100 {
	margin: 100px !important;
}
/* margin-top */
.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt55 {
	margin-top: 55px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt65 {
	margin-top: 65px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt75 {
	margin-top: 75px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt85 {
	margin-top: 85px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt95 {
	margin-top: 95px !important;
}
.mt100 {
	margin-top: 100px !important;
}
/* margin-right */
.mr0 {
	margin-right: 0 !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr45 {
	margin-right: 45px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.mr55 {
	margin-right: 55px !important;
}
.mr60 {
	margin-right: 60px !important;
}
.mr65 {
	margin-right: 65px !important;
}
.mr70 {
	margin-right: 70px !important;
}
.mr75 {
	margin-right: 75px !important;
}
.mr80 {
	margin-right: 80px !important;
}
.mr85 {
	margin-right: 85px !important;
}
.mr90 {
	margin-right: 90px !important;
}
.mr95 {
	margin-right: 95px !important;
}
.mr100 {
	margin-right: 100px !important;
}
/* margin-bottom */
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb55 {
	margin-bottom: 55px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb65 {
	margin-bottom: 65px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb75 {
	margin-bottom: 75px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb85 {
	margin-bottom: 85px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.mb95 {
	margin-bottom: 95px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
/* margin-left */
.ml0 {
	margin-left: 0 !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.ml55 {
	margin-left: 55px !important;
}
.ml60 {
	margin-left: 60px !important;
}
.ml65 {
	margin-left: 65px !important;
}
.ml70 {
	margin-left: 70px !important;
}
.ml75 {
	margin-left: 75px !important;
}
.ml80 {
	margin-left: 80px !important;
}
.ml85 {
	margin-left: 85px !important;
}
.ml90 {
	margin-left: 90px !important;
}
.ml95 {
	margin-left: 95px !important;
}
.ml100 {
	margin-left: 100px !important;
}
/* padding */
.p0 {
	padding: 0 !important;
}
.p3 {
	padding: 3px !important;
}
.p5 {
	padding: 5px !important;
}
.p10 {
	padding: 10px !important;
}
.p15 {
	padding: 15px !important;
}
.p20 {
	padding: 20px !important;
}
.p25 {
	padding: 25px !important;
}
.p30 {
	padding: 30px !important;
}
.p35 {
	padding: 35px !important;
}
.p40 {
	padding: 40px !important;
}
.p45 {
	padding: 45px !important;
}
.p50 {
	padding: 50px !important;
}
.p55 {
	padding: 55px !important;
}
.p60 {
	padding: 60px !important;
}
.p65 {
	padding: 65px !important;
}
.p70 {
	padding: 70px !important;
}
.p75 {
	padding: 75px !important;
}
.p80 {
	padding: 80px !important;
}
.p85 {
	padding: 85px !important;
}
.p90 {
	padding: 90px !important;
}
.p95 {
	padding: 95px !important;
}
.p100 {
	padding: 100px !important;
}
/* padding-top */
.pt0 {
	padding-top: 0 !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt45 {
	padding-top: 45px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pt55 {
	padding-top: 55px !important;
}
.pt60 {
	padding-top: 60px !important;
}
.pt65 {
	padding-top: 65px !important;
}
.pt70 {
	padding-top: 70px !important;
}
.pt75 {
	padding-top: 75px !important;
}
.pt80 {
	padding-top: 80px !important;
}
.pt85 {
	padding-top: 85px !important;
}
.pt90 {
	padding-top: 90px !important;
}
.pt95 {
	padding-top: 95px !important;
}
.pt100 {
	padding-top: 100px !important;
}
/* padding-right */
.pr0 {
	padding-right: 0 !important;
}
.pr5 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr25 {
	padding-right: 25px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr35 {
	padding-right: 35px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr45 {
	padding-right: 45px !important;
}
.pr50 {
	padding-right: 50px !important;
}
.pr55 {
	padding-right: 55px !important;
}
.pr60 {
	padding-right: 60px !important;
}
.pr65 {
	padding-right: 65px !important;
}
.pr70 {
	padding-right: 70px !important;
}
.pr75 {
	padding-right: 75px !important;
}
.pr80 {
	padding-right: 80px !important;
}
.pr85 {
	padding-right: 85px !important;
}
.pr90 {
	padding-right: 90px !important;
}
.pr95 {
	padding-right: 95px !important;
}
.pr100 {
	padding-right: 100px !important;
}
/* padding-bottom */
.pb0 {
	padding-bottom: 0 !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb35 {
	padding-bottom: 35px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb45 {
	padding-bottom: 45px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pb55 {
	padding-bottom: 55px !important;
}
.pb60 {
	padding-bottom: 60px !important;
}
.pb65 {
	padding-bottom: 65px !important;
}
.pb70 {
	padding-bottom: 70px !important;
}
.pb75 {
	padding-bottom: 75px !important;
}
.pb80 {
	padding-bottom: 80px !important;
}
.pb85 {
	padding-bottom: 85px !important;
}
.pb90 {
	padding-bottom: 90px !important;
}
.pb95 {
	padding-bottom: 95px !important;
}
.pb100 {
	padding-bottom: 100px !important;
}
/* padding-left */
.pl0 {
	padding-left: 0 !important;
}
.pl5 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl35 {
	padding-left: 35px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl45 {
	padding-left: 45px !important;
}
.pl50 {
	padding-left: 50px !important;
}
.pl55 {
	padding-left: 55px !important;
}
.pl60 {
	padding-left: 60px !important;
}
.pl65 {
	padding-left: 65px !important;
}
.pl70 {
	padding-left: 70px !important;
}
.pl75 {
	padding-left: 75px !important;
}
.pl80 {
	padding-left: 80px !important;
}
.pl85 {
	padding-left: 85px !important;
}
.pl90 {
	padding-left: 90px !important;
}
.pl95 {
	padding-left: 95px !important;
}
.pl100 {
	padding-left: 100px !important;
}
.mlrauto {
	margin-left: auto;
	margin-right: auto;
}
.m-auto {
	margin: auto;
}
@media screen and (max-width: 767px) {
	/* margin  */
	.m0-sp {
		margin: 0 !important;
	}
	.m5-sp {
		margin: 5px !important;
	}
	.m10-sp {
		margin: 10px !important;
	}
	.m15-sp {
		margin: 15px !important;
	}
	.m20-sp {
		margin: 20px !important;
	}
	.m25-sp {
		margin: 25px !important;
	}
	.m30-sp {
		margin: 30px !important;
	}
	.m35-sp {
		margin: 35px !important;
	}
	.m40-sp {
		margin: 40px !important;
	}
	.m45-sp {
		margin: 45px !important;
	}
	.m50-sp {
		margin: 50px !important;
	}
	.m55-sp {
		margin: 55px !important;
	}
	.m60-sp {
		margin: 60px !important;
	}
	.m65-sp {
		margin: 65px !important;
	}
	.m70-sp {
		margin: 70px !important;
	}
	.m75-sp {
		margin: 75px !important;
	}
	.m80-sp {
		margin: 80px !important;
	}
	.m85-sp {
		margin: 85px !important;
	}
	.m90-sp {
		margin: 90px !important;
	}
	.m95-sp {
		margin: 95px !important;
	}
	.m100-sp {
		margin: 100px !important;
	}
	/* margin-top */
	.mt0-sp {
		margin-top: 0 !important;
	}
	.mt-5-sp {
		margin-top: -5px !important;
	}
	.mt-10-sp {
		margin-top: -10px !important;
	}
	.mt-15-sp {
		margin-top: -15px !important;
	}
	.mt-20-sp {
		margin-top: -20px !important;
	}
	.mt-25-sp {
		margin-top: -25px !important;
	}
	.mt-30-sp {
		margin-top: -30px !important;
	}
	.mt-35-sp {
		margin-top: -35px !important;
	}
	.mt-40-sp {
		margin-top: -40px !important;
	}
	.mt-45-sp {
		margin-top: -45px !important;
	}
	.mt-50-sp {
		margin-top: -50px !important;
	}
	.mt-55-sp {
		margin-top: -55px !important;
	}
	.mt-60-sp {
		margin-top: -60px !important;
	}
	.mt-65-sp {
		margin-top: -65px !important;
	}
	.mt-70-sp {
		margin-top: -70px !important;
	}
	.mt-75-sp {
		margin-top: -75px !important;
	}
	.mt-80-sp {
		margin-top: -80px !important;
	}
	.mt-85-sp {
		margin-top: -85px !important;
	}
	.mt-90-sp {
		margin-top: -90px !important;
	}
	.mt-95-sp {
		margin-top: -95px !important;
	}
	.mt-100-sp {
		margin-top: -100px !important;
	}
	.mt5-sp {
		margin-top: 5px !important;
	}
	.mt10-sp {
		margin-top: 10px !important;
	}
	.mt15-sp {
		margin-top: 15px !important;
	}
	.mt20-sp {
		margin-top: 20px !important;
	}
	.mt25-sp {
		margin-top: 25px !important;
	}
	.mt30-sp {
		margin-top: 30px !important;
	}
	.mt35-sp {
		margin-top: 35px !important;
	}
	.mt40-sp {
		margin-top: 40px !important;
	}
	.mt45-sp {
		margin-top: 45px !important;
	}
	.mt50-sp {
		margin-top: 50px !important;
	}
	.mt55-sp {
		margin-top: 55px !important;
	}
	.mt60-sp {
		margin-top: 60px !important;
	}
	.mt65-sp {
		margin-top: 65px !important;
	}
	.mt70-sp {
		margin-top: 70px !important;
	}
	.mt75-sp {
		margin-top: 75px !important;
	}
	.mt80-sp {
		margin-top: 80px !important;
	}
	.mt85-sp {
		margin-top: 85px !important;
	}
	.mt90-sp {
		margin-top: 90px !important;
	}
	.mt95-sp {
		margin-top: 95px !important;
	}
	.mt100-sp {
		margin-top: 100px !important;
	}
	/* margin-right */
	.mr0-sp {
		margin-right: 0 !important;
	}
	.mr5-sp {
		margin-right: 5px !important;
	}
	.mr10-sp {
		margin-right: 10px !important;
	}
	.mr15-sp {
		margin-right: 15px !important;
	}
	.mr20-sp {
		margin-right: 20px !important;
	}
	.mr25-sp {
		margin-right: 25px !important;
	}
	.mr30-sp {
		margin-right: 30px !important;
	}
	.mr35-sp {
		margin-right: 35px !important;
	}
	.mr40-sp {
		margin-right: 40px !important;
	}
	.mr45-sp {
		margin-right: 45px !important;
	}
	.mr50-sp {
		margin-right: 50px !important;
	}
	.mr55-sp {
		margin-right: 55px !important;
	}
	.mr60-sp {
		margin-right: 60px !important;
	}
	.mr65-sp {
		margin-right: 65px !important;
	}
	.mr70-sp {
		margin-right: 70px !important;
	}
	.mr75-sp {
		margin-right: 75px !important;
	}
	.mr80-sp {
		margin-right: 80px !important;
	}
	.mr85-sp {
		margin-right: 85px !important;
	}
	.mr90-sp {
		margin-right: 90px !important;
	}
	.mr95-sp {
		margin-right: 95px !important;
	}
	.mr100-sp {
		margin-right: 100px !important;
	}
	/* margin-bottom */
	.mb0-sp {
		margin-bottom: 0 !important;
	}
	.mb5-sp {
		margin-bottom: 5px !important;
	}
	.mb10-sp {
		margin-bottom: 10px !important;
	}
	.mb15-sp {
		margin-bottom: 15px !important;
	}
	.mb20-sp {
		margin-bottom: 20px !important;
	}
	.mb25-sp {
		margin-bottom: 25px !important;
	}
	.mb30-sp {
		margin-bottom: 30px !important;
	}
	.mb35-sp {
		margin-bottom: 35px !important;
	}
	.mb40-sp {
		margin-bottom: 40px !important;
	}
	.mb45-sp {
		margin-bottom: 45px !important;
	}
	.mb50-sp {
		margin-bottom: 50px !important;
	}
	.mb55-sp {
		margin-bottom: 55px !important;
	}
	.mb60-sp {
		margin-bottom: 60px !important;
	}
	.mb65-sp {
		margin-bottom: 65px !important;
	}
	.mb70-sp {
		margin-bottom: 70px !important;
	}
	.mb75-sp {
		margin-bottom: 75px !important;
	}
	.mb80-sp {
		margin-bottom: 80px !important;
	}
	.mb85-sp {
		margin-bottom: 85px !important;
	}
	.mb90-sp {
		margin-bottom: 90px !important;
	}
	.mb95-sp {
		margin-bottom: 95px !important;
	}
	.mb100-sp {
		margin-bottom: 100px !important;
	}
	/* margin-left */
	.ml0-sp {
		margin-left: 0 !important;
	}
	.ml5-sp {
		margin-left: 5px !important;
	}
	.ml10-sp {
		margin-left: 10px !important;
	}
	.ml15-sp {
		margin-left: 15px !important;
	}
	.ml20-sp {
		margin-left: 20px !important;
	}
	.ml25-sp {
		margin-left: 25px !important;
	}
	.ml30-sp {
		margin-left: 30px !important;
	}
	.ml35-sp {
		margin-left: 35px !important;
	}
	.ml40-sp {
		margin-left: 40px !important;
	}
	.ml45-sp {
		margin-left: 45px !important;
	}
	.ml50-sp {
		margin-left: 50px !important;
	}
	.ml55-sp {
		margin-left: 55px !important;
	}
	.ml60-sp {
		margin-left: 60px !important;
	}
	.ml65-sp {
		margin-left: 65px !important;
	}
	.ml70-sp {
		margin-left: 70px !important;
	}
	.ml75-sp {
		margin-left: 75px !important;
	}
	.ml80-sp {
		margin-left: 80px !important;
	}
	.ml85-sp {
		margin-left: 85px !important;
	}
	.ml90-sp {
		margin-left: 90px !important;
	}
	.ml95-sp {
		margin-left: 95px !important;
	}
	.ml100-sp {
		margin-left: 100px !important;
	}
	/* padding */
	.p0-sp {
		padding: 0 !important;
	}
	.p5-sp {
		padding: 5px !important;
	}
	.p10-sp {
		padding: 10px !important;
	}
	.p15-sp {
		padding: 15px !important;
	}
	.p20-sp {
		padding: 20px !important;
	}
	.p25-sp {
		padding: 25px !important;
	}
	.p30-sp {
		padding: 30px !important;
	}
	.p35-sp {
		padding: 35px !important;
	}
	.p40-sp {
		padding: 40px !important;
	}
	.p45-sp {
		padding: 45px !important;
	}
	.p50-sp {
		padding: 50px !important;
	}
	.p55-sp {
		padding: 55px !important;
	}
	.p60-sp {
		padding: 60px !important;
	}
	.p65-sp {
		padding: 65px !important;
	}
	.p70-sp {
		padding: 70px !important;
	}
	.p75-sp {
		padding: 75px !important;
	}
	.p80-sp {
		padding: 80px !important;
	}
	.p85-sp {
		padding: 85px !important;
	}
	.p90-sp {
		padding: 90px !important;
	}
	.p95-sp {
		padding: 95px !important;
	}
	.p100-sp {
		padding: 100px !important;
	}
	/* padding-top */
	.pt0-sp {
		padding-top: 0 !important;
	}
	.pt5-sp {
		padding-top: 5px !important;
	}
	.pt10-sp {
		padding-top: 10px !important;
	}
	.pt15-sp {
		padding-top: 15px !important;
	}
	.pt20-sp {
		padding-top: 20px !important;
	}
	.pt25-sp {
		padding-top: 25px !important;
	}
	.pt30-sp {
		padding-top: 30px !important;
	}
	.pt35-sp {
		padding-top: 35px !important;
	}
	.pt40-sp {
		padding-top: 40px !important;
	}
	.pt45-sp {
		padding-top: 45px !important;
	}
	.pt50-sp {
		padding-top: 50px !important;
	}
	.pt55-sp {
		padding-top: 55px !important;
	}
	.pt60-sp {
		padding-top: 60px !important;
	}
	.pt65-sp {
		padding-top: 65px !important;
	}
	.pt70-sp {
		padding-top: 70px !important;
	}
	.pt75-sp {
		padding-top: 75px !important;
	}
	.pt80-sp {
		padding-top: 80px !important;
	}
	.pt85-sp {
		padding-top: 85px !important;
	}
	.pt90-sp {
		padding-top: 90px !important;
	}
	.pt95-sp {
		padding-top: 95px !important;
	}
	.pt100-sp {
		padding-top: 100px !important;
	}
	/* padding-right */
	.pr0-sp {
		padding-right: 0 !important;
	}
	.pr5-sp {
		padding-right: 5px !important;
	}
	.pr10-sp {
		padding-right: 10px !important;
	}
	.pr15-sp {
		padding-right: 15px !important;
	}
	.pr20-sp {
		padding-right: 20px !important;
	}
	.pr25-sp {
		padding-right: 25px !important;
	}
	.pr30-sp {
		padding-right: 30px !important;
	}
	.pr35-sp {
		padding-right: 35px !important;
	}
	.pr40-sp {
		padding-right: 40px !important;
	}
	.pr45-sp {
		padding-right: 45px !important;
	}
	.pr50-sp {
		padding-right: 50px !important;
	}
	.pr55-sp {
		padding-right: 55px !important;
	}
	.pr60-sp {
		padding-right: 60px !important;
	}
	.pr65-sp {
		padding-right: 65px !important;
	}
	.pr70-sp {
		padding-right: 70px !important;
	}
	.pr75-sp {
		padding-right: 75px !important;
	}
	.pr80-sp {
		padding-right: 80px !important;
	}
	.pr85-sp {
		padding-right: 85px !important;
	}
	.pr90-sp {
		padding-right: 90px !important;
	}
	.pr95-sp {
		padding-right: 95px !important;
	}
	.pr100-sp {
		padding-right: 100px !important;
	}
	/* padding-bottom */
	.pb0-sp {
		padding-bottom: 0 !important;
	}
	.pb5-sp {
		padding-bottom: 5px !important;
	}
	.pb10-sp {
		padding-bottom: 10px !important;
	}
	.pb15-sp {
		padding-bottom: 15px !important;
	}
	.pb20-sp {
		padding-bottom: 20px !important;
	}
	.pb25-sp {
		padding-bottom: 25px !important;
	}
	.pb30-sp {
		padding-bottom: 30px !important;
	}
	.pb35-sp {
		padding-bottom: 35px !important;
	}
	.pb40-sp {
		padding-bottom: 40px !important;
	}
	.pb45-sp {
		padding-bottom: 45px !important;
	}
	.pb50-sp {
		padding-bottom: 50px !important;
	}
	.pb55-sp {
		padding-bottom: 55px !important;
	}
	.pb60-sp {
		padding-bottom: 60px !important;
	}
	.pb65-sp {
		padding-bottom: 65px !important;
	}
	.pb70-sp {
		padding-bottom: 70px !important;
	}
	.pb75-sp {
		padding-bottom: 75px !important;
	}
	.pb80-sp {
		padding-bottom: 80px !important;
	}
	.pb85-sp {
		padding-bottom: 85px !important;
	}
	.pb90-sp {
		padding-bottom: 90px !important;
	}
	.pb95-sp {
		padding-bottom: 95px !important;
	}
	.pb100-sp {
		padding-bottom: 100px !important;
	}
	/* padding-left */
	.pl0-sp {
		padding-left: 0 !important;
	}
	.pl5-sp {
		padding-left: 5px !important;
	}
	.pl10-sp {
		padding-left: 10px !important;
	}
	.pl15-sp {
		padding-left: 15px !important;
	}
	.pl20-sp {
		padding-left: 20px !important;
	}
	.pl25-sp {
		padding-left: 25px !important;
	}
	.pl30-sp {
		padding-left: 30px !important;
	}
	.pl35-sp {
		padding-left: 35px !important;
	}
	.pl40-sp {
		padding-left: 40px !important;
	}
	.pl45-sp {
		padding-left: 45px !important;
	}
	.pl50-sp {
		padding-left: 50px !important;
	}
	.pl55-sp {
		padding-left: 55px !important;
	}
	.pl60-sp {
		padding-left: 60px !important;
	}
	.pl65-sp {
		padding-left: 65px !important;
	}
	.pl70-sp {
		padding-left: 70px !important;
	}
	.pl75-sp {
		padding-left: 75px !important;
	}
	.pl80-sp {
		padding-left: 80px !important;
	}
	.pl85-sp {
		padding-left: 85px !important;
	}
	.pl90-sp {
		padding-left: 90px !important;
	}
	.pl95-sp {
		padding-left: 95px !important;
	}
	.pl100-sp {
		padding-left: 100px !important;
	}
	.mlrauto-sp {
		margin-left: auto;
		margin-right: auto;
	}
	.m1-sp {
		margin-bottom: 1px !important;
	}
}
@media screen and (max-width: 767px) {
	.w1per-sp {
		width: 1% !important;
	}
	.w2per-sp {
		width: 2% !important;
	}
	.w3per-sp {
		width: 3% !important;
	}
	.w4per-sp {
		width: 4% !important;
	}
	.w5per-sp {
		width: 5% !important;
	}
	.w6per-sp {
		width: 6% !important;
	}
	.w7per-sp {
		width: 7% !important;
	}
	.w8per-sp {
		width: 8% !important;
	}
	.w9per-sp {
		width: 9% !important;
	}
	.w10per-sp {
		width: 10% !important;
	}
	.w11per-sp {
		width: 11% !important;
	}
	.w12per-sp {
		width: 12% !important;
	}
	.w13per-sp {
		width: 13% !important;
	}
	.w14per-sp {
		width: 14% !important;
	}
	.w15per-sp {
		width: 15% !important;
	}
	.w16per-sp {
		width: 16% !important;
	}
	.w17per-sp {
		width: 17% !important;
	}
	.w18per-sp {
		width: 18% !important;
	}
	.w19per-sp {
		width: 19% !important;
	}
	.w20per-sp {
		width: 20% !important;
	}
	.w21per-sp {
		width: 21% !important;
	}
	.w22per-sp {
		width: 22% !important;
	}
	.w23per-sp {
		width: 23% !important;
	}
	.w24per-sp {
		width: 24% !important;
	}
	.w25per-sp {
		width: 25% !important;
	}
	.w26per-sp {
		width: 26% !important;
	}
	.w27per-sp {
		width: 27% !important;
	}
	.w28per-sp {
		width: 28% !important;
	}
	.w29per-sp {
		width: 29% !important;
	}
	.w30per-sp {
		width: 30% !important;
	}
	.w31per-sp {
		width: 31% !important;
	}
	.w32per-sp {
		width: 32% !important;
	}
	.w33per-sp {
		width: 33% !important;
	}
	.w34per-sp {
		width: 34% !important;
	}
	.w35per-sp {
		width: 35% !important;
	}
	.w36per-sp {
		width: 36% !important;
	}
	.w37per-sp {
		width: 37% !important;
	}
	.w38per-sp {
		width: 38% !important;
	}
	.w39per-sp {
		width: 39% !important;
	}
	.w40per-sp {
		width: 40% !important;
	}
	.w41per-sp {
		width: 41% !important;
	}
	.w42per-sp {
		width: 42% !important;
	}
	.w43per-sp {
		width: 43% !important;
	}
	.w44per-sp {
		width: 44% !important;
	}
	.w45per-sp {
		width: 45% !important;
	}
	.w46per-sp {
		width: 46% !important;
	}
	.w47per-sp {
		width: 47% !important;
	}
	.w48per-sp {
		width: 48% !important;
	}
	.w49per-sp {
		width: 49% !important;
	}
	.w50per-sp {
		width: 50% !important;
	}
	.w51per-sp {
		width: 51% !important;
	}
	.w52per-sp {
		width: 52% !important;
	}
	.w53per-sp {
		width: 53% !important;
	}
	.w54per-sp {
		width: 54% !important;
	}
	.w55per-sp {
		width: 55% !important;
	}
	.w56per-sp {
		width: 56% !important;
	}
	.w57per-sp {
		width: 57% !important;
	}
	.w58per-sp {
		width: 58% !important;
	}
	.w59per-sp {
		width: 59% !important;
	}
	.w60per-sp {
		width: 60% !important;
	}
	.w61per-sp {
		width: 61% !important;
	}
	.w62per-sp {
		width: 62% !important;
	}
	.w63per-sp {
		width: 63% !important;
	}
	.w64per-sp {
		width: 64% !important;
	}
	.w65per-sp {
		width: 65% !important;
	}
	.w66per-sp {
		width: 66% !important;
	}
	.w67per-sp {
		width: 67% !important;
	}
	.w68per-sp {
		width: 68% !important;
	}
	.w69per-sp {
		width: 69% !important;
	}
	.w70per-sp {
		width: 70% !important;
	}
	.w71per-sp {
		width: 71% !important;
	}
	.w72per-sp {
		width: 72% !important;
	}
	.w73per-sp {
		width: 73% !important;
	}
	.w74per-sp {
		width: 74% !important;
	}
	.w75per-sp {
		width: 75% !important;
	}
	.w76per-sp {
		width: 76% !important;
	}
	.w77per-sp {
		width: 77% !important;
	}
	.w78per-sp {
		width: 78% !important;
	}
	.w79per-sp {
		width: 79% !important;
	}
	.w80per-sp {
		width: 80% !important;
	}
	.w81per-sp {
		width: 81% !important;
	}
	.w82per-sp {
		width: 82% !important;
	}
	.w83per-sp {
		width: 83% !important;
	}
	.w84per-sp {
		width: 84% !important;
	}
	.w85per-sp {
		width: 85% !important;
	}
	.w86per-sp {
		width: 86% !important;
	}
	.w87per-sp {
		width: 87% !important;
	}
	.w88per-sp {
		width: 88% !important;
	}
	.w89per-sp {
		width: 89% !important;
	}
	.w90per-sp {
		width: 90% !important;
	}
	.w91per-sp {
		width: 91% !important;
	}
	.w92per-sp {
		width: 92% !important;
	}
	.w93per-sp {
		width: 93% !important;
	}
	.w94per-sp {
		width: 94% !important;
	}
	.w95per-sp {
		width: 95% !important;
	}
	.w96per-sp {
		width: 96% !important;
	}
	.w97per-sp {
		width: 97% !important;
	}
	.w98per-sp {
		width: 98% !important;
	}
	.w99per-sp {
		width: 99% !important;
	}
	.w100per-sp {
		width: 100% !important;
	}
	.wauto-sp {
		width: auto !important;
	}
}
/* endMedia */
/*--------------------------------------------------------------------
アイコン・矢印
--------------------------------------------------------------------*/
/*2-2-7. Font size [fs-***]*/
.fS10 {
	font-size: 10px !important;
}
.fS11 {
	font-size: 11px !important;
}
.fS12 {
	font-size: 12px !important;
}
.fS13 {
	font-size: 13px !important;
}
.fS14 {
	font-size: 14px !important;
}
.fS15 {
	font-size: 15px !important;
}
.fS16 {
	font-size: 16px !important;
}
.fS17 {
	font-size: 17px !important;
}
.fS18 {
	font-size: 18px !important;
}
.fS19 {
	font-size: 19px !important;
}
.fS20 {
	font-size: 20px !important;
}
.fS22 {
	font-size: 22px !important;
}
.fS24 {
	font-size: 24px !important;
}
.fS26 {
	font-size: 26px !important;
}
.fS28 {
	font-size: 28px !important;
}
.fS30 {
	font-size: 30px !important;
}
.fS32 {
	font-size: 32px !important;
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
	.fS10-tb {
		font-size: 10px !important;
	}
	.fS11-tb {
		font-size: 11px !important;
	}
	.fS12-tb {
		font-size: 12px !important;
	}
	.fS13-tb {
		font-size: 13px !important;
	}
	.fS14-tb {
		font-size: 14px !important;
	}
	.fS15-tb {
		font-size: 15px !important;
	}
	.fS16-tb {
		font-size: 16px !important;
	}
	.fS17-tb {
		font-size: 17px !important;
	}
	.fS18-tb {
		font-size: 18px !important;
	}
	.fS19-tb {
		font-size: 19px !important;
	}
	.fS20-tb {
		font-size: 20px !important;
	}
	.fS22-tb {
		font-size: 22px !important;
	}
	.fS24-tb {
		font-size: 24px !important;
	}
	.fS26-tb {
		font-size: 26px !important;
	}
	.fS28-tb {
		font-size: 28px !important;
	}
	.fS30-tb {
		font-size: 30px !important;
	}
}
@media screen and (max-width: 767px) {
	.fS10-sp {
		font-size: 10px !important;
	}
	.fS11-sp {
		font-size: 11px !important;
	}
	.fS12-sp {
		font-size: 12px !important;
	}
	.fS13-sp {
		font-size: 13px !important;
	}
	.fS14-sp {
		font-size: 14px !important;
	}
	.fS15-sp {
		font-size: 15px !important;
	}
	.fS16-sp {
		font-size: 16px !important;
	}
	.fS17-sp {
		font-size: 17px !important;
	}
	.fS18-sp {
		font-size: 18px !important;
	}
	.fS19-sp {
		font-size: 19px !important;
	}
	.fS20-sp {
		font-size: 20px !important;
	}
	.fS22-sp {
		font-size: 22px !important;
	}
	.fS24-sp {
		font-size: 24px !important;
	}
	.fS26-sp {
		font-size: 26px !important;
	}
	.fS28-sp {
		font-size: 28px !important;
	}
	.fS30-sp {
		font-size: 30px !important;
	}
}
.fwB {
	font-weight: bold;
}
.fwN {
	font-weight: normal;
}