/* sub all */

.art-postcontent{
width: 100%;
margin: 0 auto;
padding: 50px 0 60px;
}

.toppage .art-postcontent:nth-of-type(even),
.subpage .art-postcontent:nth-of-type(even){
background-color: #F3F3F3;
}

.art-postcontent h2.art-postheader,
.art-postcontent h3.art-postheader{
width: 80%;
max-width: 1100px;
margin: 0 auto 20px;
text-align: center;
}

.art-postcontent h2.art-postheader span,
.art-postcontent h3.art-postheader span{
display: inline-block;
font-size: 28px;
font-weight: bold;
color: #333;
border-bottom: 3px solid #7BAA17;
padding: 0 0.5em 3px;
margin: 0 auto 20px;
}


.sub_header{
width: 100%;
margin: 0 auto;
background-color: #F3F3F3;
overflow: hidden;
}

.sub_header h2{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
text-align: center;
background-image: url("../images/common/sub_head.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.sub_header h2 span{
display: inline-block;
font-size: 32px;
font-weight: bold;
letter-spacing: 0.2em;
color: #FFF;
white-space: nowrap;
}

.sub_header h2 span img{
display: inline-block;
font-size: 100%;
height: 1.4em;
margin-right: 0.6em;
vertical-align: top;
}

.sub_header ul.breadcrumb{
display: -webkit-flex;
display: flex;
width: 80%;
max-width: 1100px;
margin: 10px auto;
}

.sub_header ul.breadcrumb li a{
color: #7BAA17;
font-weight: bold;
white-space: nowrap;
}

.sub_header ul.breadcrumb li:first-of-type img{
font-size: 100%;
display: inline-block;
height: 1.4em;
vertical-align: top;
margin: 0 0.4em 0 0;
}

.sub_header ul.breadcrumb li a:hover{
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
color: #7BAA17;
}

.sub_header ul.breadcrumb li a:hover img{
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
}

.sub_header ul.breadcrumb li:nth-of-type(n+2):before{
content: "＞";
display: inline-block;
margin: 0 0.8em;
font-size: 12px;
}

.subpage .art-postcontent div h4{
color: #333;
font-weight: bold;
font-size: 22px;
margin: 40px auto 20px;
padding-bottom: 10px;
border-bottom: 1px dashed #CFCFCF;
}

.subpage .art-postcontent div h4 span{
display: block;
color: #333;
font-weight: bold;
font-size: 100%;
margin: 0 auto;
padding-left: 0.6em;
border-left: 5px solid #7BAA17;
}

.subpage .art-postcontent div h4:first-child{
margin-top: 0;
}




/* アイコンリスト */

ul.doc_list li{
background-image: url("../images/common/docicon.svg");
background-position: 0 0.15em;
background-repeat: no-repeat;
background-size: 1em auto;
margin: 10px auto 0;
padding-left: 20px;
}

ul.link_list li{
background-image: url("../images/common/linkicon.svg");
background-position: 0 0.15em;
background-repeat: no-repeat;
background-size: 1em auto;
margin: 10px auto 0;
padding-left: 20px;
}

ul.doc_list li:before,
ul.link_list li:before{
display: none;
}

/* pkobo-copy */
.pkobo-copy-wrapper{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}

.pkobo-copy-nomargin{
	margin: 0.5em 0 0;
}

.pkobo-copy-nomargin a{
	margin: 0 !important;
}

.pkobo-copy-wrapper > *{
	flex-grow: 0;
	flex-shrink: 0;
}

/* index.html */

.top_intro{
width: 80%;
max-width: 1100px;
margin: 0 auto;
border: 1px solid #7BAA17;
padding: 20px;
font-size: 20px;
}


.top_news{
overflow: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
width: 80%;
max-width: 1100px;
margin: 0 auto;
background-color: #FFF;
padding: 20px 20px 0;
max-height: 460px;
}

.top_news .news_content{
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin: 20px auto;
padding: 20px 0 0;
border-top: 1px dashed #DFDFDF;
}

.top_news .news_content:first-of-type{
margin-top: 0;
padding: 0;
border-top: none;
}

.top_news .news_content .news_date{
display: block;
margin-right: 1em;
}

.top_news .news_content .news_title{
display: block;
flex-grow: 1;
}


.top_banner{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
width: 80%;
max-width: 1100px;
margin: 0 auto !important;
}

.top_banner li{
width: 47%;
margin: 0 6% 0 0;
padding: 0 !important;
}

.top_banner li:nth-of-type(even){
margin-right: 0;
}

.top_banner li:nth-of-type(n+3){
margin-top: 20px;
}

.top_banner li:before{
display: none !important;
}

.top_banner li img{
display: block;
width: 100%;
margin: 0 auto 5px;
}



/* management */

.management_about{
width: 80%;
max-width: 1100px;
margin: 0 auto;
}

.management_about p{
margin: 20px auto 0;
}

.management_about p span{
font-weight: bold;
}

.management_about ul{
margin: 0 auto;
}

.management_about img{
display: block;
width: 100%;
max-width: 600px;
margin: 20px auto 0;
}


/* borrow */

.borrow_content{
width: 80%;
max-width: 1100px;
margin: 0 auto;
}

.borrow_content table{
width: 100%;
table-layout: auto;
border-collapse: collapse;
margin: 10px auto 0;
}

.borrow_content table th{
font-size: 18px;
font-weight: bold;
width: 15%;
vertical-align: top;
padding: 10px 0;
}

.borrow_content table td{
padding: 10px 0;
}

.borrow_content table tr:first-of-type th,
.borrow_content table tr:first-of-type td{
padding-top: 0;
}

.borrow_content table tr:last-of-type th,
.borrow_content table tr:last-of-type td{
padding-bottom: 0;
}

.borrow_content table td span{
color: #F00;
}

.pgbtn{
width: 100%;
text-align: center;
}

.pgbtn ul{
display: inline-block;
}

.pgbtn ul li{
display: inline-block;
margin: 0;
padding: 0;
}

.pgbtn ul li:before{
display: none;
}

.pgbtn ul li a{
display: block;
border: 1px solid #7BAA17;
color: #7BAA17 !important;
padding: 2px 5px;
}

.pgbtn ul li.active a{
background-color: #7BAA17;
color: #FFF !important;
cursor: defoult;
}

.doc_list_limit_wrapper ul.doc_list{
height: 360px;
margin: 10px auto 0;
overflow: auto;
border: 1px solid #DFDFDF;
padding: 0 10px;
}

.doc_list_limit_wrapper ul.doc_list li:last-of-type{
margin-bottom: 10px;
}


/* trade */

.trade_content{
width: 80%;
max-width: 1100px;
margin: 0 auto;
}

.trade_content img{
display: block;
width: 100%;
max-width: 600px;
margin: 20px auto 0;
}


.trade_pamphlet{
width: 80%;
max-width: 1100px;
margin: 0 auto;
}



/* loan */

.loan_list{
width: 80%;
max-width: 1100px;
margin: 0 auto;
}

.loan_list_table_wrapper table{
width: 100%;
margin: 0 auto;
table-layout: fixed;
border-collapse: collapse;
border: 1px solid #333;
background-color: #E6EFB2;
}

.loan_list_table_wrapper table th{
border: 1px solid #333;
text-align: center;
padding: 20px;
}

.loan_list_table_wrapper table td{
border: 1px solid #333;
text-align: center;
padding: 20px;
background-color: #FFF;
}


.loan_list_text{
width: 100%;
padding: 20px;
border: 1px solid #7BAA17;
background-color: #FFF;
margin: 20px auto 0;
}

.loan_list_text span{
color: #F00;
}



/* pamphlet */

.pamphlet_list{
width: 80%;
max-width: 1100px;
margin: 0 auto;
}

.pamphlet_list img{
display: block;
width: 100%;
max-width: 600px;
margin: 20px auto 0;
}

.pamphlet_list p{
display: block;
width: 100%;
max-width: 600px;
text-align: right;
margin: 0 auto;
color: #AFAFAF;
}



/* announcement */

.announce_list{
width: 80%;
max-width: 1100px;
margin: 0 auto;
}



/* about */

.about_message{
width: 80%;
max-width: 1100px;
margin: 0 auto;
}

.about_message_main{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.5em 0;
}

.about_message_main p{
	display: block;
	marin: 0;
}

.about_message p.reverce{
	text-align: right;
	display: block;
	margin: 1em 0 0;
}


.about_corp{
	width: 80%;
	max-width: 1100px;
	margin: 0 auto;
}

.about_corp table,
.about_access table{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 20px auto 0;
}

.about_corp table th,
.about_access table th{
	width: 15%;
	padding: 20px 0;
	border-bottom: 1px solid #CFCFCF;
}

.about_corp table td,
.about_access table td{
	padding: 20px 0;
	border-bottom: 1px solid #CFCFCF;
}

.about_corp table tr:first-of-type th,
.about_corp table tr:first-of-type td,
.about_access table tr:first-of-type th,
.about_access table tr:first-of-type td{
	padding-top: 0;
}

.about_corp img{
	display: block;
	width: max-content;
	max-width: 100%;
	margin: 0 auto;
	background-color: #FFF;
	padding: 10px;
}


.about_outline{
	width: 80%;
	max-width: 1100px;
	margin: 0 auto;
}


.about_document{
	width: 80%;
	max-width: 1100px;
	margin: 0 auto;
}

.about_document p{
	margin: 40px auto 0;
	font-weight: bold;
}

.about_document table{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 20px auto 0;
}

.about_document table td{
	padding: 20px 0;
	border-bottom: 1px solid #CFCFCF;
	text-align: center;
}

.about_document table td:first-of-type{
	width: 15%;
	text-align: left;
}

.about_document table tr:first-of-type td{
	padding-top: 0;
}


.about_access{
	width: 80%;
	max-width: 1100px;
	margin: 0 auto;
}

.about_access iframe{
	display: block;
	width: 100%;
	height: 360px;
}

.about_access p{
	width: 100%;
	text-align: right;
}



/* related */

.related_content{
width: 80%;
max-width: 1100px;
margin: 0 auto;
}



/* contact */

.contact_content, .mail_content{
width: 80%;
max-width: 1100px;
margin: 0 auto;
}

.contact_content .tel_fax{
display: block;
text-align: center;
margin: 0 auto 20px;
}

.contact_content .tel_fax span{
display: inline-block;
font-weight: bold;
font-size: 32px;
}

.contact_content .tel_fax span a{
font-weight: bold;
font-size: inherit;
color: inherit;
}

span.tf_t{
color: #E70001;
}

span.tf_f{
color: #013090;
}

.contact_content .tel_fax span:nth-of-type(n+2){
margin-left: 1.6em;
}


.contact_content .contact_text{
display: block;
text-align: center;
}

.contact_content .contact_text span{
display: inline-block;
text-align: left;
}


.mail_content span.need{
color: #F00;
}

.mail_content table{
width: 100%;
table-layout: fixed;
border-collapse: collapse;
margin: 20px auto 0;
}

.mail_content table th{
width: 20%;
padding: 20px 0 20px 1em;
border: none;
border-bottom: 1px solid #DFDFDF;
}

.mail_content table th span{
font-weight: normal;
font-size: 14px;
color: #7F7F7F;
}

.mail_content table td{
padding: 20px 1em;
border: none;
border-bottom: 1px solid #DFDFDF;
}

.mail_content table td input[type="text"],
.mail_content table td textarea{
width: 100%;
}

.mail_content table td span{
display: inline-block;
margin-top: 5px;
font-size: 14px;
color: #7F7F7F;
}


.form_button{
width: 100%;
margin: 40px auto 0;
text-align: center;
}

.form_button input{
border: none;
background-color: #F08300;
color: #FFF;
font-size: 18px;
padding: 5px 1em 8px;
cursor: pointer;
transition: all 0.5s;
}

.form_button input:hover{
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}

.form_button input:nth-of-type(n+2){
margin-left: 2em;
}

.mail_content .msg{
color: #D00;
}



/* privacy */

.privacy_wrapper{
width: 80%;
max-width: 1100px;
margin: 0 auto;
}

.privacy_wrapper h4{
width: 100%;
font-size: 20px;
margin: 20px auto 0;
}

.privacy_wrapper h4:first-of-type{
margin-top: 0;
}

.privacy_wrapper p{
width: 100%;
margin: 10px auto 0;
}

.privacy_wrapper p span{
font-weight: bold;
}

.privacy_wrapper dl{
width: 100%;
margin: 0 auto;
}

.privacy_wrapper dl dt{
margin: 10px auto 5px;
}

.privacy_wrapper dl dd{
margin: 0 0 0 20px;
}

.privacy_wrapper ul{
margin: 10px auto 0;
}

.privacy_wrapper ul li{
margin: 0 auto;
}

.privacy_wrapper ul li:first-of-type{
font-weight: bold;
padding-left: 0;
}

.privacy_wrapper ul li:first-of-type:before{
display: none;
}



/* sitemap */

.sitemap_menu{
width: 80%;
max-width: 1100px;
margin: 0 auto !important;
}

.sitemap_menu li{
margin: 10px auto 0;
}

.sitemap_menu li:first-of-type{
margin-top: 0;
}



@media (max-width: 870px){

	/* sub all */

	.art-postcontent h2.art-postheader,
	.art-postcontent h3.art-postheader{
	width: 90%;
	}

	.art-postcontent h2.art-postheader span,
	.art-postcontent h3.art-postheader span{
	font-size: 24px;
	}


	.sub_header h2{
	height: 80px;
	}

	.sub_header h2 span{
	font-size: 24px;
	}

	.sub_header ul.breadcrumb{
	width: 90%;
	}

	.sub_header ul.breadcrumb li a{
	color: #7BAA17;
	font-weight: bold;
	}

	.sub_header ul.breadcrumb li:first-of-type img{
	font-size: 100%;
	height: 1.4em;
	vertical-align: top;
	margin: 0 0.4em 0 0;
	}

	.subpage .art-postcontent div h4{
	font-size: 20px;
	}



	/* index.html */

	.top_intro{
	width: 90%;
	font-size: 18px;
	}


	.top_news{
	width: 90%;
	}

	.top_news .news_content{
	display: block;
	}

	.top_news .news_content .news_date{
	margin-right: 0;
	margin-bottom: 5px;
	}


	.top_banner{
	display: block;
	width: 90%;
	}

	.top_banner li,
	.top_banner li:nth-of-type(even),
	.top_banner li:nth-of-type(n+3){
	width: 100%;
	margin: 20px auto 0;
	}

	.top_banner li:first-of-type{
	margin-top: 0;
	}



	/* management */

	.management_about,
	.management_list{
	width: 90%;
	}



	/* borrow */

	.borrow_content{
	width: 90%;
	}

	.borrow_content table th{
	display: block;
	width: 100%;
	}

	.borrow_content table td{
	display: block;
	width: 100%;
	}



	/* trade */

	.trade_content{
	width: 90%;
	}



	.trade_pamphlet{
	width: 90%;
	}



	/* loan */

	.loan_list{
	width: 90%;
	}

	.loan_list table td{
	padding: 20px 10px;
	}



	/* pamphlet */

	.pamphlet_list{
	width: 80%;
	max-width: 1100px;
	margin: 0 auto;
	}

	.pamphlet_list img{
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 20px auto 0;
	}

	.pamphlet_list p{
	display: block;
	width: 100%;
	max-width: 600px;
	text-align: right;
	margin: 0 auto;
	color: #AFAFAF;
	}



	/* announcement */

	.announce_list{
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	}



	/* about */

	.about_message{
	width: 90%;
	}


	.about_corp{
	width: 90%;
	}

	.about_corp table th,
	.about_access table th{
	width: 100%;
	display: block;
	border-bottom: none;
	padding-bottom: 10px;
	}

	.about_corp table td,
	.about_access table td{
	width: 100%;
	display: block;
	padding: 0 0 20px;
	border-bottom: 1px solid #CFCFCF;
	}

	.about_corp table tr:first-of-type th,
	.about_corp table tr:first-of-type td,
	.about_access table tr:first-of-type th,
	.about_access table tr:first-of-type td{
	padding-top: 0;
	}


	.about_outline{
	width: 90%;
	}


	.about_document{
	width: 90%;
	}

	.about_document table td{
	display: block;
	width: 100%;
	border: none;
	padding: 0;
	text-align: left;
	}

	.about_document table td:first-of-type{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 5px;
	font-weight: bold;
	}

	.about_document table td:last-of-type{
	border-bottom: 1px solid #CFCFCF;
	padding-bottom: 20px;
	}

	.about_document table tr:first-of-type td{
	padding-top: 0;
	}


	.about_access{
	width: 90%;
	}



	/* related */

	.related_content{
	width: 90%;
	}



	/* contact */

	.contact_content .tel_fax span,
	.contact_content .tel_fax span:nth-of-type(n+2){
	display: block;
	margin-left: 0;
	}


	.mail_content table{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin: 20px auto 0;
	}

	.mail_content table th{
	width: 100%;
	display: block;
	padding: 20px 5px 10px;
	border: none;
	}

	.mail_content table td{
	width: 100%;
	display: block;
	padding: 0 5px 20px;
	}



	/* privacy */

	.privacy_wrapper{
	width: 90%;
	}



	/* sitemap */

	.sitemap_menu{
	width: 90%;
	}

}


@media (max-width: 400px){

	/* sub all */
	.sub_header h2 span{
	font-size: 18px;
	}

	.sub_header ul.breadcrumb li a{
	font-size: 14px;
	}

}


/*---------------------------------
	commonList end
---------------------------------*/

.commonList{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.5em 0;
	width: auto;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.commonListItem{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0 0.75em;
	margin: 0 !important;
	padding: 0 !important;
}

.commonListItem:before{
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	margin: 0 !important;
	position: static !important;
	font-size: 100% !important;
	line-height: inherit !important;
}

.commonListInner{
	display: block;
	width: 100%;
	margin: 0;
}

@media(min-width: 961px){
	.commonList--col2{
		width: 100%;
		flex-direction: row;
		gap: 0.5em 2em;
	}
	.commonList--col2 > li{
		width: calc((100% - 2em) / 2);
	}
}

.commonList--space > .commonListItem:not(:first-of-type){
	margin-top: 1em;
}

.commonList--full > .commonListItem{
	width: 100%;
}

.commonList--dots > .commonListItem:before{
	content: "";
	display: block;
	width: 0.3em;
	height: 0.3em;
	margin: 0.6em 0 !important;
	border-radius: 50%;
	background-color: #333;
}

.commonList--mark{
	width: calc(100% - 0.5em);
	margin: 0 0 0 0.5em;
}

.commonList--mark > .commonListItem:before{
	content: "※";
	display: block;
	color: #D00;
}

.commonList--num{
    counter-reset: listNum 0;
}

.commonList--num > .commonListItem{
	counter-increment: listNum 1;
}

.commonList--num > .commonListItem:before{
	content: counter(listNum)".";
	color: var(--themeColor);
	font-weight: var(--fontWeightBold);
}

.commonList--icon > .commonListItem:not(:first-of-type){
	margin-top: 0.5em;
}

.commonList--icon > li:before{
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	background-image: url("../../images/common/listIconF.png");
	background-position: center center;
	background-size: contain;
}

/*---------------------------------
	commonList end
---------------------------------*/


.contentColorwrapper{
	display: block;
	background-color: #F3F3F3;
	padding: 2em 2em 1.5em;
	width: 80%;
	margin: 1em auto 0;
}

.contentColorwrapperStitem{
	display: flex;
	flex-direction: column;
	align-items: flax-start;
	justify-content: flax-start;
	gap: 0 0.5em;
	margin: 0 !important;
	padding: 2em !important;
	background-color: #FFF;
}

.contentColorwrapperStitem li{
	width: 100%;
	margin: 0 !important;
}

.contentColorwrapperSubtext{
	margin: 1em auto 0;
	padding-left: 2em;
	color: #777;
}


.doc_list_margin{
	margin: 0 !important;
}

.doc_list_margin li:first-of-type{
	margin-top: 0 !important;
}


/*---------------------------------
	pension_about start
---------------------------------*/
.pension_about{
	width: 80%;
	max-width: 1100px;
	margin: 0 auto;
}

/*---------------------------------
	pension_about end
---------------------------------*/

/*---------------------------------
	youtubeEnvBlock start
---------------------------------*/
.youtubeEnvBlock{
	position: relative;
	width: min(800px, 100%);
	margin: 0 auto;
	aspect-ratio: 16 / 9;
}

.youtubeEnvBlock iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*---------------------------------
	youtubeEnvBlock end
---------------------------------*/

/*---------------------------------
	responsive start
---------------------------------*/
@media(min-width: 1025px){
	.res-pcHidden{
		display: none;
	}
}

@media(max-width: 1024px) and (min-width: 601px){
	.res-tbHidden{
		display: none;
	}
}

@media(max-width: 600px){
	.res-spHidden{
		display: none;
	}
}

/*---------------------------------
	responsive end
---------------------------------*/

/*---------------------------------
	margin start
---------------------------------*/
.mb-0{
	margin-bottom: 0 !important;
}

.mb-half{
	margin-bottom: 0.5rem !important;
}

.mb-1{
	margin-bottom: 1rem !important;
}

.mb-2{
	margin-bottom: 2rem !important;
}

.mb-3{
	margin-bottom: 3rem !important;
}

.mb-4{
	margin-bottom: 4rem !important;
}

.mb-5{
	margin-bottom: 5rem !important;
}

.mb-10{
	margin-bottom: 10rem !important;
}

@media(min-width: 1025px){
	.mb-pc-0{
		margin-bottom: 0 !important;
	}

	.mb-pc-1{
		margin-bottom: 1rem !important;
	}

	.mb-pc-2{
		margin-bottom: 2rem !important;
	}

	.mb-pc-3{
		margin-bottom: 3rem !important;
	}

	.mb-pc-4{
		margin-bottom: 4rem !important;
	}

	.mb-pc-5{
		margin-bottom: 5rem !important;
	}
}

@media(max-width: 1024px) and (min-width: 601px){
	.mb-tb-0{
		margin-bottom: 0 !important;
	}

	.mb-tb-1{
		margin-bottom: 1rem !important;
	}

	.mb-tb-2{
		margin-bottom: 2rem !important;
	}

	.mb-tb-3{
		margin-bottom: 3rem !important;
	}

	.mb-tb-4{
		margin-bottom: 4rem !important;
	}

	.mb-tb-5{
		margin-bottom: 5rem !important;
	}
}

@media(max-width: 600px){
	.mb-sp-0{
		margin-bottom: 0 !important;
	}

	.mb-sp-1{
		margin-bottom: 1rem !important;
	}

	.mb-sp-2{
		margin-bottom: 2rem !important;
	}

	.mb-sp-3{
		margin-bottom: 3rem !important;
	}

	.mb-sp-4{
		margin-bottom: 4rem !important;
	}

	.mb-sp-5{
		margin-bottom: 5rem !important;
	}
}

.mt-0{
	margin-top: 0 !important;
}

.mt-1{
	margin-top: 1rem !important;
}

.mt-2{
	margin-top: 2rem !important;
}

.mt-3{
	margin-top: 3rem !important;
}

.mt-4{
	margin-top: 4rem !important;
}

.mt-5{
	margin-top: 5rem !important;
}

@media(min-width: 1025px){
	.mt-pc-0{
		margin-top: 0 !important;
	}

	.mt-pc-1{
		margin-top: 1rem !important;
	}

	.mt-pc-2{
		margin-top: 2rem !important;
	}

	.mt-pc-3{
		margin-top: 3rem !important;
	}

	.mt-pc-4{
		margin-top: 4rem !important;
	}

	.mt-pc-5{
		margin-top: 5rem !important;
	}
}

@media(max-width: 1024px) and (min-width: 601px){
	.mt-tb-0{
		margin-top: 0 !important;
	}

	.mt-tb-1{
		margin-top: 1rem !important;
	}

	.mt-tb-2{
		margin-top: 2rem !important;
	}

	.mt-tb-3{
		margin-top: 3rem !important;
	}

	.mt-tb-4{
		margin-top: 4rem !important;
	}

	.mt-tb-5{
		margin-top: 5rem !important;
	}
}

@media(max-width: 600px){
	.mt-sp-0{
		margin-top: 0 !important;
	}

	.mt-sp-1{
		margin-top: 1rem !important;
	}

	.mt-sp-2{
		margin-top: 2rem !important;
	}

	.mt-sp-3{
		margin-top: 3rem !important;
	}

	.mt-sp-4{
		margin-top: 4rem !important;
	}

	.mt-sp-5{
		margin-top: 5rem !important;
	}
}

/*---------------------------------
	margin end
---------------------------------*/