@charset "UTF-8";

/*============================================================================================================
area
============================================================================================================*/
.contents .block-area {
	width: 100%;
	max-width: 144.0rem;
	padding: 0 8rem;
	margin: auto;
}

.contents .block-area.page-w1000 {
	width: 94%;
	max-width: 100.0rem;
	padding: 0;
}

.contents .block-area.post {
	width: 94%;
	max-width: 67.0rem;
	padding: 0;
}



@media screen and (max-width: 767px) {

	.contents .block-area {
		padding: 0 5%;
	}

}


/*============================================================================================================
info_area
============================================================================================================*/

.contents .block-area .catch {
	text-align: center;
	font-size: 3.0rem;
	padding: 0 0 2.5rem;
	margin: 0 0 4.0rem;
	position: relative;
}
.contents .block-area .catch::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 6.0rem;
	height: .1rem;
	background: #232946;
}
.contents .block-area .h1_area {
	margin: 0 0 4.0rem
}

.contents .block-area .info_area {
	display: flex;
	font-size: 1.4rem;
	line-height: 2;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	justify-content: center;
	font-size: 2rem;
	margin: 6rem auto;
}

.contents .block-area .info_area .info_area__date {
	color: #999;
	margin: 0 1.0rem 0 0;
}

.contents .block-area .info_area .info_area__category{
	background-color: #ffdc2e;
	border-radius: 1rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2.25;
	padding: 0 1.6rem;
	height: 100%;
}

.contents .block-area .author_area01 {
	display: flex;
	align-items: center;
	margin: 2.5rem 0 6.0rem;
}

.contents .block-area .author_area01__img-box {
	width: 6.0rem;
}
.contents .block-area .author_area01__img-box img{
	background: #ccc;
	border-radius: 50%;
	width: 4.0rem;
	height: 4.0rem;
	object-fit: cover;
}
.contents .block-area .author_area01__txt-box {
	font-size: 1.2rem;
	color: #999;
	font-family: "Noto Serif JP", serif;
	line-height: 1.4;
}

.contents .block-area .author_area01__txt-box a {
	text-decoration: underline;
}

.contents .block-area .author_area02 {
	border-top: .1rem solid #cacaca;
	border-bottom: .1rem solid #cacaca;
	margin: 7.0rem 0;
	padding: 5.0rem 0;
	display: flex;
}

.contents .block-area .author_area02__img-box {
	width: 8.0rem;
	margin: 0 2.0rem 0 0;
}

.contents .block-area .author_area02__img-box img {
	width: 8.0rem;
	height: 8.0rem;
	object-fit: cover;
	border-radius: 50%;
	background: #eee;
}

.contents .block-area .author_area02__txt-box {
	width: calc(100% - 10.0rem);
}

.contents .block-area .author_area02__txt-box p:not([class]){
	margin: 1em 0;
}
.contents .block-area .author_area02__name {
	font-size: 1.8rem;
}

.contents .block-area .author_area02__link-txt {
	text-decoration: underline;
}

/*============================================================================================================
contents
============================================================================================================*/

/*heading*/

.contents .block-area h2,
.contents .block-area h3,
.contents .block-area h4,
.contents .block-area h5,
.contents .block-area h6{
	/* font-family: "Noto Serif JP", serif; */
	line-height: 1.4;
	margin: 5.0rem 0 2.5rem;
	font-weight: 900;
}

.contents .block-area h2{
	margin-top: 10rem;
	margin-bottom: 4rem;
}

.contents .block-area h2.has-text-align-center{
	background: transparent url(../img/page/common/common_hasami.png) no-repeat center top / 6rem auto;
	padding-top: 7rem;
	font-weight: 900;
}
.contents .block-area > h2:first-child{
	margin-top: 6rem;	
}
.contents .block-area h2{
	font-size: 4.0rem;
}
.contents .block-area h3{
	font-size: 3.4rem;
}
.contents .block-area h4{
	font-size: 2.8rem;
}
.contents .block-area h5{
	font-size: 2.4rem;
}
.contents .block-area h6{
	font-size: 2.0rem;
}

@media screen and (max-width: 767px) {


	.contents .block-area h2{
		font-size: 2.2rem;
		margin-top: 6rem;
		margin-bottom: 3rem;
	}
	.contents .block-area h3{
		font-size: 2.0rem;
	}
	.contents .block-area h4{
		font-size: 1.8rem;
	}
	.contents .block-area h5{
		font-size: 1.8rem;
	}
	.contents .block-area h6{
		font-size: 1.6rem;
	}


	.contents .block-area h2.has-text-align-center{
		background: transparent url(../img/page/common/common_hasami.png) no-repeat center top / 4.8rem auto;
		padding-top: 6rem;
		font-weight: 900;
	}

}


/*base parts*/

.contents .block-area p:not([class]),
.contents .block-area p.has-text-align-center{
	margin-bottom: 2em;
}
.contents .block-area p:not([class]):last-child,
.contents .block-area p.has-text-align-center:last-child,
.contents .block-area p.has-background:last-child{
	margin-bottom: 0; 
}


.contents .block-area p:not([class]) > a{
	color: #ff5792;
	text-decoration: underline;
	font-weight: bold;
}

.contents .block-area ul,
.contents .block-area ol{
	margin: 5.0rem 0;
}

.contents .block-area ul li,
.contents .block-area ol li{
	padding-left: 3.0rem;
	position: relative;
	margin-bottom: 1.0rem;
}

.contents .block-area ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1.4rem;
	background: #1f9f60;
	border-radius: 50%;
	width: 1.0rem;
	height: 1.0rem;
}

.contents .block-area ol{
	list-style: none;
	counter-reset: ol;
}

.contents .block-area ol li::before {
	counter-increment: ol;
	content: counter(ol)".";
	position: absolute;
	left: 0;
	top: .1rem;
}
.contents .block-area .wp-block-table {
	margin: 10rem auto;
}

.contents .block-area .wp-block-table table th,
.contents .block-area .wp-block-table table td{
	padding: 2.0rem 2.5rem;
	border: 0.2rem solid #fff;
	background: #e8f5ef;
}
.contents .block-area .wp-block-table table th,
.contents .block-area .wp-block-table table td:first-child{
	background: #1f9f60;
	width: 30%;
	color: #fff;
	font-weight: bold;
}
.contents .block-area .wp-block-table table tr:last-child th,
.contents .block-area .wp-block-table table tr:last-child td{
}


@media screen and (max-width: 767px) {

	.contents .block-area ul,
	.contents .block-area ol{
		margin: 3.0rem 0;
	}

	.contents .block-area ul li,
	.contents .block-area ol li{
		padding-left: 3.0rem;
		position: relative;
		margin-bottom: 1.0rem;
	}

	.contents .block-area ul li::before {
		content: "";
		position: absolute;
		left: 0;
		top: 1.2rem;
		border-radius: 50%;
		width: 1.0rem;
		height: 1.0rem;
	}
	.contents .block-area .wp-block-table{
		margin: 5rem auto;
	}

	.contents .block-area .wp-block-table.sp_col1 table,
	.contents .block-area .wp-block-table.sp_col1 table thead,
	.contents .block-area .wp-block-table.sp_col1 table tbody,
	.contents .block-area .wp-block-table.sp_col1 table tr,
	.contents .block-area .wp-block-table.sp_col1 table th,
	.contents .block-area .wp-block-table.sp_col1 table td{
		display: block;
		width: 100%;
	}
	.contents .block-area .wp-block-table.sp_col1 table th,
	.contents .block-area .wp-block-table.sp_col1 table td,
	.contents .block-area .wp-block-table.sp_col1 table td:last-child {
		border-top: 0;
		padding: 1.5rem 3.0rem;
	}

}



/*============================================================================================================
.wp-block-table table of contents
============================================================================================================*/

#toc_container {
	background: #f7f7f7;
	margin: 0 0 7.0rem;
	padding: 2.5rem 4.5rem;
}

#toc_container ul {
	margin: 0;
}

#toc_container ul li {
	padding-left: 1em;
	margin: 0;
}
#toc_container ul li a{
	display: block;
	padding: 1.0rem 0;
}
#toc_container ul.toc_list > li {
	padding-left: 0;
	color: #797979;
	border-top: .1rem solid #cacaca;
}
#toc_container ul.toc_list > li:first-child{
	border-top: 0;
}
#toc_container ul.toc_list > li > ul {
	border-top: .1rem solid #cacaca;
}

#toc_container ul li::before {
	display: none;
}


#toc_container .toc_title {
	color: #797979;
	padding-left: 3.0rem;
	position: relative;
}

#toc_container .toc_title::before{
	content: "";
	position: absolute;
	border: solid transparent;
	border-top-color: #797979;
	border-width: 1.0rem .6rem;
	left: .2rem;
	top: 1.2rem;
}

/*============================================================================================================
Block
============================================================================================================*/


/*img*/


.contents .block-area figure.wp-block-image img{
	border-radius: 1rem;
}

.contents .block-area figure.wp-block-image figcaption {
	text-align: center;
	margin: 1em 0;
}



/*blockquote*/
.contents .block-area .wp-block-quote{
	margin: 5.0rem auto;
}

/*youtube*/
.contents .block-area figure.wp-block-embed {
	text-align: center;
	margin: 5.0rem auto;
}

/*hr*/
.contents .block-area hr.wp-block-separator {
	margin: 5.0rem auto;
}

/*columns*/
.contents .block-area .wp-block-columns{
	margin: 10rem auto;
}
.contents .block-area .wp-block-columns .wp-block-columns{
	margin: auto;
}
.contents .block-area .wp-block-columns .wp-block-column h2{
	font-size: 3.4rem;
	margin: 0 auto 1em;
}
.contents .block-area .wp-block-columns .wp-block-column h3{
	font-size: 2.8rem;
	margin: 0 auto 1em;	
}
.contents .block-area .wp-block-columns .wp-block-column h4
.contents .block-area .wp-block-columns .wp-block-column h5,
.contents .block-area .wp-block-columns .wp-block-column h6{
	font-size: 2.4rem;
	margin: 0 auto 1em;
}


@media screen and (max-width: 767px) {


	.contents .block-area .wp-block-columns {
		margin: 5rem auto;
		gap: 0;
	}

	.contents .block-area .wp-block-columns .wp-block-column h2{
		font-size: 2.2rem;
		margin: 0 auto 1em;
	}
	.contents .block-area .wp-block-columns .wp-block-column h3{
		font-size: 2.0rem;
		margin: 0 auto 1em;	
	}
	.contents .block-area .wp-block-columns .wp-block-column h4
	.contents .block-area .wp-block-columns .wp-block-column h5,
	.contents .block-area .wp-block-columns .wp-block-column h6{
		font-size: 1.8rem;
		margin: 0 auto 1em;
	}



}

/*button*/
.contents .block-area .wp-block-buttons {
	margin: 5.0rem auto;
	display: flex;
	justify-content: center;
}

.contents .block-area .wp-block-buttons .wp-block-button{

}

.contents .block-area .wp-block-button__link{
	-webkit-user-select: none;
	-moz-user-select: none;
	background-color: #ffdc2e;
	border-radius: 10px;
	box-shadow: 0 0.6rem 0 0 #bea423;
	color: #222;
	display: inline-block;
	font-size: 2.4rem;
	font-weight: 900;
	line-height: 1;
	padding: 3.5rem 9.7rem 3.5rem 4.8rem;
	position: relative;
	transform: translateY(-0.6rem);
	transition: all 0.3s ease 0s;
	user-select: none;
}
.contents .block-area .wp-block-button__link::after{
	background: transparent url(../img/common/common_ut_btn_arrow.png) no-repeat center center / contain;
	content: "";
	height: 2.6rem;
	position: absolute;
	right: 4.9rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2.6rem;
	transition: 0.2s;
}
.contents .block-area .wp-block-button__link:hover{
	opacity: 0.7;
}
.contents .block-area .wp-block-button__link:hover::after{
	right: 4.5rem;
}
/*ボタン背景色指定がない場合の背景色は親要素に準ずる*/
.contents .block-area .wp-block-button:not(.is-style-fill) .wp-block-button__link {
	/* background-color: inherit; */
}

/*ボタン背景色指定がある場合は親要素の背景色はなし*/
.contents .block-area .wp-block-buttons .wp-block-button.is-style-fill{
	background: none;
}

/*ボタン背景色指定がある場合のhoverはopacity*/
.contents .block-area .wp-block-buttons .wp-block-button.is-style-fill .wp-block-button__link:hover{
	opacity: 0.6;	
}


.contents .block-area .wp-block-button:hover {
	opacity: 1;
	background-position: -100% 100%;
}
.contents .block-area .wp-block-button:hover .wp-block-button__link {
	opacity: 1;
	background-position: right 2.0rem center;
}


/*.is_page_link*/
.contents .block-area .wp-block-buttons.is_page_link .wp-block-button .wp-block-button__link{
	-webkit-user-select: none;
	-moz-user-select: none;
	background-color: #ffdc2e;
	border-radius: 10px;
	box-shadow: 0 0.6rem 0 0 #bea423;
	color: #222;
	display: inline-block;
	font-size: 2.2rem;
	font-weight: 900;
	line-height: 1;
	padding: 2.4rem 6rem 2.4rem 3rem;
	position: relative;
	transform: translateY(-0.6rem);
	transition: all 0.3s ease 0s;
	user-select: none;
}

.contents .block-area .wp-block-buttons.is_page_link .wp-block-button .wp-block-button__link:hover{
	box-shadow: 0 0.3rem 0 0 #bea423;
	transform: translateY(-0.3rem);
}
.contents .block-area .wp-block-buttons.is_page_link .wp-block-button .wp-block-button__link::after {
	background: transparent url(../img/common/common_ut_btn_arrow_bottom.png) no-repeat center center / contain;
	content: "";
	height: 2.6rem;
	position: absolute;
	right: 2.3rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2.6rem;
}


@media screen and (max-width: 767px) {
	.contents .block-area .wp-block-buttons .wp-block-button .wp-block-button__link {
		font-size: 1.8rem;
		padding: 2.1rem 7.4rem 2.1rem 5.3rem;
	}

	.contents .block-area .wp-block-buttons .wp-block-button .wp-block-button__link::after {
		height: 1.6rem;
		right: 5.3rem;
		width: 1.6rem;
	}


	.contents .block-area .wp-block-buttons.is_page_link .wp-block-button .wp-block-button__link {
		font-size: 1.5rem;
		padding: 1.1rem 2.6rem 1.1rem 0.8rem;
		margin-bottom: 1rem;
	}

	.contents .block-area .wp-block-buttons.is_page_link .wp-block-button .wp-block-button__link::after {
		height: 1.6rem;
		right: 0.7rem;
		width: 1.6rem;
	}

	.contents .block-area .wp-block-columns .wp-block-column{
		margin-bottom: 2rem;
	}
	.contents .block-area .wp-block-columns .wp-block-column:last-child{
		margin-bottom: 0;		
	}
	.contents .block-area .wp-block-columns.has-2-columns .wp-block-column{
		display: contents;
	}

	.contents .block-area .wp-block-columns.has-2-columns .wp-block-image{
		order: -1;
	}
	.contents .block-area .wp-block-buttons {
		width: 100%;
	}

	.contents .block-area .wp-block-button__link{
		font-size: 2rem;
		line-height: 1.4;
		padding: 2.5rem 5.2rem 2.5rem 2.8rem;
	}
	.contents .block-area .wp-block-button__link::after {
		right: 1.8rem;
	}
}

/*============================================================================================================
Width
============================================================================================================*/

.contents .block-area .width100,
.contents .block-area .width200,
.contents .block-area .width300,
.contents .block-area .width400,
.contents .block-area .width500,
.contents .block-area .width600,
.contents .block-area .width700,
.contents .block-area .width800,
.contents .block-area .width900,
.contents .block-area .width1000{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.contents .block-area .width100{
	max-width: 10.0rem;	
}
.contents .block-area .width200{
	max-width: 20.0rem;	
}
.contents .block-area .width300{
	max-width: 30.0rem;	
}
.contents .block-area .width400{
	max-width: 40.0rem;	
}
.contents .block-area .width500{
	max-width: 50.0rem;	
}
.contents .block-area .width600{
	max-width: 60.0rem;	
}
.contents .block-area .width700{
	max-width: 70.0rem;	
}
.contents .block-area .width800{
	max-width: 80.0rem;	
}
.contents .block-area .width900{
	max-width: 90.0rem;	
}
.contents .block-area .width1000{
	max-width: 100.0rem;
}



/*============================================================================================================
Block FONT=SIZE
============================================================================================================*/

/*特大*/
.contents .block-area .editor-styles-wrapper .has-huge-font-size,
.contents .block-area .editor-styles-wrapper .has-larger-font-size,
.contents .block-area .contents .block-area .has-huge-font-size,
.contents .block-area .has-larger-font-size {
	font-size: 4.2rem!important;
}
/*大*/
.contents .block-area .editor-styles-wrapper .has-large-font-size,
.contents .block-area .has-large-font-size {
	font-size: 3.6rem!important;
}

/*中大*/
.contents .block-area .editor-styles-wrapper .has-medium-large-font-size,
.contents .block-area .has-medium-large-font-size{
	font-size: 2.8rem!important;	
}

/*中*/
.contents .block-area .editor-styles-wrapper .has-medium-font-size,
.contents .block-area .has-medium-font-size{
	font-size: 2.0rem!important;	
}
/*標準*/
.contents .block-area .editor-styles-wrapper .has-normal-font-size,
.contents .block-area .editor-styles-wrapper .has-regular-font-size,
.contents .block-area .has-normal-font-size,
.contents .block-area .has-regular-font-size {
	font-size: 1.6rem!important;
}
/*小*/
.contents .block-area .editor-styles-wrapper .has-small-font-size,
.contents .block-area .has-small-font-size {
	font-size: 1.3rem!important;
}

@media screen and (max-width: 767px) {
	
	/*特大*/
	.contents .block-area .editor-styles-wrapper .has-huge-font-size,
	.contents .block-area .editor-styles-wrapper .has-larger-font-size,
	.contents .block-area .has-huge-font-size,
	.contents .block-area .has-larger-font-size {
		font-size: 2.7rem!important;
	}
	/*大*/
	.contents .block-area .editor-styles-wrapper .has-large-font-size,
	.contents .block-area .has-large-font-size {
		font-size: 2.4rem!important;
	}
	/*中大*/
	.contents .block-area .editor-styles-wrapper .has-medium-large-font-size,
	.contents .block-area .has-medium-large-font-size{
		font-size: 2.0rem!important;	
	}
	/*中*/
	.contents .block-area .editor-styles-wrapper .has-medium-font-size,
	.contents .block-area .has-medium-font-size{
		font-size: 1.8rem!important;	
	}
	/*標準*/
	.contents .block-area .editor-styles-wrapper .has-normal-font-size,
	.contents .block-area .editor-styles-wrapper .has-regular-font-size,
	.contents .block-area .has-normal-font-size,
	.contents .block-area .has-regular-font-size {
		font-size: 1.6rem!important;
	}
	/*小*/
	.contents .block-area .editor-styles-wrapper .has-small-font-size,
	.contents .block-area .has-small-font-size {
		font-size: 1.3rem!important;
	}

}


/*============================================================================================================
box
============================================================================================================*/

.contents .block-area .box {
	border: 1.0rem solid #efefef;
}


/*============================================================================================================
display
============================================================================================================*/
.contents .block-area .block{
	display: block;
}
.contents .block-area .inline{
	display: inline;
}
.contents .block-area .inline-block{
	display: inline-block;
}


/*============================================================================================================
width
============================================================================================================*/

.contents .block-area .w1300 {
	max-width: 130.0rem;
	margin-left: auto;
	margin-right: auto;
}

.contents .block-area .w1200 {
	max-width: 120.0rem;
	margin-left: auto;
	margin-right: auto;
}

.contents .block-area .w1100 {
	max-width: 110.0rem;
	margin-left: auto;
	margin-right: auto;
}

.contents .block-area .w1000 {
	max-width: 100.0rem;
	margin-left: auto;
	margin-right: auto;
}

.contents .block-area .w900 {
	max-width: 90.0rem;
	margin-left: auto;
	margin-right: auto;
}

.contents .block-area .w800 {
	max-width: 80.0rem;
	margin-left: auto;
	margin-right: auto;
}

.contents .block-area .w700 {
	max-width: 70.0rem;
	margin-left: auto;
	margin-right: auto;
}

.contents .block-area .w600 {
	max-width: 60.0rem;
	margin-left: auto;
	margin-right: auto;
}
.contents .block-area .w500 {
	max-width: 50.0rem;
	margin-left: auto;
	margin-right: auto;
}
.contents .block-area .w400 {
	max-width: 40.0rem;
	margin-left: auto;
	margin-right: auto;
}
.contents .block-area .w300 {
	max-width: 30.0rem;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 767px) {

	.contents .block-area .w400_sp {
		max-width: 40.0rem;
	}
	.contents .block-area .w300_sp {
		max-width: 30.0rem;
	}
	.contents .block-area .w200_sp {
		max-width: 20.0rem;
	}
	.contents .block-area .w100_sp {
		max-width: 10.0rem;
	}
	.contents .block-area .w50_sp {
		max-width: 5.0rem;
	}

	.contents .block-area .w100per_sp {
		max-width: 100%;
	}

	.contents .block-area .w90per_sp {
		max-width: 90%;
	}

	.contents .block-area .w80per_sp {
		max-width: 80%;
	}
	.contents .block-area .w70per_sp {
		max-width: 70%;
	}
	.contents .block-area .w60per_sp {
		max-width: 60%;
	}
	.contents .block-area .w50per_sp {
		max-width: 50%;
	}
	.contents .block-area .w40per_sp {
		max-width: 40%;
	}
	.contents .block-area .w30per_sp {
		max-width: 30%;
	}
	.contents .block-area .w20per_sp {
		max-width: 20%;
	}
	.contents .block-area .w10per_sp {
		max-width: 10%;
	}

}

/*============================================================================================================
margin
============================================================================================================*/

.contents .block-area .mauto {
	margin: auto;
}
.contents .block-area .m10 {
	margin: 1.0rem;
}
.contents .block-area .m20 {
	margin: 2.0rem;
}
.contents .block-area .m30 {
	margin: 3.0rem;
}
.contents .block-area .m40 {
	margin: 4.0rem;
}
.contents .block-area .m50 {
	margin: 5.0rem;
}
.contents .block-area .m60 {
	margin: 6.0rem;
}
.contents .block-area .m70 {
	margin: 7.0rem;
}
.contents .block-area .m80 {
	margin: 8.0rem;
}
.contents .block-area .m90 {
	margin: 9.0rem;
}
.contents .block-area .m100 {
	margin: 10.0rem;
}

.contents .block-area .mtauto {
	margin-top: auto;
}
.contents .block-area .mt10 {
	margin-top: 1.0rem;
}
.contents .block-area .mt20 {
	margin-top: 2.0rem;
}
.contents .block-area .mt30 {
	margin-top: 3.0rem;
}
.contents .block-area .mt40 {
	margin-top: 4.0rem;
}
.contents .block-area .mt50 {
	margin-top: 5.0rem;
}
.contents .block-area .mt60 {
	margin-top: 6.0rem;
}
.contents .block-area .mt70 {
	margin-top: 7.0rem;
}
.contents .block-area .mt80 {
	margin-top: 8.0rem;
}
.contents .block-area .mt90 {
	margin-top: 9.0rem;
}
.contents .block-area .mt100 {
	margin-top: 10.0rem;
}

.contents .block-area .mrauto {
	margin-right: auto;
}
.contents .block-area .mr10 {
	margin-right: 1.0rem;
}
.contents .block-area .mr20 {
	margin-right: 2.0rem;
}
.contents .block-area .mr30 {
	margin-right: 3.0rem;
}
.contents .block-area .mr40 {
	margin-right: 4.0rem;
}
.contents .block-area .mr50 {
	margin-right: 5.0rem;
}
.contents .block-area .mr60 {
	margin-right: 6.0rem;
}
.contents .block-area .mr70 {
	margin-right: 7.0rem;
}
.contents .block-area .mr80 {
	margin-right: 8.0rem;
}
.contents .block-area .mr90 {
	margin-right: 9.0rem;
}
.contents .block-area .mr100 {
	margin-right: 10.0rem;
}

.contents .block-area .mbauto {
	margin-bottom: auto;
}
.contents .block-area .mb10 {
	margin-bottom: 1.0rem;
}
.contents .block-area .mb20 {
	margin-bottom: 2.0rem;
}
.contents .block-area .mb30 {
	margin-bottom: 3.0rem;
}
.contents .block-area .mb40 {
	margin-bottom: 4.0rem;
}
.contents .block-area .mb50 {
	margin-bottom: 5.0rem;
}
.contents .block-area .mb60 {
	margin-bottom: 6.0rem;
}
.contents .block-area .mb70 {
	margin-bottom: 7.0rem;
}
.contents .block-area .mb80 {
	margin-bottom: 8.0rem;
}
.contents .block-area .mb90 {
	margin-bottom: 9.0rem;
}
.contents .block-area .mb100 {
	margin-bottom: 10.0rem;
}

.contents .block-area .mlauto {
	margin-left: auto;
}
.contents .block-area .ml10 {
	margin-left: 1.0rem;
}
.contents .block-area .ml20 {
	margin-left: 2.0rem;
}
.contents .block-area .ml30 {
	margin-left: 3.0rem;
}
.contents .block-area .ml40 {
	margin-left: 4.0rem;
}
.contents .block-area .ml50 {
	margin-left: 5.0rem;
}
.contents .block-area .ml60 {
	margin-left: 6.0rem;
}
.contents .block-area .ml70 {
	margin-left: 7.0rem;
}
.contents .block-area .ml80 {
	margin-left: 8.0rem;
}
.contents .block-area .ml90 {
	margin-left: 9.0rem;
}
.contents .block-area .ml100 {
	margin-left: 10.0rem;
}




@media screen and (max-width: 767px) {
	.contents .block-area .m10 {
		margin: .5rem;
	}
	.contents .block-area .m20 {
		margin: 1.0rem;
	}
	.contents .block-area .m30 {
		margin: 1.5rem;
	}
	.contents .block-area .m40 {
		margin: 2.0rem;
	}
	.contents .block-area .m50 {
		margin: 2.5rem;
	}
	.contents .block-area .m60 {
		margin: 3.0rem;
	}
	.contents .block-area .m70 {
		margin: 3.5rem;
	}
	.contents .block-area .m80 {
		margin: 4.0rem;
	}
	.contents .block-area .m90 {
		margin: 4.5rem;
	}
	.contents .block-area .m100 {
		margin: 5.0rem;
	}

	.contents .block-area .mt10 {
		margin-top: .5rem;
	}
	.contents .block-area .mt20 {
		margin-top: 1.0rem;
	}
	.contents .block-area .mt30 {
		margin-top: 1.5rem;
	}
	.contents .block-area .mt40 {
		margin-top: 2.0rem;
	}
	.contents .block-area .mt50 {
		margin-top: 2.5rem;
	}
	.contents .block-area .mt60 {
		margin-top: 3.0rem;
	}
	.contents .block-area .mt70 {
		margin-top: 3.5rem;
	}
	.contents .block-area .mt80 {
		margin-top: 4.0rem;
	}
	.contents .block-area .mt90 {
		margin-top: 4.5rem;
	}
	.contents .block-area .mt100 {
		margin-top: 56.0rem;
	}

	.contents .block-area .mr10 {
		margin-right: .5rem;
	}
	.contents .block-area .mr20 {
		margin-right: 1.0rem;
	}
	.contents .block-area .mr30 {
		margin-right: 1.5rem;
	}
	.contents .block-area .mr40 {
		margin-right: 2.0rem;
	}
	.contents .block-area .mr50 {
		margin-right: 2.5rem;
	}
	.contents .block-area .mr60 {
		margin-right: 3.0rem;
	}
	.contents .block-area .mr70 {
		margin-right: 3.5rem;
	}
	.contents .block-area .mr80 {
		margin-right: 4.0rem;
	}
	.contents .block-area .mr90 {
		margin-right: 4.5rem;
	}
	.contents .block-area .mr100 {
		margin-right: 5.0rem;
	}


	.contents .block-area .mb10 {
		margin-bottom: .5rem;
	}
	.contents .block-area .mb20 {
		margin-bottom: 1.0rem;
	}
	.contents .block-area .mb30 {
		margin-bottom: 1.5rem;
	}
	.contents .block-area .mb40 {
		margin-bottom: 2.0rem;
	}
	.contents .block-area .mb50 {
		margin-bottom: 2.5rem;
	}
	.contents .block-area .mb60 {
		margin-bottom: 3.0rem;
	}
	.contents .block-area .mb70 {
		margin-bottom: 3.5rem;
	}
	.contents .block-area .mb80 {
		margin-bottom: 4.0rem;
	}
	.contents .block-area .mb90 {
		margin-bottom: 4.5rem;
	}
	.contents .block-area .mb100 {
		margin-bottom: 5.0rem;
	}

	.contents .block-area .ml10 {
		margin-left: .5rem;
	}
	.contents .block-area .ml20 {
		margin-left: 1.0rem;
	}
	.contents .block-area .ml30 {
		margin-left: 1.5rem;
	}
	.contents .block-area .ml40 {
		margin-left: 2.0rem;
	}
	.contents .block-area .ml50 {
		margin-left: 2.5rem;
	}
	.contents .block-area .ml60 {
		margin-left: 3.0rem;
	}
	.contents .block-area .ml70 {
		margin-left: 3.5rem;
	}
	.contents .block-area .ml80 {
		margin-left: 4.0rem;
	}
	.contents .block-area .ml90 {
		margin-left: 4.5rem;
	}
	.contents .block-area .ml100 {
		margin-left: 5.0rem;
	}
}




@media screen and (min-width: 481px) {

	.contents .block-area .m10_pc {
		margin: 1.0rem;
	}
	.contents .block-area .m20_pc {
		margin: 2.0rem;
	}
	.contents .block-area .m30_pc {
		margin: 3.0rem;
	}
	.contents .block-area .m40_pc {
		margin: 4.0rem;
	}
	.contents .block-area .m50_pc {
		margin: 5.0rem;
	}
	.contents .block-area .m60_pc {
		margin: 6.0rem;
	}
	.contents .block-area .m70_pc {
		margin: 7.0rem;
	}
	.contents .block-area .m80_pc {
		margin: 8.0rem;
	}
	.contents .block-area .m90_pc {
		margin: 9.0rem;
	}
	.contents .block-area .m100_pc {
		margin: 10.0rem;
	}

	.contents .block-area .mt10_pc {
		margin-top: 1.0rem;
	}
	.contents .block-area .mt20_pc {
		margin-top: 2.0rem;
	}
	.contents .block-area .mt30_pc {
		margin-top: 3.0rem;
	}
	.contents .block-area .mt40_pc {
		margin-top: 4.0rem;
	}
	.contents .block-area .mt50_pc {
		margin-top: 5.0rem;
	}
	.contents .block-area .mt60_pc {
		margin-top: 6.0rem;
	}
	.contents .block-area .mt70_pc {
		margin-top: 7.0rem;
	}
	.contents .block-area .mt80_pc {
		margin-top: 8.0rem;
	}
	.contents .block-area .mt90_pc {
		margin-top: 9.0rem;
	}
	.contents .block-area .mt100_pc {
		margin-top: 10.0rem;
	}

	.contents .block-area .mr10_pc {
		margin-right: 1.0rem;
	}
	.contents .block-area .mr20_pc {
		margin-right: 2.0rem;
	}
	.contents .block-area .mr30_pc {
		margin-right: 3.0rem;
	}
	.contents .block-area .mr40_pc {
		margin-right: 4.0rem;
	}
	.contents .block-area .mr50_pc {
		margin-right: 5.0rem;
	}
	.contents .block-area .mr60_pc {
		margin-right: 6.0rem;
	}
	.contents .block-area .mr70_pc {
		margin-right: 7.0rem;
	}
	.contents .block-area .mr80_pc {
		margin-right: 8.0rem;
	}
	.contents .block-area .mr90_pc {
		margin-right: 9.0rem;
	}
	.contents .block-area .mr100_pc {
		margin-right: 10.0rem;
	}


	.contents .block-area .mb10_pc {
		margin-bottom: 1.0rem;
	}
	.contents .block-area .mb20_pc {
		margin-bottom: 2.0rem;
	}
	.contents .block-area .mb30_pc {
		margin-bottom: 3.0rem;
	}
	.contents .block-area .mb40_pc {
		margin-bottom: 4.0rem;
	}
	.contents .block-area .mb50_pc {
		margin-bottom: 5.0rem;
	}
	.contents .block-area .mb60_pc {
		margin-bottom: 6.0rem;
	}
	.contents .block-area .mb70_pc {
		margin-bottom: 7.0rem;
	}
	.contents .block-area .mb80_pc {
		margin-bottom: 8.0rem;
	}
	.contents .block-area .mb90_pc {
		margin-bottom: 9.0rem;
	}
	.contents .block-area .mb100_pc {
		margin-bottom: 10.0rem;
	}

	.contents .block-area .ml10_pc {
		margin-left: 1.0rem;
	}
	.contents .block-area .ml20_pc {
		margin-left: 2.0rem;
	}
	.contents .block-area .ml30_pc {
		margin-left: 3.0rem;
	}
	.contents .block-area .ml40_pc {
		margin-left: 4.0rem;
	}
	.contents .block-area .ml50_pc {
		margin-left: 5.0rem;
	}
	.contents .block-area .ml60_pc {
		margin-left: 6.0rem;
	}
	.contents .block-area .ml70_pc {
		margin-left: 7.0rem;
	}
	.contents .block-area .ml80_pc {
		margin-left: 8.0rem;
	}
	.contents .block-area .ml90_pc {
		margin-left: 9.0rem;
	}
	.contents .block-area .ml100_pc {
		margin-left: 10.0rem;
	}

}




@media screen and (max-width: 767px) {

	.contents .block-area .m10_sp {
		margin: 1.0rem;
	}
	.contents .block-area .m20_sp {
		margin: 2.0rem;
	}
	.contents .block-area .m30_sp {
		margin: 3.0rem;
	}
	.contents .block-area .m40_sp {
		margin: 4.0rem;
	}
	.contents .block-area .m50_sp {
		margin: 5.0rem;
	}
	.contents .block-area .m60_sp {
		margin: 6.0rem;
	}
	.contents .block-area .m70_sp {
		margin: 7.0rem;
	}
	.contents .block-area .m80_sp {
		margin: 8.0rem;
	}
	.contents .block-area .m90_sp {
		margin: 9.0rem;
	}
	.contents .block-area .m100_sp {
		margin: 10.0rem;
	}

	.contents .block-area .mt10_sp {
		margin-top: 1.0rem;
	}
	.contents .block-area .mt20_sp {
		margin-top: 2.0rem;
	}
	.contents .block-area .mt30_sp {
		margin-top: 3.0rem;
	}
	.contents .block-area .mt40_sp {
		margin-top: 4.0rem;
	}
	.contents .block-area .mt50_sp {
		margin-top: 5.0rem;
	}
	.contents .block-area .mt60_sp {
		margin-top: 6.0rem;
	}
	.contents .block-area .mt70_sp {
		margin-top: 7.0rem;
	}
	.contents .block-area .mt80_sp {
		margin-top: 8.0rem;
	}
	.contents .block-area .mt90_sp {
		margin-top: 9.0rem;
	}
	.contents .block-area .mt100_sp {
		margin-top: 10.0rem;
	}

	.contents .block-area .mr10_sp {
		margin-right: 1.0rem;
	}
	.contents .block-area .mr20_sp {
		margin-right: 2.0rem;
	}
	.contents .block-area .mr30_sp {
		margin-right: 3.0rem;
	}
	.contents .block-area .mr40_sp {
		margin-right: 4.0rem;

	}
	.contents .block-area .mr50_sp {
		margin-right: 5.0rem;
	}
	.contents .block-area .mr60_sp {
		margin-right: 6.0rem;
	}
	.contents .block-area .mr70_sp {
		margin-right: 7.0rem;
	}

	.contents .block-area .mr80_sp {
		margin-right: 8.0rem;

	}
	.contents .block-area .mr90_sp {
		margin-right: 9.0rem;
	}
	.contents .block-area .mr100_sp {
		margin-right: 10.0rem;
	}


	.contents .block-area .mb10_sp {
		margin-bottom: 1.0rem;
	}
	.contents .block-area .mb20_sp {
		margin-bottom: 2.0rem;
	}
	.contents .block-area .mb30_sp {
		margin-bottom: 3.0rem;
	}
	.contents .block-area .mb40_sp {
		margin-bottom: 4.0rem;
	}
	.contents .block-area .mb50_sp {
		margin-bottom: 5.0rem;
	}
	.contents .block-area .mb60_sp {
		margin-bottom: 6.0rem;
	}
	.contents .block-area .mb70_sp {
		margin-bottom: 7.0rem;
	}
	.contents .block-area .mb80_sp {
		margin-bottom: 8.0rem;
	}
	.contents .block-area .mb90_sp {
		margin-bottom: 9.0rem;
	}
	.contents .block-area .mb100_sp {
		margin-bottom: 10.0rem;
	}

	.contents .block-area .ml10_sp {
		margin-left: 1.0rem;
	}
	.contents .block-area .ml20_sp {
		margin-left: 2.0rem;
	}
	.contents .block-area .ml30_sp {
		margin-left: 3.0rem;
	}
	.contents .block-area .ml40_sp {
		margin-left: 4.0rem;
	}
	.contents .block-area .ml50_sp {
		margin-left: 5.0rem;
	}
	.contents .block-area .ml60_sp {
		margin-left: 6.0rem;
	}
	.contents .block-area .ml70_sp {
		margin-left: 7.0rem;
	}
	.contents .block-area .ml80_sp {
		margin-left: 8.0rem;
	}
	.contents .block-area .ml90_sp {
		margin-left: 9.0rem;
	}
	.contents .block-area .ml100_sp {
		margin-left: 10.0rem;
	}



}



/*============================================================================================================
padding
============================================================================================================*/


.contents .block-area .p10 {
	padding: 1.0rem;
}
.contents .block-area .p20 {
	padding: 2.0rem;
}
.contents .block-area .p30 {
	padding: 3.0rem;
}
.contents .block-area .p40 {
	padding: 4.0rem;
}
.contents .block-area .p50 {
	padding: 5.0rem;
}
.contents .block-area .p60 {
	padding: 6.0rem;
}
.contents .block-area .p70 {
	padding: 7.0rem;
}
.contents .block-area .p80 {
	padding: 8.0rem;
}
.contents .block-area .p90 {
	padding: 9.0rem;
}
.contents .block-area .p100 {
	padding: 10.0rem;
}

.contents .block-area .pt10 {
	padding-top: 1.0rem;
}
.contents .block-area .pt20 {
	padding-top: 2.0rem;
}
.contents .block-area .pt30 {
	padding-top: 3.0rem;
}
.contents .block-area .pt40 {
	padding-top: 4.0rem;
}
.contents .block-area .pt50 {
	padding-top: 5.0rem;
}
.contents .block-area .pt60 {
	padding-top: 6.0rem;
}
.contents .block-area .pt70 {
	padding-top: 7.0rem;
}
.contents .block-area .pt80 {
	padding-top: 8.0rem;
}
.contents .block-area .pt90 {
	padding-top: 9.0rem;
}
.contents .block-area .pt100 {
	padding-top: 10.0rem;
}

.contents .block-area .pr10 {
	padding-right: 1.0rem;
}
.contents .block-area .pr20 {
	padding-right: 2.0rem;
}
.contents .block-area .pr30 {
	padding-right: 3.0rem;
}
.contents .block-area .pr40 {
	padding-right: 4.0rem;
}
.contents .block-area .pr50 {
	padding-right: 5.0rem;
}
.contents .block-area .pr60 {
	padding-right: 6.0rem;
}
.contents .block-area .pr70 {
	padding-right: 7.0rem;
}
.contents .block-area .pr80 {
	padding-right: 8.0rem;
}
.contents .block-area .pr90 {
	padding-right: 9.0rem;
}
.contents .block-area .pr100 {
	padding-right: 10.0rem;
}




.contents .block-area .pb10 {
	padding-bottom: 1.0rem;
}
.contents .block-area .pb20 {
	padding-bottom: 2.0rem;
}
.contents .block-area .pb30 {
	padding-bottom: 3.0rem;
}
.contents .block-area .pb40 {
	padding-bottom: 4.0rem;
}
.contents .block-area .pb50 {
	padding-bottom: 5.0rem;
}
.contents .block-area .pb60 {
	padding-bottom: 6.0rem;
}
.contents .block-area .pb70 {
	padding-bottom: 7.0rem;
}
.contents .block-area .pb80 {
	padding-bottom: 8.0rem;
}
.contents .block-area .pb90 {
	padding-bottom: 9.0rem;
}
.contents .block-area .pb100 {
	padding-bottom: 10.0rem;
}

.contents .block-area .pl10 {
	padding-left: 1.0rem;
}
.contents .block-area .pl20 {
	padding-left: 2.0rem;
}
.contents .block-area .pl30 {
	padding-left: 3.0rem;
}
.contents .block-area .pl40 {
	padding-left: 4.0rem;
}
.contents .block-area .pl50 {
	padding-left: 5.0rem;
}
.contents .block-area .pl60 {
	padding-left: 6.0rem;
}
.contents .block-area .pl70 {
	padding-left: 7.0rem;
}
.contents .block-area .pl80 {
	padding-left: 8.0rem;
}
.contents .block-area .pl90 {
	padding-left: 9.0rem;
}
.contents .block-area .pl100 {
	padding-left: 10.0rem;
}




@media screen and (max-width: 767px) {
	.contents .block-area .p10 {
		padding: .5rem;
	}
	.contents .block-area .p20 {
		padding: 1.0rem;
	}
	.contents .block-area .p30 {
		padding: 1.5rem;
	}
	.contents .block-area .p40 {
		padding: 2.0rem;
	}
	.contents .block-area .p50 {
		padding: 2.5rem;
	}
	.contents .block-area .p60 {
		padding: 3.0rem;
	}
	.contents .block-area .p70 {
		padding: 3.5rem;
	}
	.contents .block-area .p80 {
		padding: 4.0rem;
	}
	.contents .block-area .p90 {
		padding: 4.5rem;
	}
	.contents .block-area .p100 {
		padding: 5.0rem;
	}

	.contents .block-area .pt10 {
		padding-top: .5rem;
	}
	.contents .block-area .pt20 {
		padding-top: 1.0rem;
	}
	.contents .block-area .pt30 {
		padding-top: 1.5rem;
	}
	.contents .block-area .pt40 {
		padding-top: 2.0rem;
	}
	.contents .block-area .pt50 {
		padding-top: 2.5rem;
	}
	.contents .block-area .pt60 {
		padding-top: 3.0rem;
	}
	.contents .block-area .pt70 {
		padding-top: 3.5rem;
	}
	.contents .block-area .pt80 {
		padding-top: 4.0rem;
	}
	.contents .block-area .pt90 {
		padding-top: 4.5rem;
	}
	.contents .block-area .pt100 {
		padding-top: 56.0rem;
	}

	.contents .block-area .pr10 {
		padding-right: .5rem;
	}
	.contents .block-area .pr20 {
		padding-right: 1.0rem;
	}
	.contents .block-area .pr30 {
		padding-right: 1.5rem;
	}
	.contents .block-area .pr40 {
		padding-right: 2.0rem;
	}
	.contents .block-area .pr50 {
		padding-right: 2.5rem;
	}
	.contents .block-area .pr60 {
		padding-right: 3.0rem;
	}
	.contents .block-area .pr70 {
		padding-right: 3.5rem;
	}
	.contents .block-area .pr80 {
		padding-right: 4.0rem;
	}
	.contents .block-area .pr90 {
		padding-right: 4.5rem;
	}
	.contents .block-area .pr100 {
		padding-right: 5.0rem;
	}


	.contents .block-area .pb10 {
		padding-bottom: .5rem;
	}
	.contents .block-area .pb20 {
		padding-bottom: 1.0rem;
	}
	.contents .block-area .pb30 {
		padding-bottom: 1.5rem;
	}
	.contents .block-area .pb40 {
		padding-bottom: 2.0rem;
	}
	.contents .block-area .pb50 {
		padding-bottom: 2.5rem;
	}
	.contents .block-area .pb60 {
		padding-bottom: 3.0rem;
	}
	.contents .block-area .pb70 {
		padding-bottom: 3.5rem;
	}
	.contents .block-area .pb80 {
		padding-bottom: 4.0rem;
	}
	.contents .block-area .pb90 {
		padding-bottom: 4.5rem;
	}
	.contents .block-area .pb100 {
		padding-bottom: 5.0rem;
	}

	.contents .block-area .pl10 {
		padding-left: .5rem;
	}
	.contents .block-area .pl20 {
		padding-left: 1.0rem;
	}
	.contents .block-area .pl30 {
		padding-left: 1.5rem;
	}
	.contents .block-area .pl40 {
		padding-left: 2.0rem;
	}
	.contents .block-area .pl50 {
		padding-left: 2.5rem;
	}
	.contents .block-area .pl60 {
		padding-left: 3.0rem;
	}
	.contents .block-area .pl70 {
		padding-left: 3.5rem;
	}
	.contents .block-area .pl80 {
		padding-left: 4.0rem;
	}
	.contents .block-area .pl90 {
		padding-left: 4.5rem;
	}
	.contents .block-area .pl100 {
		padding-left: 5.0rem;
	}
}




@media screen and (min-width: 481px) {

	.contents .block-area .p10_pc {
		padding: 1.0rem;
	}
	.contents .block-area .p20_pc {
		padding: 2.0rem;
	}
	.contents .block-area .p30_pc {
		padding: 3.0rem;
	}
	.contents .block-area .p40_pc {
		padding: 4.0rem;
	}
	.contents .block-area .p50_pc {
		padding: 5.0rem;
	}
	.contents .block-area .p60_pc {
		padding: 6.0rem;
	}
	.contents .block-area .p70_pc {
		padding: 7.0rem;
	}
	.contents .block-area .p80_pc {
		padding: 8.0rem;
	}
	.contents .block-area .p90_pc {
		padding: 9.0rem;
	}
	.contents .block-area .p100_pc {
		padding: 10.0rem;
	}

	.contents .block-area .pt10_pc {
		padding-top: 1.0rem;
	}
	.contents .block-area .pt20_pc {
		padding-top: 2.0rem;
	}
	.contents .block-area .pt30_pc {
		padding-top: 3.0rem;
	}
	.contents .block-area .pt40_pc {
		padding-top: 4.0rem;
	}
	.contents .block-area .pt50_pc {
		padding-top: 5.0rem;
	}
	.contents .block-area .pt60_pc {
		padding-top: 6.0rem;
	}
	.contents .block-area .pt70_pc {
		padding-top: 7.0rem;
	}
	.contents .block-area .pt80_pc {
		padding-top: 8.0rem;
	}
	.contents .block-area .pt90_pc {
		padding-top: 9.0rem;
	}
	.contents .block-area .pt100_pc {
		padding-top: 10.0rem;
	}

	.contents .block-area .pr10_pc {
		padding-right: 1.0rem;
	}
	.contents .block-area .pr20_pc {
		padding-right: 2.0rem;
	}
	.contents .block-area .pr30_pc {
		padding-right: 3.0rem;
	}
	.contents .block-area .pr40_pc {
		padding-right: 4.0rem;
	}
	.contents .block-area .pr50_pc {
		padding-right: 5.0rem;
	}
	.contents .block-area .pr60_pc {
		padding-right: 6.0rem;
	}
	.contents .block-area .pr70_pc {
		padding-right: 7.0rem;
	}
	.contents .block-area .pr80_pc {
		padding-right: 8.0rem;
	}
	.contents .block-area .pr90_pc {
		padding-right: 9.0rem;
	}
	.contents .block-area .pr100_pc {
		padding-right: 10.0rem;
	}


	.contents .block-area .pb10_pc {
		padding-bottom: 1.0rem;
	}
	.contents .block-area .pb20_pc {
		padding-bottom: 2.0rem;
	}
	.contents .block-area .pb30_pc {
		padding-bottom: 3.0rem;
	}
	.contents .block-area .pb40_pc {
		padding-bottom: 4.0rem;
	}
	.contents .block-area .pb50_pc {
		padding-bottom: 5.0rem;
	}
	.contents .block-area .pb60_pc {
		padding-bottom: 6.0rem;
	}
	.contents .block-area .pb70_pc {
		padding-bottom: 7.0rem;
	}
	.contents .block-area .pb80_pc {
		padding-bottom: 8.0rem;
	}
	.contents .block-area .pb90_pc {
		padding-bottom: 9.0rem;
	}
	.contents .block-area .pb100_pc {
		padding-bottom: 10.0rem;
	}

	.contents .block-area .pl10_pc {
		padding-left: 1.0rem;
	}
	.contents .block-area .pl20_pc {
		padding-left: 2.0rem;
	}
	.contents .block-area .pl30_pc {
		padding-left: 3.0rem;
	}
	.contents .block-area .pl40_pc {
		padding-left: 4.0rem;
	}
	.contents .block-area .pl50_pc {
		padding-left: 5.0rem;
	}
	.contents .block-area .pl60_pc {
		padding-left: 6.0rem;
	}
	.contents .block-area .pl70_pc {
		padding-left: 7.0rem;
	}
	.contents .block-area .pl80_pc {
		padding-left: 8.0rem;
	}
	.contents .block-area .pl90_pc {
		padding-left: 9.0rem;
	}
	.contents .block-area .pl100_pc {
		padding-left: 10.0rem;
	}



}




@media screen and (max-width: 767px) {

	.contents .block-area .p10_sp {
		padding: 1.0rem;
	}
	.contents .block-area .p20_sp {
		padding: 2.0rem;
	}
	.contents .block-area .p30_sp {
		padding: 3.0rem;
	}
	.contents .block-area .p40_sp {
		padding: 4.0rem;
	}
	.contents .block-area .p50_sp {
		padding: 5.0rem;
	}
	.contents .block-area .p60_sp {
		padding: 6.0rem;
	}
	.contents .block-area .p70_sp {
		padding: 7.0rem;
	}
	.contents .block-area .p80_sp {
		padding: 8.0rem;
	}
	.contents .block-area .p90_sp {
		padding: 9.0rem;
	}
	.contents .block-area .p100_sp {
		padding: 10.0rem;
	}

	.contents .block-area .pt10_sp {
		padding-top: 1.0rem;
	}
	.contents .block-area .pt20_sp {
		padding-top: 2.0rem;
	}
	.contents .block-area .pt30_sp {
		padding-top: 3.0rem;
	}
	.contents .block-area .pt40_sp {
		padding-top: 4.0rem;
	}
	.contents .block-area .pt50_sp {
		padding-top: 5.0rem;
	}
	.contents .block-area .pt60_sp {
		padding-top: 6.0rem;
	}
	.contents .block-area .pt70_sp {
		padding-top: 7.0rem;
	}
	.contents .block-area .pt80_sp {
		padding-top: 8.0rem;
	}
	.contents .block-area .pt90_sp {
		padding-top: 9.0rem;
	}
	.contents .block-area .pt100_sp {
		padding-top: 10.0rem;
	}

	.contents .block-area .pr10_sp {
		padding-right: 1.0rem;
	}
	.contents .block-area .pr20_sp {
		padding-right: 2.0rem;
	}
	.contents .block-area .pr30_sp {
		padding-right: 3.0rem;
	}
	.contents .block-area .pr40_sp {
		padding-right: 4.0rem;
	}
	.contents .block-area .pr50_sp {
		padding-right: 5.0rem;
	}
	.contents .block-area .pr60_sp {
		padding-right: 6.0rem;
	}
	.contents .block-area .pr70_sp {
		padding-right: 7.0rem;
	}
	.contents .block-area .pr80_sp {
		padding-right: 8.0rem;
	}
	.contents .block-area .pr90_sp {
		padding-right: 9.0rem;
	}
	.contents .block-area .pr100_sp {
		padding-right: 10.0rem;
	}


	.contents .block-area .pb10_sp {
		padding-bottom: 1.0rem;
	}
	.contents .block-area .pb20_sp {
		padding-bottom: 2.0rem;
	}
	.contents .block-area .pb30_sp {
		padding-bottom: 3.0rem;
	}
	.contents .block-area .pb40_sp {
		padding-bottom: 4.0rem;
	}
	.contents .block-area .pb50_sp {
		padding-bottom: 5.0rem;
	}
	.contents .block-area .pb60_sp {
		padding-bottom: 6.0rem;
	}
	.contents .block-area .pb70_sp {
		padding-bottom: 7.0rem;
	}
	.contents .block-area .pb80_sp {
		padding-bottom: 8.0rem;
	}
	.contents .block-area .pb90_sp {
		padding-bottom: 9.0rem;
	}
	.contents .block-area .pb100_sp {
		padding-bottom: 10.0rem;
	}

	.contents .block-area .pl10_sp {
		padding-left: 1.0rem;
	}
	.contents .block-area .pl20_sp {
		padding-left: 2.0rem;
	}
	.contents .block-area .pl30_sp {
		padding-left: 3.0rem;
	}
	.contents .block-area .pl40_sp {
		padding-left: 4.0rem;
	}
	.contents .block-area .pl50_sp {
		padding-left: 5.0rem;
	}
	.contents .block-area .pl60_sp {
		padding-left: 6.0rem;
	}
	.contents .block-area .pl70_sp {
		padding-left: 7.0rem;
	}
	.contents .block-area .pl80_sp {
		padding-left: 8.0rem;
	}
	.contents .block-area .pl90_sp {
		padding-left: 9.0rem;
	}
	.contents .block-area .pl100_sp {
		padding-left: 10.0rem;
	}



}
/*------------------------------------------
text-align
------------------------------------------*/

.contents .block-area .txt-l{
	text-align: left;
}

.contents .block-area .txt-r{
	text-align: right;
}

.contents .block-area .txt-c{
	text-align: center;
}

@media screen and (min-width: 481px) {

	.contents .block-area .txt-l_pc{
		text-align: left;
	}

	.contents .block-area .txt-r_pc{
		text-align: right;
	}

	.contents .block-area .txt-c_pc{
		text-align: center;
	}

}


@media screen and (max-width: 767px) {

	.contents .block-area .txt-l_sp{
		text-align: left;
	}

	.contents .block-area .txt-r_sp{
		text-align: right;
	}

	.contents .block-area .txt-c_sp{
		text-align: center;
	}
}

/*------------------------------------------
style-adjust
------------------------------------------*/

/*heading*/

.contents .block-area h1.has-background, 
.contents .block-area h2.has-background, 
.contents .block-area h3.has-background, 
.contents .block-area h4.has-background, 
.contents .block-area h5.has-background, 
.contents .block-area h6.has-background{
	padding: 0.75em 1.575em;
}

/*has-background*/
.contents .block-area .has-background {
	padding: 2.5rem 3.5rem;
	border-radius: 2rem;
}

/*group*/


.contents .block-area .wp-block-group.has-background .wp-block-group__inner-container h2:first-child {
	margin-top: 0;
}
.contents .block-area .wp-block-group.has-background .wp-block-group__inner-container *:first-child{
	margin-top: 0;
}
.contents .block-area .wp-block-group.has-background .wp-block-group__inner-container *:last-child {
	margin-bottom: 0;
}

/*columns*/

.wp-block-columns.has-background {
	padding: 5vw;
}

/*group > columns*/

.contents .block-area .wp-block-group.has-background .wp-block-columns.has-background {
	padding: 5rem;
}


/*------------------------------------------
snow-monkey
------------------------------------------*/

/*ギャラリー*/
.contents .block-area .wp-block-gallery ul li.blocks-gallery-item {
	margin: 0;
	padding: 0;
	width: calc((100% - 3.2rem ) / 3);
	margin-right: 1.6rem;
	margin-bottom: 1.6rem;
}
.contents .block-area .wp-block-gallery ul li.blocks-gallery-item:nth-child(3n){
	margin-right: 0;
}
.contents .block-area .wp-block-gallery ul li.blocks-gallery-item::before{
	display: none;
	padding: 0;
}

/*ステップ*/
.contents .block-area .smb-step__body:before {
	display: none;
}
.contents .block-area .smb-step__item {
	margin: 2rem auto;
	margin-left: 0;
	padding-left: 4.5rem;
	position: relative;
}
.contents .block-area .smb-step__item .smb-step__item__number{
	font-size: 1.6rem;
}
.contents .block-area .smb-step__item:before {
	content: "";
	display: block;
	position: absolute;
	top: 3.1rem;
	bottom: -4rem;
	left: 1.2rem;
	border-left: .1rem dotted #ccc;
	border-left-color: var(--_light-color-gray,#ccc);
	height: 100%;
}

.contents .block-area .smb-step__item:last-child:before {
	display: none;
}

/*バナー*/

.contents .block-area .smb-items__banner__title {
	line-height: 1.4;
	font-size: 3rem;
	margin-bottom: 2rem;
}

.contents .block-area .smb-items__banner__lede {
	font-size: 1.4rem;
}


/*タイトル・リード*/

.contents .block-area .smb-items__item__title {
	font-size: 1.6rem;
}

.contents .block-area .smb-items__item__lede {
	font-size: 1.2rem;
}

/*レート*/

.contents .block-area .wp-block-snow-monkey-blocks-rating-box {
	margin: 5rem auto;
}

/*吹き出し*/

.contents .block-area .smb-balloon{
	margin: 5rem auto;	
}
.contents .block-area .smb-balloon__figure {
	position: relative;
	flex: 0 0 16.0rem;
	height: 16.0rem;
	width: 16.0rem;
	overflow: auto;
	max-width: 16.0rem;
}

.contents .block-area .is-style-sme-speech {
	margin-bottom: 0;
}

.contents .block-area .smb-balloon .smb-balloon__body p:last-child{
	margin-bottom: 0;
}

/*カバー*/

.contents .block-area .wp-block-cover.has-background-dim {
	margin: 10rem auto;
	padding: 10rem;
}

.contents .block-area .wp-block-cover.has-background-dim *:last-child {
	margin-bottom: 0;
}

.contents .block-area .wp-block-cover.has-background-dim .wp-block-cover__inner-container {
	width: 80%;
}

/*ボタン*/

.contents .block-area .smb-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	background-size: 200% 100%;
	background-image: linear-gradient(to right, #232946 50%, #343d68 50%);
	max-width: 42.0rem;
	width: 80%;
	transition: all 0.3s ease-in-out;
	border-radius: 0;
	padding: 0;
}

.contents .block-area .smb-btn span{
	background-image: url(../img/common/ico_arrow03.png);
	background-repeat: no-repeat;
	background-position: right 2.5rem center;
	background-size: 2.0rem;
	transition: all 0.3s ease-in-out;
	width: 100%;
	padding: 2.2rem 6.4rem 2.2rem 3.0rem;
	line-height: 1.6;
	border-radius: 0;
	display: block;
	border-radius: 0;
}
.contents .block-area .smb-btn:hover {
	opacity: 1;
	background-position: -100% 100%;
}
.contents .block-area .smb-btn:hover span {
	opacity: 1;
	background-position: right 2.0rem center;
}

/*キャッチ付きボタン*/

.contents .block-area .smb-btn-box {
	margin: 5rem auto;
}
.contents .block-area .smb-btn-box .c-container{
	padding: 0;
}
.contents .block-area .smb-btn-box .smb-btn-box__btn-wrapper {
	margin: auto;
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 767px) {
	.contents .block-area .wp-block-cover.has-background-dim {
		margin: 5rem auto;
		padding: 5%;
	}

	.contents .block-area .wp-block-cover.has-background-dim .wp-block-cover__inner-container {
		width: 90%;
	}
}

/*faq*/
.contents .block-area .smb-faq__item__answer__label,
.contents .block-area  .smb-faq__item__question__label {
	font-size: 3rem;
	font-weight: bold;
	color: #232946;
}

.contents .block-area .smb-faq__item__answer__label {margin-left: 0.13em;}

/*balloon*/


.contents .block-area .smb-balloon__body {
	background: #fff;
	padding: 4rem;
}

.contents .block-area .smb-balloon__body strong {
	font-size: 2rem;
	display: inline-block;
	margin-bottom: 2rem;
}

.contents .block-area .smb-balloon--reverse .smb-balloon__body:after {
	border-width: 1.0rem 1.8rem;
	right: -3.6rem;
}

.contents .block-area .smb-balloon--reverse .smb-balloon__person .smb-balloon__name a {
	font-weight: bold;
	text-decoration: underline;
}
/*///////////////////////////////////////////////////*/
/*original parts*/
/*///////////////////////////////////////////////////*/



/*.office_voice*/

.contents .block-area .office_voice_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 2%;
}

.contents .block-area .office_voice_box {
	width: 32%;
	padding: 2.5rem;
	margin-bottom: 2.5rem;
	border-radius: 2rem;
	border: 0.3rem solid #1f9f60;
	display: flex;
	flex-direction: column;
}

.contents .block-area .office_voice_box__tit {
	font-size: 2.4rem;
	margin-top: 1.5rem;
}

.contents .block-area .office_voice_star {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	background: #fdfaea;
	padding: 2rem;
}

.contents .block-area .office_voice_star span {
	color: #d3b626;
	font-size: 2.9rem;
	display: block;
	margin: 1rem auto 0;,:
	initial;,:
	initial;,:
	a;
	border-radius: 20rem;
}

.contents .block-area .office_voice_info-box {
	margin-bottom: 2.4rem;
	margin-top: 2rem;
	padding: 0 1rem;
}
.contents .block-area .office_voice_info-box_img{
	margin-bottom: 2rem;
}
.contents .block-area .office_voice_info-box_img img {
	width: 100%;
	height: 20rem;
	object-fit: cover;
}

.contents .block-area .office_voice_info-box span {
	font-weight: bold;
}


.office_voice__link {
	margin-top: auto;
}

.office_voice__link a {
	background-color: #ffdc2e;
	border-radius: 2.4rem;
	font-size: 2rem;
	font-weight: 900;
	padding: 1.5rem 3.6rem 1.5rem 2rem;
	display: block;
	line-height: 1.4;
	margin-top: 2rem;
	position: relative;
}
.office_voice__link a::after {
	background: transparent url(../img/common/common_ut_btn_arrow.png) no-repeat center center / contain;
	content: "";
	height: 2.2rem;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2.6rem;
	transition: 0.3s;
}

.office_voice__link a:hover::after{
	right: 0.6rem;	
}

@media screen and (max-width: 767px) {
	.c-inner01{
		display: contents;
	}
	.js-category-label.is-active {
		background: none;
		text-decoration: underline #ffdc2e 3px;
	}

	.contents .block-area .office_voice_wrap {
		display: block;
	}

	.contents .block-area .office_voice_box {
		width: 100%;
	}
}