@charset "UTF-8";

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

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

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



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

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

}


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

.contents .block-area .catch {
	text-align: center;
	font-size: 30px;
	padding: 0 0 25px;
	margin: 0 0 40px;
	position: relative;
}
.contents .block-area .catch::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 60px;
	height: 1px;
	background: #232946;
}
.contents .block-area .h1_area {
	margin: 0 0 40px
}

.contents .block-area .info_area {
	display: flex;
	font-size: 14px;
	line-height: 2;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

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

.contents .block-area .info_area .info_area__category{
	margin: 0 10px 0 0;
	padding: 0 15px;
	border: 1px solid #999;
}

.contents .block-area .author_area01 {
	display: flex;
	align-items: center;
	margin: 25px 0 60px;
}

.contents .block-area .author_area01__img-box {
	width: 60px;
}
.contents .block-area .author_area01__img-box img{
	background: #ccc;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	object-fit: cover;
}
.contents .block-area .author_area01__txt-box {
	font-size: 12px;
	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: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	margin: 70px 0;
	padding: 50px 0;
	display: flex;
}

.contents .block-area .author_area02__img-box {
	width: 80px;
	margin: 0 20px 0 0;
}

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

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

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

.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: 3em 0 2em;
	font-weight: bold;
}

.contents .block-area h2{
	font-size: 34px;
}
.contents .block-area h3{
	font-size: 26px;
	border-bottom: 2px solid #f7b52c;
	position: relative;
	display: table;
	padding-bottom: 1em;
	margin: 2em 0 1em;
}
.contents .block-area h3.has-text-align-center{
		text-align: center;
		margin :auto;
}
.contents .block-area h3::after{
	content: "";
	position: absolute;
	width: 200px;
	height: 2px;
	background: #fc1e13;
	left: 0;
	bottom: -2px;
}
.contents .block-area h4{
	font-size: 22px;
	line-height: 1.6;
}
.contents .block-area h5{
	font-size: 20px;
}
.contents .block-area h6{
	font-size: 18px;
}

.contents .block-area .wp-block-column h2,
.contents .block-area .wp-block-column h3,
.contents .block-area .wp-block-column h4,
.contents .block-area .wp-block-column h5,
.contents .block-area .wp-block-column h6{
	margin-top: 0;
}


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


	.contents .block-area h2{
		font-size: 22px;
	}
	.contents .block-area h3{
		font-size: 20px;
	}
	.contents .block-area h4{
		font-size: 18px;
	}
	.contents .block-area h5{
		font-size: 18px;
	}
	.contents .block-area h6{
		font-size: 16px;
	}




}


/*base parts*/

.contents .block-area p:not([class]),
.contents .block-area p.has-text-align-center{
	margin-bottom: 30px;
}

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

.contents .block-area ul,
.contents .block-area ol{
	margin: 50px 0;
}

.contents .block-area ul li,
.contents .block-area ol li{
	padding-left: 30px;
	position: relative;
	margin-bottom: 10px;
}

.contents .block-area ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	background: #232946;
	border-radius: 50%;
	width: 10px;
	height: 10px;
}

.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: 1px;
}
.contents .block-area table th,
.contents .block-area table td{
	padding: 20px 40px;
	border-top:1px solid #232946;
}
.contents .block-area table th,
.contents .block-area table td:first-child{
	background: #e9e9ec;
	width: 30%;
}
.contents .block-area table tr:last-child th,
.contents .block-area table tr:last-child td{
	border-bottom:1px solid #232946;
}


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

	.contents .block-area ul,
	.contents .block-area ol{
		margin: 30px 0;
	}

	.contents .block-area ul li,
	.contents .block-area ol li{
		padding-left: 30px;
		position: relative;
		margin-bottom: 10px;
	}

	.contents .block-area ul li::before {
		content: "";
		position: absolute;
		left: 0;
		top: 12px;
		background: #232946;
		border-radius: 50%;
		width: 10px;
		height: 10px;
	}

	.contents .block-area .sp_col1 table,
	.contents .block-area .sp_col1 table thead,
	.contents .block-area .sp_col1 table tbody,
	.contents .block-area .sp_col1 table tr,
	.contents .block-area .sp_col1 table th,
	.contents .block-area .sp_col1 table td{
		display: block;
		width: 100%;
	}
	.contents .block-area .sp_col1 table{
		border-top: 1px solid;			
	}
	.contents .block-area .sp_col1 table th,
	.contents .block-area .sp_col1 table td,
	.contents .block-area .sp_col1 table td:last-child {
		border-top: 0;
		padding: 15px 30px;
	}

}



/*============================================================================================================
table of contents
============================================================================================================*/

#toc_container {
	background: #f7f7f7;
	margin: 0 0 70px;
	padding: 25px 45px;
}

#toc_container ul {
	margin: 0;
}

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

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


#toc_container .toc_title {
	color: #797979;
	padding-left: 30px;
	position: relative;
}

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

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


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

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

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

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

/*columns*/
.contents .block-area .wp-block-columns{
	margin: 50px auto;
}
.contents .block-area .wp-block-columns .wp-block-column h2{
	font-size: 32px;
	margin: 0 auto 1em;
}
.contents .block-area .wp-block-columns .wp-block-column h3{
	font-size: 24px;
	margin: 0 auto 2em;
	padding: 0 0 0.5em;
	position: relative;
}

.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: 18px;
	margin: 0 auto 1em;
}


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


	.contents .block-area .wp-block-columns .wp-block-column h2{
		font-size: 22px;
		margin: 0 auto 1em;
	}
	.contents .block-area .wp-block-columns .wp-block-column h3{
		font-size: 20px;
		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: 18px;
		margin: 0 auto 1em;
	}



}

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

.contents .block-area .wp-block-buttons .wp-block-button{
	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: 420px;
	width: 80%;
	transition: all 0.3s ease-in-out;
}

.contents .block-area .wp-block-button__link{
	background-image: url(../img/common/ico_arrow03.png);
	background-repeat: no-repeat;
	background-position: right 25px center;
	background-size: 20px;
	transition: all 0.3s ease-in-out;
	width: 100%;
	padding: 22px 64px 22px 30px;
	line-height: 1.6;
	border-radius: 0;
}

/*ボタン背景色指定がない場合の背景色は親要素に準ずる*/
.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 20px center;
}


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

	.contents .block-area .wp-block-columns .wp-block-column{
		margin-bottom: 40px;
	}
	.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: 16px;
	}

}

/*============================================================================================================
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: 100px;	
}
.contents .block-area .width200{
	max-width: 200px;	
}
.contents .block-area .width300{
	max-width: 300px;	
}
.contents .block-area .width400{
	max-width: 400px;	
}
.contents .block-area .width500{
	max-width: 500px;	
}
.contents .block-area .width600{
	max-width: 600px;	
}
.contents .block-area .width700{
	max-width: 700px;	
}
.contents .block-area .width800{
	max-width: 800px;	
}
.contents .block-area .width900{
	max-width: 900px;	
}
.contents .block-area .width1000{
	max-width: 1000px;
}



/*============================================================================================================
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: 42px!important;
}
/*大*/
.contents .block-area .editor-styles-wrapper .has-large-font-size,
.contents .block-area .has-large-font-size {
	font-size: 36px!important;
}

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

/*中*/
.contents .block-area .editor-styles-wrapper .has-medium-font-size,
.contents .block-area .has-medium-font-size{
	font-size: 20px!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: 16px!important;
}
/*小*/
.contents .block-area .editor-styles-wrapper .has-small-font-size,
.contents .block-area .has-small-font-size {
	font-size: 13px!important;
}

@media screen and (max-width: 480px) {
	
	/*特大*/
	.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: 27px!important;
	}
	/*大*/
	.contents .block-area .editor-styles-wrapper .has-large-font-size,
	.contents .block-area .has-large-font-size {
		font-size: 24px!important;
	}
	/*中大*/
	.contents .block-area .editor-styles-wrapper .has-medium-large-font-size,
	.contents .block-area .has-medium-large-font-size{
		font-size: 20px!important;	
	}
	/*中*/
	.contents .block-area .editor-styles-wrapper .has-medium-font-size,
	.contents .block-area .has-medium-font-size{
		font-size: 18px!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: 16px!important;
	}
	/*小*/
	.contents .block-area .editor-styles-wrapper .has-small-font-size,
	.contents .block-area .has-small-font-size {
		font-size: 13px!important;
	}

}


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

.contents .block-area .box {
	border: 10px 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: 1300px;
	margin-left: auto;
	margin-right: auto;
}

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

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

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

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

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

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

.contents .block-area .w600 {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.contents .block-area .w500 {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.contents .block-area .w400 {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.contents .block-area .w300 {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

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

	.contents .block-area .w400_sp {
		max-width: 400px;
	}
	.contents .block-area .w300_sp {
		max-width: 300px;
	}
	.contents .block-area .w200_sp {
		max-width: 200px;
	}
	.contents .block-area .w100_sp {
		max-width: 100px;
	}
	.contents .block-area .w50_sp {
		max-width: 50px;
	}

	.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: 10px;
}
.contents .block-area .m20 {
	margin: 20px;
}
.contents .block-area .m30 {
	margin: 30px;
}
.contents .block-area .m40 {
	margin: 40px;
}
.contents .block-area .m50 {
	margin: 50px;
}
.contents .block-area .m60 {
	margin: 60px;
}
.contents .block-area .m70 {
	margin: 70px;
}
.contents .block-area .m80 {
	margin: 80px;
}
.contents .block-area .m90 {
	margin: 90px;
}
.contents .block-area .m100 {
	margin: 100px;
}

.contents .block-area .mtauto {
	margin-top: auto;
}
.contents .block-area .mt10 {
	margin-top: 10px;
}
.contents .block-area .mt20 {
	margin-top: 20px;
}
.contents .block-area .mt30 {
	margin-top: 30px;
}
.contents .block-area .mt40 {
	margin-top: 40px;
}
.contents .block-area .mt50 {
	margin-top: 50px;
}
.contents .block-area .mt60 {
	margin-top: 60px;
}
.contents .block-area .mt70 {
	margin-top: 70px;
}
.contents .block-area .mt80 {
	margin-top: 80px;
}
.contents .block-area .mt90 {
	margin-top: 90px;
}
.contents .block-area .mt100 {
	margin-top: 100px;
}

.contents .block-area .mrauto {
	margin-right: auto;
}
.contents .block-area .mr10 {
	margin-right: 10px;
}
.contents .block-area .mr20 {
	margin-right: 20px;
}
.contents .block-area .mr30 {
	margin-right: 30px;
}
.contents .block-area .mr40 {
	margin-right: 40px;
}
.contents .block-area .mr50 {
	margin-right: 50px;
}
.contents .block-area .mr60 {
	margin-right: 60px;
}
.contents .block-area .mr70 {
	margin-right: 70px;
}
.contents .block-area .mr80 {
	margin-right: 80px;
}
.contents .block-area .mr90 {
	margin-right: 90px;
}
.contents .block-area .mr100 {
	margin-right: 100px;
}

.contents .block-area .mbauto {
	margin-bottom: auto;
}

.contents .block-area .mb0 {
	margin-bottom: 0;
}
.contents .block-area .mb10 {
	margin-bottom: 10px;
}
.contents .block-area .mb20 {
	margin-bottom: 20px;
}
.contents .block-area .mb30 {
	margin-bottom: 30px;
}
.contents .block-area .mb40 {
	margin-bottom: 40px;
}
.contents .block-area .mb50 {
	margin-bottom: 50px;
}
.contents .block-area .mb60 {
	margin-bottom: 60px;
}
.contents .block-area .mb70 {
	margin-bottom: 70px;
}
.contents .block-area .mb80 {
	margin-bottom: 80px;
}
.contents .block-area .mb90 {
	margin-bottom: 90px;
}
.contents .block-area .mb100 {
	margin-bottom: 100px;
}

.contents .block-area .mlauto {
	margin-left: auto;
}
.contents .block-area .ml10 {
	margin-left: 10px;
}
.contents .block-area .ml20 {
	margin-left: 20px;
}
.contents .block-area .ml30 {
	margin-left: 30px;
}
.contents .block-area .ml40 {
	margin-left: 40px;
}
.contents .block-area .ml50 {
	margin-left: 50px;
}
.contents .block-area .ml60 {
	margin-left: 60px;
}
.contents .block-area .ml70 {
	margin-left: 70px;
}
.contents .block-area .ml80 {
	margin-left: 80px;
}
.contents .block-area .ml90 {
	margin-left: 90px;
}
.contents .block-area .ml100 {
	margin-left: 100px;
}




@media screen and (max-width: 480px) {
	.contents .block-area .m10 {
		margin: 5px;
	}
	.contents .block-area .m20 {
		margin: 10px;
	}
	.contents .block-area .m30 {
		margin: 15px;
	}
	.contents .block-area .m40 {
		margin: 20px;
	}
	.contents .block-area .m50 {
		margin: 25px;
	}
	.contents .block-area .m60 {
		margin: 30px;
	}
	.contents .block-area .m70 {
		margin: 35px;
	}
	.contents .block-area .m80 {
		margin: 40px;
	}
	.contents .block-area .m90 {
		margin: 45px;
	}
	.contents .block-area .m100 {
		margin: 50px;
	}

	.contents .block-area .mt10 {
		margin-top: 5px;
	}
	.contents .block-area .mt20 {
		margin-top: 10px;
	}
	.contents .block-area .mt30 {
		margin-top: 15px;
	}
	.contents .block-area .mt40 {
		margin-top: 20px;
	}
	.contents .block-area .mt50 {
		margin-top: 25px;
	}
	.contents .block-area .mt60 {
		margin-top: 30px;
	}
	.contents .block-area .mt70 {
		margin-top: 35px;
	}
	.contents .block-area .mt80 {
		margin-top: 40px;
	}
	.contents .block-area .mt90 {
		margin-top: 45px;
	}
	.contents .block-area .mt100 {
		margin-top: 560px;
	}

	.contents .block-area .mr10 {
		margin-right: 5px;
	}
	.contents .block-area .mr20 {
		margin-right: 10px;
	}
	.contents .block-area .mr30 {
		margin-right: 15px;
	}
	.contents .block-area .mr40 {
		margin-right: 20px;
	}
	.contents .block-area .mr50 {
		margin-right: 25px;
	}
	.contents .block-area .mr60 {
		margin-right: 30px;
	}
	.contents .block-area .mr70 {
		margin-right: 35px;
	}
	.contents .block-area .mr80 {
		margin-right: 40px;
	}
	.contents .block-area .mr90 {
		margin-right: 45px;
	}
	.contents .block-area .mr100 {
		margin-right: 50px;
	}


	.contents .block-area .mb10 {
		margin-bottom: 5px;
	}
	.contents .block-area .mb20 {
		margin-bottom: 10px;
	}
	.contents .block-area .mb30 {
		margin-bottom: 15px;
	}
	.contents .block-area .mb40 {
		margin-bottom: 20px;
	}
	.contents .block-area .mb50 {
		margin-bottom: 25px;
	}
	.contents .block-area .mb60 {
		margin-bottom: 30px;
	}
	.contents .block-area .mb70 {
		margin-bottom: 35px;
	}
	.contents .block-area .mb80 {
		margin-bottom: 40px;
	}
	.contents .block-area .mb90 {
		margin-bottom: 45px;
	}
	.contents .block-area .mb100 {
		margin-bottom: 50px;
	}

	.contents .block-area .ml10 {
		margin-left: 5px;
	}
	.contents .block-area .ml20 {
		margin-left: 10px;
	}
	.contents .block-area .ml30 {
		margin-left: 15px;
	}
	.contents .block-area .ml40 {
		margin-left: 20px;
	}
	.contents .block-area .ml50 {
		margin-left: 25px;
	}
	.contents .block-area .ml60 {
		margin-left: 30px;
	}
	.contents .block-area .ml70 {
		margin-left: 35px;
	}
	.contents .block-area .ml80 {
		margin-left: 40px;
	}
	.contents .block-area .ml90 {
		margin-left: 45px;
	}
	.contents .block-area .ml100 {
		margin-left: 50px;
	}
}




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

	.contents .block-area .m10_pc {
		margin: 10px;
	}
	.contents .block-area .m20_pc {
		margin: 20px;
	}
	.contents .block-area .m30_pc {
		margin: 30px;
	}
	.contents .block-area .m40_pc {
		margin: 40px;
	}
	.contents .block-area .m50_pc {
		margin: 50px;
	}
	.contents .block-area .m60_pc {
		margin: 60px;
	}
	.contents .block-area .m70_pc {
		margin: 70px;
	}
	.contents .block-area .m80_pc {
		margin: 80px;
	}
	.contents .block-area .m90_pc {
		margin: 90px;
	}
	.contents .block-area .m100_pc {
		margin: 100px;
	}

	.contents .block-area .mt10_pc {
		margin-top: 10px;
	}
	.contents .block-area .mt20_pc {
		margin-top: 20px;
	}
	.contents .block-area .mt30_pc {
		margin-top: 30px;
	}
	.contents .block-area .mt40_pc {
		margin-top: 40px;
	}
	.contents .block-area .mt50_pc {
		margin-top: 50px;
	}
	.contents .block-area .mt60_pc {
		margin-top: 60px;
	}
	.contents .block-area .mt70_pc {
		margin-top: 70px;
	}
	.contents .block-area .mt80_pc {
		margin-top: 80px;
	}
	.contents .block-area .mt90_pc {
		margin-top: 90px;
	}
	.contents .block-area .mt100_pc {
		margin-top: 100px;
	}

	.contents .block-area .mr10_pc {
		margin-right: 10px;
	}
	.contents .block-area .mr20_pc {
		margin-right: 20px;
	}
	.contents .block-area .mr30_pc {
		margin-right: 30px;
	}
	.contents .block-area .mr40_pc {
		margin-right: 40px;
	}
	.contents .block-area .mr50_pc {
		margin-right: 50px;
	}
	.contents .block-area .mr60_pc {
		margin-right: 60px;
	}
	.contents .block-area .mr70_pc {
		margin-right: 70px;
	}
	.contents .block-area .mr80_pc {
		margin-right: 80px;
	}
	.contents .block-area .mr90_pc {
		margin-right: 90px;
	}
	.contents .block-area .mr100_pc {
		margin-right: 100px;
	}


	.contents .block-area .mb10_pc {
		margin-bottom: 10px;
	}
	.contents .block-area .mb20_pc {
		margin-bottom: 20px;
	}
	.contents .block-area .mb30_pc {
		margin-bottom: 30px;
	}
	.contents .block-area .mb40_pc {
		margin-bottom: 40px;
	}
	.contents .block-area .mb50_pc {
		margin-bottom: 50px;
	}
	.contents .block-area .mb60_pc {
		margin-bottom: 60px;
	}
	.contents .block-area .mb70_pc {
		margin-bottom: 70px;
	}
	.contents .block-area .mb80_pc {
		margin-bottom: 80px;
	}
	.contents .block-area .mb90_pc {
		margin-bottom: 90px;
	}
	.contents .block-area .mb100_pc {
		margin-bottom: 100px;
	}

	.contents .block-area .ml10_pc {
		margin-left: 10px;
	}
	.contents .block-area .ml20_pc {
		margin-left: 20px;
	}
	.contents .block-area .ml30_pc {
		margin-left: 30px;
	}
	.contents .block-area .ml40_pc {
		margin-left: 40px;
	}
	.contents .block-area .ml50_pc {
		margin-left: 50px;
	}
	.contents .block-area .ml60_pc {
		margin-left: 60px;
	}
	.contents .block-area .ml70_pc {
		margin-left: 70px;
	}
	.contents .block-area .ml80_pc {
		margin-left: 80px;
	}
	.contents .block-area .ml90_pc {
		margin-left: 90px;
	}
	.contents .block-area .ml100_pc {
		margin-left: 100px;
	}

}




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

	.contents .block-area .m10_sp {
		margin: 10px;
	}
	.contents .block-area .m20_sp {
		margin: 20px;
	}
	.contents .block-area .m30_sp {
		margin: 30px;
	}
	.contents .block-area .m40_sp {
		margin: 40px;
	}
	.contents .block-area .m50_sp {
		margin: 50px;
	}
	.contents .block-area .m60_sp {
		margin: 60px;
	}
	.contents .block-area .m70_sp {
		margin: 70px;
	}
	.contents .block-area .m80_sp {
		margin: 80px;
	}
	.contents .block-area .m90_sp {
		margin: 90px;
	}
	.contents .block-area .m100_sp {
		margin: 100px;
	}

	.contents .block-area .mt10_sp {
		margin-top: 10px;
	}
	.contents .block-area .mt20_sp {
		margin-top: 20px;
	}
	.contents .block-area .mt30_sp {
		margin-top: 30px;
	}
	.contents .block-area .mt40_sp {
		margin-top: 40px;
	}
	.contents .block-area .mt50_sp {
		margin-top: 50px;
	}
	.contents .block-area .mt60_sp {
		margin-top: 60px;
	}
	.contents .block-area .mt70_sp {
		margin-top: 70px;
	}
	.contents .block-area .mt80_sp {
		margin-top: 80px;
	}
	.contents .block-area .mt90_sp {
		margin-top: 90px;
	}
	.contents .block-area .mt100_sp {
		margin-top: 100px;
	}

	.contents .block-area .mr10_sp {
		margin-right: 10px;
	}
	.contents .block-area .mr20_sp {
		margin-right: 20px;
	}
	.contents .block-area .mr30_sp {
		margin-right: 30px;
	}
	.contents .block-area .mr40_sp {
		margin-right: 40px;
	}
	.contents .block-area .mr50_sp {
		margin-right: 50px;
	}
	.contents .block-area .mr60_sp {
		margin-right: 60px;
	}
	.contents .block-area .mr70_sp {
		margin-right: 70px;
	}
	.contents .block-area .mr80_sp {
		margin-right: 80px;
	}
	.contents .block-area .mr90_sp {
		margin-right: 90px;
	}
	.contents .block-area .mr100_sp {
		margin-right: 100px;
	}


	.contents .block-area .mb10_sp {
		margin-bottom: 10px;
	}
	.contents .block-area .mb20_sp {
		margin-bottom: 20px;
	}
	.contents .block-area .mb30_sp {
		margin-bottom: 30px;
	}
	.contents .block-area .mb40_sp {
		margin-bottom: 40px;
	}
	.contents .block-area .mb50_sp {
		margin-bottom: 50px;
	}
	.contents .block-area .mb60_sp {
		margin-bottom: 60px;
	}
	.contents .block-area .mb70_sp {
		margin-bottom: 70px;
	}
	.contents .block-area .mb80_sp {
		margin-bottom: 80px;
	}
	.contents .block-area .mb90_sp {
		margin-bottom: 90px;
	}
	.contents .block-area .mb100_sp {
		margin-bottom: 100px;
	}

	.contents .block-area .ml10_sp {
		margin-left: 10px;
	}
	.contents .block-area .ml20_sp {
		margin-left: 20px;
	}
	.contents .block-area .ml30_sp {
		margin-left: 30px;
	}
	.contents .block-area .ml40_sp {
		margin-left: 40px;
	}
	.contents .block-area .ml50_sp {
		margin-left: 50px;
	}
	.contents .block-area .ml60_sp {
		margin-left: 60px;
	}
	.contents .block-area .ml70_sp {
		margin-left: 70px;
	}
	.contents .block-area .ml80_sp {
		margin-left: 80px;
	}
	.contents .block-area .ml90_sp {
		margin-left: 90px;
	}
	.contents .block-area .ml100_sp {
		margin-left: 100px;
	}



}



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


.contents .block-area .p10 {
	padding: 10px;
}
.contents .block-area .p20 {
	padding: 20px;
}
.contents .block-area .p30 {
	padding: 30px;
}
.contents .block-area .p40 {
	padding: 40px;
}
.contents .block-area .p50 {
	padding: 50px;
}
.contents .block-area .p60 {
	padding: 60px;
}
.contents .block-area .p70 {
	padding: 70px;
}
.contents .block-area .p80 {
	padding: 80px;
}
.contents .block-area .p90 {
	padding: 90px;
}
.contents .block-area .p100 {
	padding: 100px;
}

.contents .block-area .pt10 {
	padding-top: 10px;
}
.contents .block-area .pt20 {
	padding-top: 20px;
}
.contents .block-area .pt30 {
	padding-top: 30px;
}
.contents .block-area .pt40 {
	padding-top: 40px;
}
.contents .block-area .pt50 {
	padding-top: 50px;
}
.contents .block-area .pt60 {
	padding-top: 60px;
}
.contents .block-area .pt70 {
	padding-top: 70px;
}
.contents .block-area .pt80 {
	padding-top: 80px;
}
.contents .block-area .pt90 {
	padding-top: 90px;
}
.contents .block-area .pt100 {
	padding-top: 100px;
}

.contents .block-area .pr10 {
	padding-right: 10px;
}
.contents .block-area .pr20 {
	padding-right: 20px;
}
.contents .block-area .pr30 {
	padding-right: 30px;
}
.contents .block-area .pr40 {
	padding-right: 40px;
}
.contents .block-area .pr50 {
	padding-right: 50px;
}
.contents .block-area .pr60 {
	padding-right: 60px;
}
.contents .block-area .pr70 {
	padding-right: 70px;
}
.contents .block-area .pr80 {
	padding-right: 80px;
}
.contents .block-area .pr90 {
	padding-right: 90px;
}
.contents .block-area .pr100 {
	padding-right: 100px;
}


.contents .block-area .pb10 {
	padding-bottom: 10px;
}
.contents .block-area .pb20 {
	padding-bottom: 20px;
}
.contents .block-area .pb30 {
	padding-bottom: 30px;
}
.contents .block-area .pb40 {
	padding-bottom: 40px;
}
.contents .block-area .pb50 {
	padding-bottom: 50px;
}
.contents .block-area .pb60 {
	padding-bottom: 60px;
}
.contents .block-area .pb70 {
	padding-bottom: 70px;
}
.contents .block-area .pb80 {
	padding-bottom: 80px;
}
.contents .block-area .pb90 {
	padding-bottom: 90px;
}
.contents .block-area .pb100 {
	padding-bottom: 100px;
}

.contents .block-area .pl10 {
	padding-left: 10px;
}
.contents .block-area .pl20 {
	padding-left: 20px;
}
.contents .block-area .pl30 {
	padding-left: 30px;
}
.contents .block-area .pl40 {
	padding-left: 40px;
}
.contents .block-area .pl50 {
	padding-left: 50px;
}
.contents .block-area .pl60 {
	padding-left: 60px;
}
.contents .block-area .pl70 {
	padding-left: 70px;
}
.contents .block-area .pl80 {
	padding-left: 80px;
}
.contents .block-area .pl90 {
	padding-left: 90px;
}
.contents .block-area .pl100 {
	padding-left: 100px;
}




@media screen and (max-width: 480px) {
	.contents .block-area .p10 {
		padding: 5px;
	}
	.contents .block-area .p20 {
		padding: 10px;
	}
	.contents .block-area .p30 {
		padding: 15px;
	}
	.contents .block-area .p40 {
		padding: 20px;
	}
	.contents .block-area .p50 {
		padding: 25px;
	}
	.contents .block-area .p60 {
		padding: 30px;
	}
	.contents .block-area .p70 {
		padding: 35px;
	}
	.contents .block-area .p80 {
		padding: 40px;
	}
	.contents .block-area .p90 {
		padding: 45px;
	}
	.contents .block-area .p100 {
		padding: 50px;
	}

	.contents .block-area .pt10 {
		padding-top: 5px;
	}
	.contents .block-area .pt20 {
		padding-top: 10px;
	}
	.contents .block-area .pt30 {
		padding-top: 15px;
	}
	.contents .block-area .pt40 {
		padding-top: 20px;
	}
	.contents .block-area .pt50 {
		padding-top: 25px;
	}
	.contents .block-area .pt60 {
		padding-top: 30px;
	}
	.contents .block-area .pt70 {
		padding-top: 35px;
	}
	.contents .block-area .pt80 {
		padding-top: 40px;
	}
	.contents .block-area .pt90 {
		padding-top: 45px;
	}
	.contents .block-area .pt100 {
		padding-top: 560px;
	}

	.contents .block-area .pr10 {
		padding-right: 5px;
	}
	.contents .block-area .pr20 {
		padding-right: 10px;
	}
	.contents .block-area .pr30 {
		padding-right: 15px;
	}
	.contents .block-area .pr40 {
		padding-right: 20px;
	}
	.contents .block-area .pr50 {
		padding-right: 25px;
	}
	.contents .block-area .pr60 {
		padding-right: 30px;
	}
	.contents .block-area .pr70 {
		padding-right: 35px;
	}
	.contents .block-area .pr80 {
		padding-right: 40px;
	}
	.contents .block-area .pr90 {
		padding-right: 45px;
	}
	.contents .block-area .pr100 {
		padding-right: 50px;
	}


	.contents .block-area .pb10 {
		padding-bottom: 5px;
	}
	.contents .block-area .pb20 {
		padding-bottom: 10px;
	}
	.contents .block-area .pb30 {
		padding-bottom: 15px;
	}
	.contents .block-area .pb40 {
		padding-bottom: 20px;
	}
	.contents .block-area .pb50 {
		padding-bottom: 25px;
	}
	.contents .block-area .pb60 {
		padding-bottom: 30px;
	}
	.contents .block-area .pb70 {
		padding-bottom: 35px;
	}
	.contents .block-area .pb80 {
		padding-bottom: 40px;
	}
	.contents .block-area .pb90 {
		padding-bottom: 45px;
	}
	.contents .block-area .pb100 {
		padding-bottom: 50px;
	}

	.contents .block-area .pl10 {
		padding-left: 5px;
	}
	.contents .block-area .pl20 {
		padding-left: 10px;
	}
	.contents .block-area .pl30 {
		padding-left: 15px;
	}
	.contents .block-area .pl40 {
		padding-left: 20px;
	}
	.contents .block-area .pl50 {
		padding-left: 25px;
	}
	.contents .block-area .pl60 {
		padding-left: 30px;
	}
	.contents .block-area .pl70 {
		padding-left: 35px;
	}
	.contents .block-area .pl80 {
		padding-left: 40px;
	}
	.contents .block-area .pl90 {
		padding-left: 45px;
	}
	.contents .block-area .pl100 {
		padding-left: 50px;
	}
}




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

	.contents .block-area .p10_pc {
		padding: 10px;
	}
	.contents .block-area .p20_pc {
		padding: 20px;
	}
	.contents .block-area .p30_pc {
		padding: 30px;
	}
	.contents .block-area .p40_pc {
		padding: 40px;
	}
	.contents .block-area .p50_pc {
		padding: 50px;
	}
	.contents .block-area .p60_pc {
		padding: 60px;
	}
	.contents .block-area .p70_pc {
		padding: 70px;
	}
	.contents .block-area .p80_pc {
		padding: 80px;
	}
	.contents .block-area .p90_pc {
		padding: 90px;
	}
	.contents .block-area .p100_pc {
		padding: 100px;
	}

	.contents .block-area .pt10_pc {
		padding-top: 10px;
	}
	.contents .block-area .pt20_pc {
		padding-top: 20px;
	}
	.contents .block-area .pt30_pc {
		padding-top: 30px;
	}
	.contents .block-area .pt40_pc {
		padding-top: 40px;
	}
	.contents .block-area .pt50_pc {
		padding-top: 50px;
	}
	.contents .block-area .pt60_pc {
		padding-top: 60px;
	}
	.contents .block-area .pt70_pc {
		padding-top: 70px;
	}
	.contents .block-area .pt80_pc {
		padding-top: 80px;
	}
	.contents .block-area .pt90_pc {
		padding-top: 90px;
	}
	.contents .block-area .pt100_pc {
		padding-top: 100px;
	}

	.contents .block-area .pr10_pc {
		padding-right: 10px;
	}
	.contents .block-area .pr20_pc {
		padding-right: 20px;
	}
	.contents .block-area .pr30_pc {
		padding-right: 30px;
	}
	.contents .block-area .pr40_pc {
		padding-right: 40px;
	}
	.contents .block-area .pr50_pc {
		padding-right: 50px;
	}
	.contents .block-area .pr60_pc {
		padding-right: 60px;
	}
	.contents .block-area .pr70_pc {
		padding-right: 70px;
	}
	.contents .block-area .pr80_pc {
		padding-right: 80px;
	}
	.contents .block-area .pr90_pc {
		padding-right: 90px;
	}
	.contents .block-area .pr100_pc {
		padding-right: 100px;
	}


	.contents .block-area .pb10_pc {
		padding-bottom: 10px;
	}
	.contents .block-area .pb20_pc {
		padding-bottom: 20px;
	}
	.contents .block-area .pb30_pc {
		padding-bottom: 30px;
	}
	.contents .block-area .pb40_pc {
		padding-bottom: 40px;
	}
	.contents .block-area .pb50_pc {
		padding-bottom: 50px;
	}
	.contents .block-area .pb60_pc {
		padding-bottom: 60px;
	}
	.contents .block-area .pb70_pc {
		padding-bottom: 70px;
	}
	.contents .block-area .pb80_pc {
		padding-bottom: 80px;
	}
	.contents .block-area .pb90_pc {
		padding-bottom: 90px;
	}
	.contents .block-area .pb100_pc {
		padding-bottom: 100px;
	}

	.contents .block-area .pl10_pc {
		padding-left: 10px;
	}
	.contents .block-area .pl20_pc {
		padding-left: 20px;
	}
	.contents .block-area .pl30_pc {
		padding-left: 30px;
	}
	.contents .block-area .pl40_pc {
		padding-left: 40px;
	}
	.contents .block-area .pl50_pc {
		padding-left: 50px;
	}
	.contents .block-area .pl60_pc {
		padding-left: 60px;
	}
	.contents .block-area .pl70_pc {
		padding-left: 70px;
	}
	.contents .block-area .pl80_pc {
		padding-left: 80px;
	}
	.contents .block-area .pl90_pc {
		padding-left: 90px;
	}
	.contents .block-area .pl100_pc {
		padding-left: 100px;
	}



}




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

	.contents .block-area .p10_sp {
		padding: 10px;
	}
	.contents .block-area .p20_sp {
		padding: 20px;
	}
	.contents .block-area .p30_sp {
		padding: 30px;
	}
	.contents .block-area .p40_sp {
		padding: 40px;
	}
	.contents .block-area .p50_sp {
		padding: 50px;
	}
	.contents .block-area .p60_sp {
		padding: 60px;
	}
	.contents .block-area .p70_sp {
		padding: 70px;
	}
	.contents .block-area .p80_sp {
		padding: 80px;
	}
	.contents .block-area .p90_sp {
		padding: 90px;
	}
	.contents .block-area .p100_sp {
		padding: 100px;
	}

	.contents .block-area .pt10_sp {
		padding-top: 10px;
	}
	.contents .block-area .pt20_sp {
		padding-top: 20px;
	}
	.contents .block-area .pt30_sp {
		padding-top: 30px;
	}
	.contents .block-area .pt40_sp {
		padding-top: 40px;
	}
	.contents .block-area .pt50_sp {
		padding-top: 50px;
	}
	.contents .block-area .pt60_sp {
		padding-top: 60px;
	}
	.contents .block-area .pt70_sp {
		padding-top: 70px;
	}
	.contents .block-area .pt80_sp {
		padding-top: 80px;
	}
	.contents .block-area .pt90_sp {
		padding-top: 90px;
	}
	.contents .block-area .pt100_sp {
		padding-top: 100px;
	}

	.contents .block-area .pr10_sp {
		padding-right: 10px;
	}
	.contents .block-area .pr20_sp {
		padding-right: 20px;
	}
	.contents .block-area .pr30_sp {
		padding-right: 30px;
	}
	.contents .block-area .pr40_sp {
		padding-right: 40px;
	}
	.contents .block-area .pr50_sp {
		padding-right: 50px;
	}
	.contents .block-area .pr60_sp {
		padding-right: 60px;
	}
	.contents .block-area .pr70_sp {
		padding-right: 70px;
	}
	.contents .block-area .pr80_sp {
		padding-right: 80px;
	}
	.contents .block-area .pr90_sp {
		padding-right: 90px;
	}
	.contents .block-area .pr100_sp {
		padding-right: 100px;
	}


	.contents .block-area .pb10_sp {
		padding-bottom: 10px;
	}
	.contents .block-area .pb20_sp {
		padding-bottom: 20px;
	}
	.contents .block-area .pb30_sp {
		padding-bottom: 30px;
	}
	.contents .block-area .pb40_sp {
		padding-bottom: 40px;
	}
	.contents .block-area .pb50_sp {
		padding-bottom: 50px;
	}
	.contents .block-area .pb60_sp {
		padding-bottom: 60px;
	}
	.contents .block-area .pb70_sp {
		padding-bottom: 70px;
	}
	.contents .block-area .pb80_sp {
		padding-bottom: 80px;
	}
	.contents .block-area .pb90_sp {
		padding-bottom: 90px;
	}
	.contents .block-area .pb100_sp {
		padding-bottom: 100px;
	}

	.contents .block-area .pl10_sp {
		padding-left: 10px;
	}
	.contents .block-area .pl20_sp {
		padding-left: 20px;
	}
	.contents .block-area .pl30_sp {
		padding-left: 30px;
	}
	.contents .block-area .pl40_sp {
		padding-left: 40px;
	}
	.contents .block-area .pl50_sp {
		padding-left: 50px;
	}
	.contents .block-area .pl60_sp {
		padding-left: 60px;
	}
	.contents .block-area .pl70_sp {
		padding-left: 70px;
	}
	.contents .block-area .pl80_sp {
		padding-left: 80px;
	}
	.contents .block-area .pl90_sp {
		padding-left: 90px;
	}
	.contents .block-area .pl100_sp {
		padding-left: 100px;
	}



}
/*------------------------------------------
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: 480px) {

	.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
------------------------------------------*/
.contents .block-area > h2:first-child{
	margin-top:0;
}

.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;
}

.contents .block-area .wp-block-column.has-background {
    padding: 2rem;
}

.contents .block-area .smb-balloon__figure {
	position: relative;
	flex: 0 0 80px;
	height: 80px;
	width: 80px;
	overflow: auto;
	max-width: 80px;
}

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



.contents .block-area .smb-balloon {
	margin: 2rem auto;
}
.contents .block-area .smb-balloon__figure {
    border: none;
}
.contents .block-area .smb-balloon__body {
	max-width: calc(100% - 160px);
	background: #fff;
	border: 4px solid #f6f6f6;
}
.contents .block-area .smb-balloon__body p:last-child{
	margin-bottom: 0;
}

.contents .block-area .smb-balloon--reverse .smb-balloon__body:after {
    border-width: 10px 0 10px 20px;
    right: -20px;
    margin-top: -5px;
    left: auto;
}
.contents .block-area .smb-balloon__body:after {
    border-width: 10px 20px 10px 0;
    left: -20px;
    margin-top: -10px;
}

@media screen and (max-width: 480px) {
	.contents .block-area .smb-balloon {
		margin: 2rem auto;
	}
	.contents .block-area .smb-balloon__body {
		max-width: calc(100% - 40px);
	}
}



/*------------------------------------------
addClass
------------------------------------------*/

.contents .block-area .border {
    border: 0.8rem solid #f6f6f6;
    margin: 5rem auto;
    padding: 5rem;
}
.contents .block-area .border.yellow {
    border: 0.8rem solid #fffcde;
}

.contents .block-area .border .wp-block-group__inner-container > *:first-child{
	margin-top: 0;
}

.contents .block-area .border > *:last-child,
.contents .block-area .border .wp-block-group__inner-container > *:last-child {
margin-bottom: 0;
}


@media screen and (max-width: 480px) {
.contents .block-area .border {
    padding: 1.5rem;
}
}