@charset "utf-8";
/**
 * レイアウト1デザイン

	コラムタイトル
	メイン画像
	目次
	目次タイトル
	サブタイトル
	フレーム
	表
	アイコン
	文字装飾

 */
/* コラムタイトル */
/* -- ini */
article h2,
article .h2{
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-size:36px;
	line-height:1.2;
	color: #004c4a;
	padding-left:110px;
	position:relative;
	border-bottom:3px solid #00b7b1;
	padding-bottom:5px;
}
article h2:before,
article .h2:before{
	display:block;
	content:'';
	width:102px;
	height:79px;
	background-image:url(/img/column/common/h2icon2_alpha.png);
	position:absolute;
	left:0;
	top:3px;
}
/* -- type1 */
article h2.type1 ,
article .h2.type1 {
	color: #004c4a;
	padding-left: 50px;
	position:relative;
	border-width: 0;
}
article h2.type1:before,
article .h2.type1:before{
	display:block;
	content:'';
	width:37px;
	height:37px;
	background-image:url(/img/column/common/h2icon_alpha.png);
	background-size:contain;
	position:absolute;
	left:0;
	top:3px;
	background-color: transparent;
}
article h2.type1:after,
article .h2.type1:after{
	content:Unset;
}
h4.h2.type1{
	font-size: 30px;
	min-height: 30px;
	padding-top: 5px;
	padding-left: 48px;
	margin-top: 60px;
	margin-bottom: 30px;
	padding-top: 7px;
}
h4.h2.type1:before{
	height: 37px;
	width: 37px;
}
@media screen and (min-width:1001px){
	article h2,
	article .h2{
		margin:30px 0 10px;
	}
}
@media screen and (min-width:641px) and (max-width:1000px){
	article h2,
	article .h2{
		margin-top:30px;
		font-size:34px;
	}
}
@media screen and (max-width:640px){
	article h2,
	article .h2{
		margin-top:20px;
		font-size:24px;
		padding-left:60px;
	}
	article h2:before,
	article .h2:before{
		width:50px;
		background-size:contain;
		background-repeat:no-repeat;
	}
	article h2,
	article .h2{
		margin-left:10px;
		margin-right:10px;
	}

	h4.h2.type1{
		font-size: 20px;
		min-height: 20px;
		padding-top: 5px;
		padding-left: 38px;
		margin-top: 30px;
		margin-bottom: 18px;
		padding-top: 8px;
		margin-left: 0;
		margin-right: 0;
	}
	h4.h2.type1:before{
		height: 27px;
		width: 27px;
	}
}

/* /コラムタイトル */

/* タイムスタンプ 序文 */
@media screen and (min-width:641px){
	.time-stamp{
		font-size:14px;
		margin-bottom:30px;
	}
	#main-visual picture{
		margin-bottom:30px;
	}
}
@media screen and (max-width:640px){
	time-stamp,
	.preface{
		margin-left:10px;
		margin-right:10px;
	}
	.time-stamp{
		font-size:12px;
		margin-bottom:20px;
	}
}

/* /タイムスタンプ 序文 */

/* メイン画像 */
@media screen and (min-width:641px){
	#main-visual img {
		border-radius: 20px;
	}
}
@media screen and (min-width:1001px){
	#main-visual {
		margin-left:calc((100% - 900px) / 2);
		margin-right:calc((100% - 900px) / 2);
	}
}
@media screen and (min-width:641px){
	#main-visual picture{
		margin-bottom:30px;
	}
}
@media screen and (max-width:640px){
	#main-visual picture{
		margin-bottom:20px;
	}
}
/* /メイン画像 */

/* 目次 */
/* -- ini */
#index-list{
	background-color:#FFF;
	position:relative;
	padding: 0px 0px 15px 0px;
	border: 2px solid #21beba;
	margin-bottom:60px;
	border-radius:10px;
}
#index-list .h3{
	position:static;
	color:#fff;
	margin: 0 auto 20px 0;
	text-align:center;
	font-weight:normal;
	letter-spacing:0.5em;
	border: 2px solid #21beba;
	background-color: #21beba;
	width: 130px;
	text-indent: 30px;
	background-image: url(/img/column/common/indexIcon_alpha.png);
	background-repeat: no-repeat;
	background-position: top 7px left 10px;
	font-size: 20px;
	padding: 3px 0 0 0;
	border-radius:0 0 10px 0;
}
#index-list .h3 i{
	letter-spacing: 0.5em;
}
#index-list ol {
	padding-left: 0;
	margin:0;
}
#index-list ol > li{
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#index-list ol > li:before {
	counter-increment: indexNumber 1;
	content: counter(indexNumber) '';
	background-color:#1bbeb8;
	width:30px;
	height:30px;
	color:#FFF;
	margin-left: 0px;
	border-radius:100px;
}
#index-list ol > li > a{
	display:inline-block;
	margin-left:10px;
	width: calc(100% - 65px);
	vertical-align: middle;
	text-decoration:none;
	color:var(--base-color);
}
#index-list a:hover{
	color:#AFAFAF;
}
@media screen and (min-width:1001px){
	#index-list{
		margin-left:calc((100% - 900px) / 2);
		margin-right:calc((100% - 900px) / 2);
	}
}
@media screen and (min-width:641px) and (max-width:1000px){
	#index-list{
		width: calc(100% - 20px);
	}
}
@media screen and (max-width:640px){
	#index-list{
		width: calc(100% - 20px);
	}
	#index-list .h3{
		margin-bottom:10px;
	}
	#index-list ol > li{
		padding-left:10px;
	}
	#index-list ol > li > a{
		width:calc(100% - 45px);
	}
}

/* -- type1 */
#index-list.type1{
	border: 2px solid #a5e7e7;
	padding-top:30px;
	margin-bottom:60px;
	padding-bottom: 15px;
	border-radius: 0;
}
#index-list.type1 .h3{
	position: absolute;
	top: -20px;
	left: 20px;
	background-color: #21beba;
	border-radius: 4px;
	width: 130px;
	text-indent: 30px;
	background-image: url(/img/column/common/indexIcon_alpha.png);
	background-repeat: no-repeat;
	background-position: top 7px left 10px;
	box-shadow: 0 4px 0 #a5e7e7;
	font-size: 20px;
	padding: 3px 0 0 0;
}
#index-list.type1 ol{
	margin:0;
}
#index-list.type1 ol li{
	margin:0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:20px;
}
#index-list.type1 ol > li:after{
	content:unset;
}
#index-list.type1 ol li:nth-child(odd){
	background-color:#ededed;
}
#index-list.type1 ol > li:before{
	background-color: #979797;
	border-radius: 6px;
	width: 34px;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	line-height: 1;
	padding: 4px 0 2px;
	height: auto;
	vertical-align: top;
}
#index-list.type1 ol > li > a{
	width:calc(100% - 65px);
}

/* /目次 */

/* 記事全体（article）*/
article {
	margin-bottom:150px;
}

article p{
	margin-top:0;
	margin-bottom:30px;
	line-height:1.7;
}
article li > p{
	margin:0;
}

/* 目次タイトル（H3） */
article h3 {
	position: relative;
	top:0;
	background-color:#00b5ae;
	color:#FFF;
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	line-height: 1.1;
	padding: 7px 10px 9px 10px;
	margin-top:0;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	gap: 15px;
	z-index:1;
	min-height: 74px;
	border-radius: 15px;
}
article > section h3:before {
	content: counter(sec-number);
	border:0px solid #187164;
	display:inline-flex;
	align-items:center;
	justify-content: center;
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 10px;
	font-family: "Noto Serif JP", serif;
	background-color: #FFF;
	color: #00b5ae;
	font-weight: 400;
	padding-bottom: 5px;
	box-sizing: border-box;
}
/* -- type1 */
article h3.h3Type1{
	border-top:2px solid #34c3bd;
	border-bottom:2px solid #34c3bd;
	background-color:#dff7f5;
	background-size: auto auto;
	background-color: rgba(223, 247, 245, 1);
	background-image:url(/img/column/common/stripeBg1_alpha.png);
	color:#00524c;
	border-radius:0;
}

article > section h3.h3Type1:before{
	background-color:#FFF;
	border-right:1px solid #aae4e8;
	border-bottom:1px solid #aae4e8;
}

@media screen and (min-width:1001px){
	article > section h3 {
		font-size:30px;
	}
	article > section h3:before {
		width: 60px;
		height: 60px;
		font-size: 50px;
		top: 7px;
		left: 7px;
	}
	article > section h3 > span {
		margin-left:70px;
	}
}
@media screen and (min-width:641px) and (max-width:1000px){
	article > section h3 {
		font-size:22px;
		min-height: 50px;
	}
	article > section h3:before {
		width:40px;
		height:40px;
		font-size:26px;
	}
	article > section h3 > span {
		margin-left:45px;
	}
}
@media screen and (max-width:640px){
	article h3 {
		min-height: 45px;
		font-size: 20px;
	}
	article > section h3:before {
		width:35px;
		height:35px;
		font-size:22px;
	}
	article > section h3 > span {
		margin-left:40px;
	}
}
/* /目次タイトル（H3） */


/* サブタイトル */
article .h4 ,
article h4 {
	background-color: #FFF;
	border: 3px solid #00b5ae;
	border-radius: 12px;
	position: relative;
	color: #000;
	font-family: "Noto Serif JP", serif;
	min-height: 58px;
	align-items: center;
	padding: 10px 0 10px 85px;
	line-height: 1.1;
	margin-top: 90px;
}
article .h4.unNumber ,
article h4.unNumber {
	padding: 10px 0 10px 15px;
}
article .h4.cyan ,
article h4.cyan {
color:#00b5ae;
}
article .h4:before,
article h4:before,
article .h4:after,
article h4:after{
	position:absolute;
	display:block;
	content:'';
	width:6px;
	height:6px;
	background-color:#00b5ae;
	border:5px solid #FFF;
	border-radius:10px;
}
article .h4:before,
article h4:before{
	top:-8px;
	left:-8px;
}
article .h4:after,
article h4:after{
	right:-8px;
	bottom:-8px;
}
article h4 {
	display:flex;
	gap:10px;
}
article h4:not([class^=h5Type]) > span:first-child{
	background-color: #00b4ae;
	color: #FFF;
	border-radius: 8px;
	padding: 7px 12px 9px;
	display: inline-block;
	position: absolute;
	/* top: 6px; */
	left: 10px;
}
@media screen and (min-width:1001px){
	article > section {
		margin-left:calc((100% - 900px) / 2);
		margin-right:calc((100% - 900px) / 2);
		margin-bottom:120px;
	}
	article .h4 ,
	article h4 {
		font-size: 22px;
	}
}
@media screen and (min-width:641px) and (max-width:1000px){
	article .h4 ,
	article h4 {
		font-size: 20px;
	}
}
@media screen and (max-width:640px){
	article .h4 ,
	article  h4 {
		min-height: 54px;
		padding-left: 75px;
		font-size: 18px;
	}
}

article .h5,
article h5{
	font-size:inherit;
	font-weight:inherit;
	padding: 3px;
	margin: 0 0 10px;
	box-sizing: border-box;
	/* color: #187164; */
	border-bottom: 1px solid #187164;
	font-size:16px;
}
/* -- type1 */
.h5Type1 {
	text-align:center;
	border:unset;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:30px;
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	gap:10px;
	margin-bottom: 45px;
	margin-top: 70px;
	min-height: unset;
	width: unset;
	padding:unset;
}
.h5Type1:before ,
.h5Type1:after {
	display:block;
	content:'';
	width:44px;
	height:25px;
	background-color:transparent;
	position: static;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius:0;
}
.h5Type1:before {
	background-image:url(/img/column/common/icon1_1_alpha.png);
}
.h5Type1:after {
	background-image:url(/img/column/common/icon1_2_alpha.png);
}
.h5Type1 > span{
	background-color:transparent !important;
	color: #187164 !important;
	position: static !important;
	white-space:unset !important;
}
@media screen and (max-width:640px){
	.h5Type1{
		margin-top: 40px;
		margin-bottom: 20px;
		font-size: 20px;
	}
	.h5Type1 > span{
		font-size:20px;
	}
	.h5Type1:before ,
	.h5Type1:after {
		width:70px;
		height:25px;
	}
}
/* -- type2 */
.h5Type2 {
	display:flex;
	justify-content:center;
	align-items:center;
	background-image:url(/img/column/common/stripeBg2_alpha.png);
	border:0;
	padding:0;
	border-radius: 0;
	min-height: unset;
	margin-bottom:30px;
}
.h5Type2:before ,
.h5Type2:after {
	content:unset;
}
.h5Type2 > span{
	display:inline-block;
	background-color:#FFF !important;
	padding:0 10px;
	font-weight:bold;
	font-size: 19px;
	color:#00b5ae !important;
	margin:0;
	position: static !important;
	border-radius: 0 !important;
	white-space: unset !important;
	max-width:80%;
}
.h5Type2.orange {
	background-image:url(/img/column/common/stripeBg2Orange_alpha.png);
}
.h5Type2.orange > span{
	color:#ab810c !important;
}
/* -- type3 */
.h5Type3 {
	display: inline-flex;
	width: auto;
	background-color: #00b5ae;
	color: #FFF;
	font-weight: bold;
	padding: 6px 25px 2px 42px;
	border-radius: 23px;
	position: relative;
	min-height: 37px;
	justify-content: left;
	align-items: center;
	min-width: 15em;
	font-size: 18px;
	border:0;
	line-height: 1.2;
	margin-bottom:20px;
}
h4.h5Type3 ,
.h5Type3.serif {
	padding: 3px 25px 4px 42px;
}
.h5Type3.blue {
	background-color: #2c9cd4;
}
.h5Type3 em{
	position:absolute;
	top: 0;
	left:5px;









	font-style: normal;
	display: flex;
	width: 29px;
	height: 29px;
	background-color: #FFF;
	color: #00b5ae;
	text-align: center;
	justify-content: center;
	align-items: center;
	border-radius: 40px;
	margin: auto;
	font-family: "Noto Serif JP", serif;
	box-sizing: border-box;
	padding-bottom: 2px;
	bottom: 0;
}
.h5Type3.blue em{
	color: #2c9cd4;
}
.h5Type3:before ,
.h5Type3:after {
	content:unset;
}
section > .h5Type3 + .checkType1{
	margin-top:0;
	margin-bottom: 30px;
}
@media screen and (max-width:640px){
	.h5Type3 {
		font-size: 18px;
		line-height: 1;
		padding-top: 4px;
		padding-bottom: 1px;
	}
	h4.h5Type3 ,
	.h5Type3.serif {
		padding-top: 0px;
		padding-bottom: 3px;
	}
}
/* -- type4 */
[class^=h5Type4] {
	display:inline-flex;
	width:auto;
	background-color:#00b5ae;
	color:#FFF;
	font-weight:bold;
	padding: 8px 25px 5px 15px;
	border-radius: 23px;
	position:relative;
	min-height: 37px;
	justify-content:left;
	align-items: center;
	min-width: 15em;
	font-size: 18px;
	border:0;
	line-height: 1.2;
	margin-bottom: 20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
[class^=h5Type4].serif {
	padding-top:3px;
	padding-bottom:5px;
}
[class^=h5Type4]:before ,
[class^=h5Type4]:after {
	content:unset;
}

.h5Type4Orange {
	background-color: #dc7828;
}
.h5Type4Blue {
	background-color: #3d96d4;
}
.h5Type4Pink {
	background-color: #ff8787;
}
.h5Type4Green {
	background-color: #75bc62;
}


[class^=h5Type4] + ul,
[class^=h5Type4] + ol{
	margin-top:0;
	margin-bottom:40px;
}
@media screen and (max-width:640px){
	[class^=h5Type4] {
		font-size:18px;
		line-height:1.1;
		padding-top: 4px;
		padding-bottom: 1px;
		margin-top:30px;
		min-height: 34px;
	}
	[class^=h5Type4].serif {
		padding-top: 4px;
		padding-bottom:6px;
	}
}

/* -- type5 */
h5.h5Type5{
	border:0px;
	display:flex;
	justify-content:center;
	margin-bottom: 30px;
	text-align: center;
}
h5.h5Type5 > span{
	background-color:#009792;
	color:#FFF;
	font-size:18px;
	padding:20px;
	font-family: "Noto Serif JP", serif;
}


article .h6 {
	color: #187164;
	border-bottom:1px dashed #187164;
	display:flex;
	align-items:baseline;
	margin-bottom: 10px;
}
article .h6 + div,
article .h6 + ul{
	margin-bottom:15px;
}

.h5Type6 {
	border:0;
	background-color:#00b3ad;
	color:#FFF;
	margin-top: 50px;
	font-size:20px;
	padding: 2px;
	min-height: unset;
	display:flex;
	gap:10px;
	border-radius:0;
	align-items: flex-start;
	font-family: "Noto Serif JP", serif;
	line-height: 1.1;
}
.h5Type6:before ,
.h5Type6:after {
	content:unset;
}
.h5Type6 > span:first-child{
	border-radius:0;
	background-color:#FFF;
	color:#00b3ad;
	width:32px;
	height:32px;
	display:flex;
	align-items:center;
	justify-content:center;
	position: static;
	/* height: calc(100% - 4px); */
	padding: 7px 12px 9px;
}
.h5Type6 > span:last-child{
	max-width:calc(100% - 42px);
	padding-top: 4px;
	padding-bottom: 5px;
}
.h5Type6.green {
	background-color:#6ca500;
}
.h5Type6.green > span:first-child{
	color:#6ca500;
}
.h5Type6.perple {
	background-color:#ae75ff;
}
.h5Type6.perple > span:first-child{
	color:#ae75ff;
}
.h5Type6.blue {
	background-color:#3d96d4;
}
.h5Type6.blue > span:first-child{
	color:#3d96d4;
}
.h5Type6.orange {
	background-color:#d6872f;
}
.h5Type6.orange > span:first-child{
	color:#d6872f;
}
@media screen and (max-width:640px){
	.h5Type6{
		flex-wrap:wrap;
	}
	.h5Type6.isBr > span:last-child{
		width:100%;
		max-width:unset;
		margin-top:-8px;
		padding: 4px 4px 5px 6px;
	}
}

.h5Type7 {
	display:block;
	margin: 30px 0 30px 0;
	background-color:#c5e5e4;
	color:#038981;
	font-size: 20px;
	padding: 10px 10px 11px 35px;
	position:relative;
	border-width:0;
	font-weight: normal;
	line-height: 1.1;
	min-height:unset;
	border-radius:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 20px;
}
.h5Type7 > span{
	background-color:unset !important;
	color:#038981 !important;
	position:static !important;
	padding:0 !important;
}
.orange .h5Type7 {
	background-color:#d26a02;
	color:#ffffff;
}
.h5Type7:before {
	position:absolute;
	display:inline-block;
	content:'◆';
	left:10px;
	top:10px;
	border-width:0;
	background-color:transparent;
}
.red .h5Type7 {
	background-color:#fbc8c8;
	color:#dc4242;
}

.h5Type7:after {
	content:unset;
}
@media screen and (max-width:640px){
	.h5Type7 {
		font-size:18px;
		padding-left:33px;
		line-height: 1.2;

	}



}

.h5Type8 {
	background-color:#00b3ae;
	color:#FFF;
	padding:3px 3px 3px 17px;
	font-size:20px;
	position:relative;
	margin-bottom: 20px;
	border-radius:0;
}
.h5Type8:before {
	border-radius:0;
	border-width:0;
	position:absolute;
	display:block;
	content:'';
	height:calc(100% -  6px);
	width:7px;
	background-color:#abf1f0;
	left:3px;
	top:3px;
}
.h5Type8:after {
	content:unset;
}

.h5Type9 {
	border-top: 2px solid #34c3bd;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
	border-right-width:0 !important;
	background-color:#dff7f5;
	background-size: auto auto;
	background-color: rgba(223, 247, 245, 1);
	background-image:url(/img/column/common/stripeBg1_alpha.png);
	color:#00524c;
	border-radius:0;
	min-height:unset;
	height:auto;
	display: block;
	padding:7px 10px;
	margin-bottom: 35px;
	font-size:25px;
}
.h5Type9:before ,




.h5Type9:after {
	content:unset;
}
.h5Type9 > span{
	background-color:transparent !important;
	color:#00b3af !important;
	position: static !important;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding:0 !important;
}
@media screen and (max-width:640px){
	.h5Type9 {
		font-size:20px;
	}
}


.h5Type10 {
	text-align:center;
	border:unset;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:30px;
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	gap:10px;
	margin-bottom:30px;
	margin-top: 70px;
	min-height: unset;
	width: unset;
	padding:unset;
	margin-left: 60px;
	margin-right: 60px;
}
.h5Type10:before ,
.h5Type10:after {
	content:unset;
}
.h5Type10 > span.left,
.h5Type10 > span.right{
	position:relative;
	width:0;
	height:0;
	padding:0;
	margin:0;
	background-color:unset;
	top: unset;
	left: unset;
	border-radius:0;
	right: unset;
	border: unset;
}
.h5Type10 > span.left:before,
.h5Type10 > span.left:after,
.h5Type10 > span.right:before,
.h5Type10 > span.right:after{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	top:0;
	bottom:0;
}
.h5Type10 > span.left:before,
.h5Type10 > span.left:after{
	left:0;
}
.h5Type10 > span.right:before,
.h5Type10 > span.right:after{
	right:0;
}
.h5Type10 > span.left,
.h5Type10 > span.left:before,
.h5Type10 > span.left:after{
	border-style:solid;
	border-width:10px 0 10px 15px;
}
.h5Type10 > span.left{
	border-color: transparent transparent transparent #009894;
}
.h5Type10 > span.left:before{
	border-color: transparent transparent transparent #009996;
	left:-55px;
}
.h5Type10 > span.left:after{
	border-color: transparent transparent transparent #22bcbe;
	left:-35px;
}
.h5Type10 > span.right,
.h5Type10 > span.right:before,
.h5Type10 > span.right:after{
	border-style:solid;
	border-width:10px 15px 10px 0;
}
.h5Type10 > span.right{
	border-color: transparent #009894 transparent transparent ;
}
.h5Type10 > span.right:before{
	border-color: transparent #009894 transparent transparent ;
	right:-55px;
}
.h5Type10 > span.right:after{
	border-color: transparent #22bcbe transparent transparent ;
	right:-35px;
}
@media screen and (max-width:640px){
	.h5Type10 {
		font-size:22px;
		margin-left:30px;
		margin-right:30px;
	}
	.h5Type10 > span.left,
	.h5Type10 > span.left:before,
	.h5Type10 > span.left:after{
		border-width:9px 0 9px 12px;
	}

	.h5Type10 > span.right,
	.h5Type10 > span.right:before,
	.h5Type10 > span.right:after{
		border-width:9px 12px 9px 0;
	}
	.h5Type10 > span.left:before{
		left:-40px;
	}
	.h5Type10 > span.left:after{
		left:-25px;
	}
	.h5Type10 > span.right:before{
		right:-40px;
	}
	.h5Type10 > span.right:after{
		right:-25px;
	}
}

.h5Type11 {
	text-align:center;
	border:unset;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:24px;
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	gap:10px;
	margin-bottom:30px;
	margin-top: 70px;
	width: unset;
	padding:10px 60px;
	min-height:65px;

}
.h5Type11.orange {
	color:#d26405;
}
.h5Type11{
	background-image:url(/img/column/common/titleDotTop_alpha.png),url(/img/column/common/titleDotBottom_alpha.png);
	background-repeat:no-repeat;
	background-position:left top, right bottom;
	border-radius:0;
}
.h5Type11:before,
.h5Type11:after{
	content:unset;
}
.h5Type11.orange{
	background-image:url(/img/column/common/titleDotTopOrange_alpha.png),url(/img/column/common/titleDotBottomOrange_alpha.png);
	background-repeat:no-repeat;
	background-position:left top, right bottom;
}
@media screen and (max-width:640px){
	.h5Type11 {
		font-size:20px;
		padding: 10px 45px;
		min-height:20px;
		font-size: 20px;
		background-size:auto 40px;
		margin-top: 30px;
	}
}

.h5Type12{
    display: inline-flex;
    justify-content:left;
    align-items:flex-start;
    gap:10px;
    position: relative;
    padding: .5em 1em;
    background-color: #f5f5f5;
    color: #333333;
    border-bottom:0;
}
.h5Type12:before {
    position: absolute;
    bottom: 2px;
    right: -20px;
    z-index: -1;
    transform: rotate(5deg);
    width: 100%;
    height: 50%;
    background-color: #d0d0d0;
    content: "";
    filter: blur(4px);
}
.h5Type12 em{
    font-style:normal;
    font-weight:bold;
}
.h5Type12.cyan{
    border-right: 27px solid #00b4ae;
}
.h5Type12.cyan em{
    color: #00b4ae;
}
.h5Type12.blue{
    border-right: 27px solid #3599d4;
}
.h5Type12.blue em{
    color: #3599d4;
}
.h5Type12.orange{
    border-right: 27px solid #d7842f;
}
.h5Type12.orange em{
    color: #d7842f;
}
.h5Type12.green{
    border-right: 27px solid #29a969;
}
.h5Type12.green em{
    color: #29a969;
}
.h5Type12.red{
    border-right: 27px solid #e748a5;
}
.h5Type12.red em{
    color: #e748a5;
    min-width: 25px;
}
.h5Type12.perple{
    border-right: 27px solid #bd65c7;
}
.h5Type12.perple em{
    color: #bd65c7;
}

.h5Type13 {
	display:block;
	border:unset;
	padding-left:10px;
	padding-bottom:3px;
	min-height:50px;
	position:relative;
}
.h5Type13:before {
	content:unset;
}
.h5Type13:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}

.h5Type14 {
	font-weight: bold;
	color: #fff;
	padding: 0.5em 1em calc(0.5em - 6px);
	position: relative;
	display: block;
	border-bottom-width: 0;
}
.h5Type14::after {
	content: '';
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: -6px;
	left: 0;
}
.h5Type14.blue {
	background-color: #3d96d4;
}
.h5Type14.blue:after {
	background-color: #3d96d4;
}

.h5Type15 {
	border-bottom:0;
	display:inline-block;
	padding:3px 8px;
	border-radius:6px;
	min-height:unset;
	border:0;
}
.h5Type15:before ,
.h5Type15:after {
	content:unset;
}

.h5Type15.cyan {
	background-color:#48b0b2;
	color:#FFF;
}
.h5Type15.red {
	background-color: #eb47a3;
	color:#FFF;
}
.h5Type15.green {
	background-color:#8eb35a;
	color:#FFF;
}
.h5Type15.blue {
	background-color:#3599d4;
	color:#FFF;
}
.h5Type15 + *:not(:last-child){
	margin-bottom:20px;
}

.h5Type16{
	display: inline-block;
	border-bottom: 0;
	color: #FFF;
}
.h5Type16.cyan{
	background-color: #64bdba;
}
/* /サブタイトル */


/* フレーム */

/* -- type1 */
.sammaryType1{
	background-color:#ededed;
	border-radius:15px;
	position:relative;
	min-height:110px;
	padding:10px 10px 10px 120px;
	display:flex;
	align-items:center;
	margin-top:50px;
}
.sammaryType1 .checkType2 li:last-child{
	margin-bottom:0;
}
.sammaryType1:before{
	position:absolute;
	display:block;
	content:'';
	width:79px;
	height:114px;
	background-image:url(/img/column/common/matomeIcon1_alpha.png);
	left:10px;
	top:-20px;
}
.sammaryType1.type2:before{
	background-image:url(/img/column/common/matomeIcon1b_alpha.png);
	background-repeat:no-repeat;
}
.sammaryType1.type3:before{
	background-image:url(/img/column/common/checkIcon5_alpha.png);
	background-repeat:no-repeat;
}
.sammaryType1.type3.blue:before{
	filter: hue-rotate(180deg)  saturate(0.8);
}
.sammaryType1.type3.green:before{
	filter: hue-rotate(40deg) saturate(0.6);
}
.sammaryType1.type3.red:before{
	filter: hue-rotate(297deg);
}
.sammaryType1.type3.cyan:before{
	filter: hue-rotate(126deg) saturate(0.6);
}

.sammaryType1.type4:before{
	background-image:url(/img/column/common/checkIcon7_alpha.png);
	background-repeat:no-repeat;
}
@media screen and (max-width:640px){
	.sammaryType1{
		padding-left:70px;
		margin-top:40px;
	}
	.sammaryType1:before{
		width:50px;
		background-size:contain;
		background-repeat:no-repeat;
		top:-10px;
	}
	.sammaryType1.type4:before {
		left: 8px;
	}
	.sammaryType1.type4 {
		padding-left: 75px;
	}

}

/* -- type2 */
.sammaryType2{
	background-color:#ededed;
	border-radius:15px;
	position:relative;
	min-height:170px;
	padding: 10px 10px 10px 130px;
	display:flex;
	align-items:center;
	margin-top: 50px;
}
.sammaryType2:before{
	position:absolute;
	display:block;
	content:'';
	width:109px;
	height:187px;
	background-image:url(/img/column/common/matomeIcon2_alpha.png);
	left:10px;
	top:-20px;
}




@media screen and (max-width:640px){
	.sammaryType2{
		padding-left:80px;
	}
	.sammaryType2:before{
		width:60px;
		top:-10px;
		background-size:contain;
		background-repeat:no-repeat;
	}
}

/* -- type3 */
.pointType1 {
	display:flex;
	justify-content:center;
	margin-top: 60px;
	margin-bottom: 20px;
}
.pointType1.checkIcon4 {
	margin-top: 60px;
}
.pointType1 > div{
	border:2px solid #dc7828;
	border-radius:6px;
	display:block;
}
.pointType1 h5{
	color:#da762c;
	font-family: "Noto Serif JP", serif;
	font-size:23px;
	font-weight:500;
	border:0;
	text-align:center;
	margin-top:-30px;
}
.pointType1 h5 > span{
	display:inline-flex;
	align-items: flex-start;
	flex-direction: row;
	gap: 7px;
	background-color:#FFF;
	padding-right: 5px;
	padding-left: 62px;
	position: relative;
	padding-top: 10px;
	max-width: 650px;
	text-align: left;
	line-height: 1.2;
}
.pointType1 h5.noIcon > span{
	padding:10px;
}
.pointType1 ol{
	padding-left: 0 !important;
	margin-bottom:7px;
}
.pointType1 h5:not(.noIcon) > span:before{
	display:block;
	content:'';
	width: 57px;
	min-width: 50px;
	height:52px;
	background-image:url(/img/column/common/pointIcon1_alpha.png);
	background-repeat: no-repeat;
	background-position: center right;
	position: absolute;
	left: 0;
	top: 0;

}
.pointType1.checkIcon4:not(.noIcon) h5 > span {
	padding-left: 50px;
}
.pointType1.checkIcon4 h5:not(.noIcon) > span:before{
	top: -10px;
	left: 5px;
	width: 38px;
	min-width: 34px;
	background-size: contain;
	height:64px;
	background-image:url(/img/column/common/checkIcon4_alpha.png);
}
.pointType1 ol {
	padding-bottom:1px;
}
.pointType1 li {
	position: relative;
	padding-left: 50px;
	height: 34px;
	display: flex;
	justify-content: left;
	align-items: center;
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 120%;
	font-weight: bold;
	color: #555;
}
.pointType1 li:before {

	position:absolute;
	display:block;
	content:'';
	width:39px;
	height:34px;
	background-image:url(/img/column/common/checkIcon1_alpha.png);
	left:0;
	top: 2px;
}
.pointType1 > div {
	padding-left: 20px;
	padding-right: 20px;
}
.pointType1 ul,
.pointType1 ol{
	padding-left:0;
	padding-bottom:15px;
	margin-top: 23px;
}
.pointType1 li{
	font-size:18px;
	padding-left: 30px;
	margin-bottom: 15px;
	height:auto;
}
.pointType1 li:last-child{
	margin-bottom: 0px;
}
.pointType1.liType1 li{
	flex-direction:column;
	text-align:left;
	justify-content:left;
	align-items:flex-start;
}
.pointType1.liType1 li > div{
	color:#dc7828;
	font-family: "Noto Serif JP", serif;
	line-height:1;
	font-size:100%;
}

.pointType1.liType1 li > p{
	font-weight:normal;
	font-size:15px;
	padding-top:4px;
}
.pointType1 li:before {
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
@media screen and (max-width:640px){
	.pointType1 ol{
		padding-left:0 !important;
	}
	.pointType1 li{
		margin-bottom:10px;
		font-size:16px;
	}
	.pointType1.checkIcon4 h5:not(.noIcon) > span{
		padding-left: 47px;
	}
	.pointType1.checkIcon4 h5:not(.noIcon) > span:before{
		height:calc(64px * 0.8);
		width: 34px;
		background-size:contain;
		top:-5px;
		min-width: unset;
		left: 7px;
	}
	.pointType1 h5 > span{
		padding-left: 65px;
	}
}
/* -- type4 */
.wrapBorder .tit{
	background-color:#ebf6f2;
	color:#399b8d;
	font-weight:bold;
}
.wrapBorder .tit{
	padding:10px;
}
.wrapBorder .text{
	padding: 10px 5px 10px 9px;
}
.wrapBorder.colEven {
	width:100%;
	flex-wrap:wrap;
	gap:20px;
	display: grid;
	margin-bottom:30px;
	justify-content: center;
	grid-template-columns: repeat(auto-fit, calc(100% / 2 - 10px));
}
.wrapBorder.colEven.col3 {
	grid-template-columns: repeat(auto-fit, calc(100% / 3 - 14px));;
}
.wrapBorder.colEven.col1 {
	grid-template-columns: 100%;
}
.wrapBorder.colEven > div{
	width: 100%;
	/* margin-bottom:0px; */
	border: 2px solid #399b8d;
}
.wrapBorder.colEven > div .tit{
	/* height:60px; */
	text-align:center;
	align-items:center;
	justify-content:center;
}
.wrapBorder.colEven li:last-child{
	margin-bottom:0;
}
@media screen and (max-width:640px){
	.wrapBorder.colEven{
		gap:10px;
		width:90%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 60px;
		grid-template-columns: 100%;
	}
	.wrapBorder.colEven > div{
		width:100%;
	}
	.wrapBorder.colEven > div .tit{
		height:auto;
		text-align:left;
	}
	.wrapBorder.colEven.col3{
		grid-template-columns: 100%;
	}
}


.wrapBorder.colEven > div{
	width: 100%;
	/* margin-bottom:0px; */
	border:0;
	margin-bottom: 0;
}
.wrapBorder.colEven > div .tit{
	/* height:60px; */
	text-align:center;
	align-items:center;
	justify-content:center;
	border:1px solid #21beba;
	border-radius:10px 10px 0 0;
	background-color:#e3fcfa;
	color:#21beba;
	display: flex;
	align-items: center;
}
.wrapBorder.colEven > div .text{
	display:flex;
	align-items:center;
	justify-content:center;
	border-right:1px solid #a8a8a8;
	border-bottom:1px solid #a8a8a8;
	border-left:1px solid #a8a8a8;
	border-radius:0 0 10px 10px;
	text-align:center;
	flex-grow: 0;
}
@media screen and (max-width:640px){
	.wrapBorder.colEven > div{
		width:100%;
	}
	.wrapBorder.colEven > div .tit{
		height:auto;
		text-align: center;
	}
}


.wrapBorder.colEven.type2 {
	width:90%;
	flex-wrap:wrap;
	gap:20px;
	display:grid;
	justify-content: center;
	grid-template-columns: repeat(auto-fit, calc(100% / 2 - 10px));
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
}
.wrapBorder.colEven.type2.col1{
	grid-template-columns: 100%;
}
.wrapBorder.colEven.type2.col3{
	grid-template-columns: repeat(auto-fit, calc(100% / 3 - 14px));
}
.wrapBorder.colEven.type2 > *,
.wrapBorder.colEven.type2.col3 > *{
	width: 100%;
}
@media screen and (min-width:641px) and (max-width:1000px){
	.wrapBorder.colEven.type2.col3 {
		width:70%;
		margin: 0 auto 60px auto;
	}
	.wrapBorder.colEven.type2.col3 > *{
		width:100%;
	}
}

@media screen and (max-width:640px){
	.wrapBorder.colEven.type2 ,
	.wrapBorder.colEven.type2.col3 {
		width:90%;
		margin-left:auto;

		margin-right:auto;
		gap:10px;
		grid-template-columns: repeat(auto-fit, calc(100%));
	}
	.wrapBorder.colEven.type2.col3 > *{
		width:100%;
	}
}



.wrapArrow{
	display:flex;
	flex-direction:column;
	gap:20px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.wrapArrow > div{
	display:flex;
	flex-wrap:wrap;
	gap:60px;
	text-align:center;
}
.wrapArrow > div > div{
	font-weight:bold;
	padding: 12px;
	font-size:120%;
	color:#00b5ae;
	border-radius:10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.wrapArrow.type1 > div > div{
	width:calc((100% - 60px) / 2);
}
.wrapArrow.type2 > div > div{
	width:calc((100% - 120px) / 3);
}
.wrapArrow .tit{
	position:relative;
}
.wrapArrow.type1 .tit{
	border:1px solid #aaaaaa;
	background-color:#FFF;
}
.wrapArrow.type2 > div > div:nth-child(1){
	border:1px solid #9b9b9b;
	background-color:#FFF;
	color:#666;
	z-index:2;
}
.wrapArrow.type2 > div > div:nth-child(1):after{
	filter: hue-rotate(56deg)
}
.wrapArrow.type2 > div > div:nth-child(2){
	border:1px solid #5c8ed0;
	background-color:#FFF;
	color:#3b86e9;
	z-index:1;
}
.wrapArrow.type2 > div > div:nth-child(3){
	border:1px solid #00b7b1;
	background-color:#FFF;
	color:#04948f;
	font-weight:bold;
}
.wrapArrow .tit:after{
	display:block;
	position:absolute;
	content:'';
	width:49px;
	height:46px;
	background-image:url(/img/column/common/arrowType1_alpha.png);
	margin:auto;
	right:-56px;
	top:0;
	bottom:0;
}
.wrapArrow .text{
	font-weight: normal;
	line-height: 1.2;
}
.wrapArrow.type1 .text{
	border:1px solid #00b5ae;
	background-color:#e2fcfa;
	color: #005350;
}

@media screen and (min-width:641px){
	.wrapArrow > div > div{
		min-height:72px;
	}
}
@media screen and (max-width:640px){
	.wrapArrow{
		width:80%;
		margin: 0 auto 50px auto;
	}
	.wrapArrow > div{
		gap: 17px;
	}
	.wrapArrow.type1 > div > div{
		width:100%;
		font-size: 16px;
	}
	.wrapArrow.type2 > div > div{
		width:100%;
		font-size: 16px;
	}
	.wrapArrow .tit:after{
		width: 38px;
		height: 33px;
		margin:auto;
		right:0;
		left:0;
		top:unset;
		bottom: -26px;
		background-size: contain;
		background-repeat: no-repeat;
		background-image:url(/img/column/common/arrowType1b_alpha.png);
	}
}




.wrapBorder.type3{
	width:100%;
	display: grid;
	gap:20px;
	flex-wrap:wrap;
	font-weight:bold;
	margin:0 auto;
	margin-bottom: 30px;
	grid-template-columns: repeat(auto-fit, calc(100% / 2 - 10px));
}
.wrapBorder.colEven.type3 {
	width:80%;
}
.wrapBorder.col1.type3 {
	width:100%;
}
.wrapBorder.type3 > div{
	gap:10px;
	border-width: 0;
	display: grid;
	grid-row: span 2;
	grid-template-rows: subgrid;
}
.wrapBorder.colEven.type3 > div{
	width:100%;
}
.wrapBorder.col3.type3 > div{
	width:100%;
}
.wrapBorder.colEven.type3.col1{
	grid-template-columns: 100%;
}
.wrapBorder.colEven.type3.col1 > div{
	width:100%;
}
.wrapBorder.type3.col3{
	grid-template-columns: repeat(auto-fit, calc(100% / 3 - 14px));
}
.wrapBorder.type3 > div:nth-child(1) > .tit{
	background-color:#2398d3;
	border-color:#2398d3;
}
.wrapBorder.type3 > div:nth-child(2) > .tit{
	background-color:#ea55a3;
	border-color:#ea55a3;
}
.wrapBorder.type3 > div:nth-child(3) > .tit{
	background-color:#6CA800;
	border-color:#6CA800;
}
.wrapBorder.type3 > div.blue > .tit{
	background-color:#2398d3;
	border-color:#2398d3;
}
.wrapBorder.type3 > div.red > .tit{
	background-color:#ea55a3;
	border-color:#ea55a3;
}
.wrapBorder.type3 > div.green > .tit{
	background-color:#6CA800;
	border-color:#6CA800;
}
.wrapBorder.type3 > div.cyan > .tit{
	background-color:#00b3af;
	border-color:#00b3af;
}
.wrapBorder.type3 > div.orange > .tit{
	background-color:#dc7b28;
	border-color:#dc7b28;
}

.wrapBorder.type3 > div > .tit{
	border-radius:10px;
	color:#FFF !important;
	font-family: "Noto Serif JP", serif;
	font-size:120%;
	position:relative;
	text-align: center;
	border-radius: 10px !important;
	padding-bottom: 14px;
	justify-content:center;
	text-align:center;
	margin-top: 0;
	margin-bottom: 0;
	/* padding-top: 0; */
	/* padding-bottom: 0; */
	border: 0;
}
.wrapBorder.type3 > div > .tit:after{
	position:absolute;
	display:block;
	content:'';
	width:0;
	height:0;
	border-style:solid;
	border-width:20px 13px 0 13px;
	margin:auto;
	top:100%;
	left:0;
	right:0;
	bottom: -15px;
	background-color:transparent;
}
.wrapBorder.type3 > div > .tit:before{
	content:unset;
}
.wrapBorder.type3 > div > .tit > span{
	background-color:unset;
	position:static;
	padding:0;
}
.wrapBorder.type3 > div:nth-child(1) > .tit:after{
	border-color: #2398d3 transparent transparent transparent;

}

.wrapBorder.type3 > div:nth-child(2) > .tit:after{
	border-color: #ea55a3 transparent transparent transparent;
}
.wrapBorder.type3 > div:nth-child(3) > .tit:after{
	border-color: #6CA800 transparent transparent transparent;
}
.wrapBorder.type3 > div.blue > .tit:after{
	border-color: #2398d3 transparent transparent transparent;
}
.wrapBorder.type3 > div.red >  .tit:after{
	border-color: #ea55a3 transparent transparent transparent;

}
.wrapBorder.type3 > div.green > .tit:after{
	border-color: #6CA800 transparent transparent transparent;
}
.wrapBorder.type3 > div.cyan >  .tit:after{
	border-color: #00b2af transparent transparent transparent;
}
.wrapBorder.type3 > div.orange >  .tit:after{
	border-color: #db7e28 transparent transparent transparent;
}
.wrapBorder.type3 > div > .text{
	background-color:#FFF;
	border-radius:10px !important;
	color:#000;
	border:1px solid #CCC;
	text-align: center;
	flex-grow:1;
	align-items: center;
	display: flex;
	justify-content: center;
}
.wrapBorder.type3 > div > .text li:last-child{
	margin-bottom:0;
}
.wrapBorder.type3 > div > .text p:last-child{
	margin-bottom:0;
}
.wrapBorder.type3 > div:nth-child(1) > .text{
	border-color:#2f95d3;
	color:#2f95d3;
	background-color:#e6f7fe;
}
.wrapBorder.type3 > div:nth-child(2) > .text{
	border-color:#ec55a2;
	color:#ec55a2;
	background-color:#feeef6;
}
.wrapBorder.type3 > div:nth-child(3) > .text{
	border-color:#6CA800;
	color:#6CA800;
	background-color:#f3fee0;
}

.wrapBorder.type3 > div.blue > .text{
	border-color:#2f95d3;
	color:#2f95d3;
	background-color:#e6f7fe;
}
.wrapBorder.type3 > div.red > .text{
	border-color:#ec55a2;
	color:#ec55a2;
	background-color:#feeef6;
}
.wrapBorder.type3 > div.green > .text{
	border-color:#6CA800;
	color:#6CA800;
	background-color:#f3fee0;
}
.wrapBorder.type3 > div.cyan > .text{
	border-color:#00b4ae;
	color:#00b3b0;
	background-color:#e9fffd;
}
.wrapBorder.type3 > div.orange > .text{
	border-color:#db7e28;
	color:#db7e28;
	background-color:#faf5f0;
}
@media screen and (max-width:640px){
	.wrapBorder.colEven.type3,
	.wrapBorder.type3.col1,
	.wrapBorder.type3.col3{
		width:90%;
		gap: 20px;
		grid-template-columns: 100%;
	}
	.wrapBorder.type3 > div{
		width:100%;
		gap:10px;
		margin-bottom:0;
	}
	.wrapBorder.col3.type3 > div{
		width:100%;
		gap:10px;
	}
	.wrapBorder.colEven.type3 > div{
		width:100%;
		gap:10px;
	}
}



.wrapBorder.type4 {
	list-style:none;
	display:flex;
	gap:15px;
	padding:0;
	flex-wrap:wrap;
}
.wrapBorder.type4 > *{
	border:1px solid #A8A8A8;
	border-radius:18px;
	padding:15px;
	display:flex;
	align-items:center;
	justify-content:left;
}
.wrapBorder.type4.colFourTimes > *{
	width:calc(100% / 4 - 12px);
}




.wrapBorder.type4.colThreeTimes > *{
	width:calc(100% / 3 - 10px);
}
.wrapBorder.type4.colTwoTimes > *{
	width:calc(100% / 2 - 10px);
}
@media screen and (max-width:640px){
	.wrapBorder.type4.colFourTimes > *{
		width:100%;
	}
	.wrapBorder.type4.colThreeTimes > *{
		width:100%;
	}
	.wrapBorder.type4.colTwoTimes > *{
		width:100%;
	}
	.wrapBorder.type4 li:not(:last-child){
		margin-bottom:0;
	}
}

.wrapBorder.type5 {
	list-style:none;
	display:flex;
	gap:15px;
	padding:0;
	flex-wrap:wrap;
}
.wrapBorder.type5 > *{
	border: 1px solid #74caca;
	border-radius:18px;
	padding:15px;
	display:flex;
	align-items:center;
	justify-content:left;
	background-color: #ebfdfd;
	color: #005d55;
}
.wrapBorder.type5.colThreeTimes > *{
	width:calc(100% / 3 - 10px);
}
.wrapBorder.type5.colTwoTimes > *{
	width:calc(100% / 2 - 10px);
}
.wrapBorder.type5.colTwoTimes.col1 > *{
	width:100%;
}
@media screen and (max-width:640px){
	.wrapBorder.type5.colThreeTimes > *{
		width:100%;
	}
	.wrapBorder.type5.colTwoTimes > *{
		width:100%;
	}
}


.boxColType1{
	display:flex;
	gap: 15px;

	flex-wrap:wrap;
	padding-left: 0 !important;
	width: 90%;
	margin: 0 auto 30px auto;
}
.boxColType1 > li{
	width: calc(100% / 3 - 10px);
	display:flex;
	flex-direction:column;
}
.boxColType1 > li{
	margin-bottom:0;
}
.boxColType1.col2 > li{
	width:calc(100% / 2 - 10px);
	display:flex;
	flex-direction:column;
	margin-bottom: 0;
}
.boxColType1 > li .h6{
	background-color:#009692;
	color:#FFF;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:10px;
	height:70px;
	border-radius:6px 6px 0 0 ;
	margin-bottom:0;
}
.boxColType1.titBlue > li .h6{
	background-color:#3675d7;
	border-bottom:0;
}
.boxColType1.titGreen > li .h6{
	background-color:#78a809;
	border-bottom:0;
}
.boxColType1.titOrange > li .h6{
	background-color:#dc7828;
	border-bottom:0;
}
.boxColType1.titCyan > li .h6{
	background-color:#33afd4;
	border-bottom:0;
}
.boxColType1 > li p{
	background-color:#FFF;
	color:#000000;
	text-align:left;
	display:flex;
	flex-grow:1;
	justify-content:center;
	border-radius:0 0 6px 6px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	padding:10px;
	justify-content: left;
}
@media screen and (min-width:641px) and (max-width:1000px){
	.boxColType1 > li{
		width:calc(100% / 2 - 10px);
	}
}
@media screen and (max-width:640px){
	.boxColType1 > li{
		width:calc(100% / 1);
		margin-bottom: 0;
	}
	.boxColType1.col2 > li{
		width:100%;
	}
}




.boxColType8{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	padding-left: 0 !important;
}
.boxColType8 > li{
	width:calc(100% / 3 - 10px);
	display:flex;
	flex-direction:column;
	background-color:#ffffff;
	border: 1px solid #009592;
	position: relative;
	margin-bottom:0;
}
.boxColType8.col2 > li{
	width:calc(100% / 2 - 10px);
	display:flex;
	flex-direction:column;
}
.boxColType8.col1 > li{
	width:100%;
}
.boxColType8 > li .h6{

background-color:#009692;

color:#FFF;

text-align:center;

display:flex;

justify-content: left;

align-items:center;

padding: 13px 10px 12px 50px;

/* height: 70px; */

/* border-radius:6px 6px 0 0 ; */

margin-bottom: 0px;

width: 100%;

margin-top: 5px;

margin-left: -5px;

font-size: 18px;

text-align: left;

border: 0px;

line-height: 1.2;
}
.boxColType8 > li p{
	background-color:#FFF;
	color:#000000;
	text-align:left;
	display:flex;
	flex-grow:1;
	justify-content:center;
	padding: 20px 10px;
}
.boxColType8 > li:before{
	display:block;
	position:absolute;
	content:'';
	width: 39px;
	height:37px;
	margin:auto;
	top:10px;
	left:0;
}
.boxColType8.autoColor > li:nth-child(8n + 1){
	border: 1px solid #2c9cd4;
}
.boxColType8.autoColor > li:nth-child(8n + 1) .h6{
	background-color:#2c9cd4;
}
.boxColType8.autoColor > li:nth-child(8n + 2){
	border: 1px solid #d8812f;
}
.boxColType8.autoColor > li:nth-child(8n + 2) .h6{
	background-color:#d8812f;
}
.boxColType8.autoColor > li:nth-child(8n + 3){
	border: 1px solid #34a868;
}
.boxColType8.autoColor > li:nth-child(8n + 3) .h6{
	background-color:#34a868;
}
.boxColType8.autoColor > li:nth-child(8n + 4){
	border: 1px solid #e549a6;
}
.boxColType8.autoColor > li:nth-child(8n + 4) .h6{
	background-color:#e549a6;
}
.boxColType8.autoColor > li:nth-child(8n + 5){
	border: 1px solid #00b0a8;
}
.boxColType8.autoColor > li:nth-child(8n + 5) .h6{
	background-color:#00b0a8;
}
.boxColType8.autoColor > li:nth-child(8n + 6){
	border: 1px solid #f4627b;
}
.boxColType8.autoColor > li:nth-child(8n + 6) .h6{
	background-color:#f4627b;
}
.boxColType8.autoColor > li:nth-child(8n + 7){
	border: 1px solid #7ca621;
}
.boxColType8.autoColor > li:nth-child(8n + 7) .h6{
	background-color:#7ca621;
}
.boxColType8.autoColor > li:nth-child(8n + 8){
	border: 1px solid #bf48dc;
}
.boxColType8.autoColor > li:nth-child(8n + 8) .h6{
	background-color:#bf48dc;
}
.boxColType8.autoColor.autoBg > li p {
	background-color:transparent;
}
.boxColType8.autoColor.autoBg > li:nth-child(8n + 1){
	background-color:#eefcff;
}
.boxColType8.autoColor.autoBg > li:nth-child(8n + 2){
	background-color:#fefce9;
}
.boxColType8.autoColor.autoBg > li:nth-child(8n + 3){
	background-color:#f2ffe7;
}
.boxColType8.autoColor.autoBg > li:nth-child(8n + 4){
	background-color:#fef2f2;
}
.boxColType8.autoColor.autoBg > li:nth-child(8n + 5){
	background-color:#f2fff8;
}
.boxColType8.autoColor.autoBg > li:nth-child(8n + 6){
	background-color:#fceff1;
}
.boxColType8.autoColor.autoBg > li:nth-child(8n + 7){
	background-color:#f9fbf4;
}
.boxColType8.autoColor.autoBg > li:nth-child(8n + 8){
	background-color:#fdf4ff;
}

.boxColType8 > li:nth-child(1):before{
	background-image:url(/img/column/common/wrapBorderTyp8No1_alpha.png);
}
.boxColType8 > li:nth-child(2):before{
	background-image:url(/img/column/common/wrapBorderTyp8No2_alpha.png);
}
.boxColType8 > li:nth-child(3):before{
	background-image:url(/img/column/common/wrapBorderTyp8No3_alpha.png);
}
.boxColType8 > li:nth-child(4):before{

	background-image:url(/img/column/common/wrapBorderTyp8No4_alpha.png);
}
.boxColType8 > li:nth-child(5):before{
	background-image:url(/img/column/common/wrapBorderTyp8No5_alpha.png);
}
.boxColType8 > li:nth-child(6):before{
	background-image:url(/img/column/common/wrapBorderTyp8No6_alpha.png);
}
.boxColType8 > li:nth-child(7):before{
	background-image:url(/img/column/common/wrapBorderTyp8No7_alpha.png);
}
.boxColType8 > li:nth-child(8):before{
	background-image:url(/img/column/common/wrapBorderTyp8No8_alpha.png);
}
.boxColType8 > li:nth-child(9):before{
	background-image:url(/img/column/common/wrapBorderTyp8No9_alpha.png);
}
.boxColType8 > li:nth-child(10):before{
	background-image:url(/img/column/common/wrapBorderTyp8No10_alpha.png);
}
.boxColType8 > li:nth-child(11):before{
	background-image:url(/img/column/common/wrapBorderTyp8No11_alpha.png);
}
.boxColType8 > li:nth-child(12):before{
	background-image:url(/img/column/common/wrapBorderTyp8No12_alpha.png);
}
.boxColType8 > li:nth-child(13):before{
	background-image:url(/img/column/common/wrapBorderTyp8No13_alpha.png);
}
.boxColType8 > li:nth-child(14):before{
	background-image:url(/img/column/common/wrapBorderTyp8No14_alpha.png);
}
.boxColType8 > li:nth-child(15):before{
	background-image:url(/img/column/common/wrapBorderTyp8No15_alpha.png);

}
.boxColType8 > li:nth-child(16):before{
	background-image:url(/img/column/common/wrapBorderTyp8No16_alpha.png);
}
.boxColType8 > li:nth-child(17):before{
	background-image:url(/img/column/common/wrapBorderTyp8No17_alpha.png);
}
.boxColType8 > li:nth-child(18):before{
	background-image:url(/img/column/common/wrapBorderTyp8No18_alpha.png);
}
.boxColType8 > li:nth-child(19):before{
	background-image:url(/img/column/common/wrapBorderTyp8No19_alpha.png);

}
.boxColType8 > li:nth-child(20):before{
	background-image:url(/img/column/common/wrapBorderTyp8No20_alpha.png);
}
@media screen and (min-width:641px) and (max-width:1000px){
	.boxColType8 > li{
		width:calc(100% / 2 - 10px);
	}
}
@media screen and (max-width:640px){
	.boxColType8{
		padding:0;
		width:90%;
		margin-left:auto;
		margin-right:auto;

		gap:10px;
		margin-bottom: 40px;
	}
	.boxColType8 > li{
		width:calc(100% / 1);
		margin-bottom:10px;
	}
	.boxColType8.col2 > li{
		width:100%;
	}
}



.boxColType2{
	display:flex;
	gap:30px 10px;
	flex-wrap:wrap;
	margin-top:20px;
	margin-bottom: 30px;
}
.boxColType2 > li{
	width:calc(100% / 3 - 10px);
	display:flex;
	flex-direction:column;

	border:2px solid #009a86;
	text-align:center;
	border-radius:6px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0;
	padding-bottom: 10px;
}

.boxColType2 .h6{
	text-align:center;
	border-bottom:0px;
	color:#009a86;
	justify-content: center;
}
.boxColType2 .h6 > span{
	margin-top:-22px;
	background-color:#FFF;
	padding:10px;
	font-weight:bold;
}
.boxColType2 p {

	font-size: 25px;
	margin-top:-15px;
}
.boxColType2.col1 {
	padding-right:20px;
}
.boxColType2.col1 > li{
	width:100%;
}
.boxColType2.col2 > li{
	width:calc(100% / 2 - 10px);
}
.boxColType2.col2 .h6{
	font-size:20px;
}
.boxColType2.type2 .h6{
	font-size:120%;
}
.boxColType2.col2 p {
	font-size:16px;
	text-align:left;
	padding: 0 15px 5px;
}
.boxColType2.type2 p {
	font-size:100%;
	margin-bottom: 10px;
	padding-top: 10px;
}
@media screen and (min-width:641px) and (max-width:1000px){
	.boxColType2 > li{
		width:calc(100% / 2 - 10px);
	}
}
@media screen and (max-width:640px){
	.boxColType2 {
		padding:0 !important;
		width:90%;
		margin-left:auto;
		margin-right:auto;
		gap:10px;
	}
	.boxColType2 > li{
		width:calc(100% / 1);
		margin-bottom:10px;
	}
	.boxColType2.col2 > li{
		width:calc(100% / 1);
	}
	.boxColType2 p {
		font-size: 20px;
		margin-top:-22px;
		line-height:1.4;
	}
	.boxColType2 .h6{
		margin-bottom: 19px;
	}
	.boxColType2 .h6 > span{
		font-size:18px;
	}
}









.boxCol1Type1 {
	position:relative;
	box-sizing:border-box;
	z-index:0;
	margin: 10px 10px 40px 10px;
}
.boxCol1Type1 > *{
	position:relative;

	background-color:#e7f5f9;

	padding:20px;
	box-sizing:border-box;
	z-index:1;
}
.boxCol1Type1:before ,
.boxCol1Type1:after {
	position:absolute;
	display:block;
	content:'';
	width:50px;
	height:50px;
	background-color:#00b1ae;
	z-index:-1;
}
.boxCol1Type1:before{
	top: -10px;
	left: -10px;
}
.boxCol1Type1:after {
	bottom:-10px;

	right:-10px;








}
.boxCol1Type1 li:last-child{
	margin-bottom:0;
}
@media screen and (max-width:640px){
	.boxCol1Type1:before{
		top: -7px;
		left: -7px;
	}
	.boxCol1Type1:after {
		bottom:-7px;
		right:-7px;
	}
}

.boxCol1Type2 {
	padding:20px;
	border:2px solid #dc7828;
	border-radius:6px;
}
.boxCol1Type2.cyan {
	border:3px solid #00aaaa;
}
.boxCol1Type2 > * {
	margin:0;
}

.pointTypeArrow1:not(.noFrame),
.boxRightBorder{
	border:3px solid #00aaaa;
	position:relative;
	padding:20px;
}
.pointTypeArrow1,
.boxRightBorder{
	list-style:none;
	padding:0;
}
.pointTypeArrow1 [class^=text120].serif{
	margin-top:-4px;
}
.pointTypeArrow1:not(.noFrame):before,
.boxRightBorder:before{
	position:absolute;
	display:block;
	content:'';
	pointer-events:none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border-left:10px solid #9de3e2;
}

.boxRightBorder.orange{
	border:3px solid #d6872f;
}
.boxRightBorder.orange:before{
	border-left:10px solid #fdf3e7;
}
.boxRightBorder{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
}
.boxRightBorder li:last-child{
	margin-bottom:0;
}
.pointTypeArrow1 li{
	position:relative;
	padding-left: 35px;
	padding-top:5px;
	padding-bottom:5px;

}
.pointTypeArrow1 li:not(:last-child){
	margin-bottom:5px;
}
.pointTypeArrow1 li:last-child{
	margin-bottom:0px;
}
.pointTypeArrow1 li:before{
	position:absolute;
	display:block;
	content:'';
	width:27px;
	height:17px;
	background-image:url(/img/column/common/icon3_1_alpha.png);
	margin:auto;
	top:7px;
	bottom:unset;
	left:0;
}
.pointTypeArrow1.noFrame li:before{
	top:8px;
	bottom:unset;
}
@media screen and (max-width:640px){
	.pointTypeArrow1:not(.noFrame) {
		padding:10px 20px;
		margin-bottom:30px;
	}
}


.pointTypeArrow2:not(.noFrame) {
	position:relative;
	padding:10px;
	background-color:#efefef;

	border-radius:15px;
}
.pointTypeArrow2.blue:not(.noFrame) {
	background-color:#e5f3ff;
}
.pointTypeArrow2.orange:not(.noFrame) {
	background-color:#fff3e8;
}
.pointTypeArrow2{
	list-style:none;
	padding:0;
}
.pointTypeArrow2 [class^=text120].serif{
	margin-top:-5px;
}
.pointTypeArrow2 li{
	position:relative;
	padding-left: 50px;
	padding-top:5px;
	padding-bottom:5px;
}
.pointTypeArrow2 li:not(:last-child){
	margin-bottom:5px;
}
.pointTypeArrow2 li:last-child{
	margin-bottom:0px;
}
.pointTypeArrow2 li:before{
	position:absolute;
	display:block;
	content:'';
	width: 40px;
	height: 40px;
	background-image:url(/img/column/common/arrowType1_alpha.png);
	background-size:contain;
	background-repeat:no-repeat;
	margin:auto;
	top: -4px;
	left:0px;
}
.pointTypeArrow2.orange li:before{
	filter: hue-rotate(221deg);
}
.pointTypeArrow2.noFrame li:before{
	top:8px;
	bottom:unset;
}


.pointTypeSquare1 {
	list-style:none;
	padding-top: 20px;
	padding-bottom: 20px;
}
.pointTypeSquare1 li{
	position:relative;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}
.pointTypeSquare1 li:last-child{
	margin-bottom:0;
}
.pointTypeSquare1 li:not(:last-child){
	margin-bottom:5px;
}
.pointTypeSquare1 li:before{
	position:absolute;
	display:block;
	content:'';
	width:8px;
	height:8px;
	background-color:#00b1ae;
	margin:auto;
	top:12px;
	bottom:unset;
	left:0;
}
.orange .pointTypeSquare1 li:before{
	background-color:#d26d01;
}
.red .pointTypeSquare1 li:before{
	background-color:#e6615c;
}
@media screen and (max-width:640px){
	.boxCol1Type3 ul{
		padding-left: 13px;

	}
	.pointTypeSquare1 {
		padding:10px 15px;
	}
}



.wrapBorder.colEven.type0 >div{

	border:2px solid #51a89c;
	margin-bottom: 0;
}
.wrapBorder.colEven.type0.col1 >div{
	width: 100%;
}
.wrapBorder.colEven.type0.col3 >div{
	width: 100%;
}
.wrapBorder.colEven.type0 > div > div{
	border:0;
	border-radius:0;
}
.wrapBorder.colEven.type0 .tit{
	background-color:#ebf6f2;
	color:#51a89c;
}

.wrapBorder.colEven.type0.red >div{
	border:2px solid #dd6f7a;
}
.wrapBorder.colEven.type0.red  .tit{
	background-color:#ffebed;
	color:#dd6f7a;
}
.wrapBorder.colEven.type0.green >div{
	border:2px solid #7ea242;
}
.wrapBorder.colEven.type0.green .tit{
	background-color:#eef9dc;
	color:#7ea242;
}
.wrapBorder.colEven.type0.gray >div{
	border:2px solid #8b8b8b;
}
.wrapBorder.colEven.type0.gray .tit{
	background-color:#e8e8e8;
	color:#8b8b8b;
}
@media screen and (min-width:641px) and (max-width:1000px){
	.wrapBorder.colEven.type0.col3{
		width:70%;
		margin: 0 auto;
	}
	.wrapBorder.colEven.type0.col3 > div{
		width:100%;
	}
}
@media screen and (max-width:640px){
	.wrapBorder.colEven.type0.col3 > div{
		width:100%;
	}
}


ul.wrapBorder.type5 {
	list-style:none;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	line-height:1.21;
	margin-bottom: 30px;
	margin-left: auto;
	width: 90%;
	margin-right: auto;
}
ul.wrapBorder.type5 > *{
	border:2px solid #339dcc;
	border-radius:12px;
	padding:10px;
	display:flex;
	align-items:center;
	background-color:#f2fcfe;
	margin-bottom: 0;
}
ul.wrapBorder.orange > *{
	border:2px solid #fea502;
	background-color:#fdf6ba;
	color:#f02519;
}
ul.wrapBorder.green > *{
	border:2px solid #97d7a1;
	background-color:#f6fff0;
	color:#47b063;
}
ul.wrapBorder.perple > *{
	border:2px solid #c062c6;
	background-color:#fff8ff;
	color:#9f3fa5;
}
ul.wrapBorder.red > *{
	border:2px solid #ff9795;
	background-color:#fff7f8;
	color:#f95c59;
}

ul.wrapBorder.type5.col4 > *{
	width:calc(100% / 4 - 10px);
}
ul.wrapBorder.type5.col3 > *{
	width:calc(100% / 3 - 10px);
}
ul.wrapBorder.type5.col2 > *{
	width:calc(100% / 2 - 10px);
}

ul.wrapBorder.type5 > * > span{
	width:100% !important;

	text-align:center;
}
@media screen and (min-width:641px) and (max-width:1000px){
	ul.wrapBorder.type5.col4 > *{
		width:calc(100% / 2 - 10px);
	}
	ul.wrapBorder.type5.col3 > *{
		width:calc(100% / 2 - 10px);
	}
}
@media screen and (max-width:640px){
	ul.wrapBorder.type5.col4 > *{
		width:100%;
	}
	ul.wrapBorder.type5.col3 > *{
		width:100%;
	}
	ul.wrapBorder.type5.col2 > *{
		width:100%;
	}
}





.stepWrap {
	display:grid;
	gap:20px;
}
.stepWrap.col2 {
	grid-template-columns: repeat(auto-fit, calc(100% / 2- 10px));
}
.stepWrap.col3 {
	grid-template-columns: repeat(auto-fit, calc(100% / 3 - 14px));
}
.stepWrap .box{
	display: grid;
	grid-row: span 2;
	grid-template-rows: subgrid;
	gap: 0;
}
.stepWrap .tit{
	background-color:#EFEFEF;
	padding:0px 0 3px 20px;
	border-radius:20px 20px 0 0 ;
	color:#FFF;
	font-family: "Noto Serif JP", serif;
	font-weight:500;
	font-size:24px;
	display:flex;
	gap:20px;
	align-items:center;
}
.stepWrap .tit .stepNo{
	opacity:.6;
	position: relative;
	top: -4px;
}
.stepWrap .tit .stepNo em{
	font-size:150%;
	font-style:normal;
	margin-left:5px;
	position:relative;
	top:2px;
}
.stepWrap .text{
	background-color:#efefef;
	padding: 23px;
	border-radius:0 0 20px 20px;
	color:#000;
}
.stepWrap .text p:last-child{
	margin-bottom:0;
}
.stepWrap > div:nth-child(1) .tit{
	background-color:#2c9cd4;
}
.stepWrap > div:nth-child(2) .tit{
	background-color:#da822c;
}
.stepWrap > div:nth-child(3) .tit{
	background-color:#34a868;
}
.stepWrap > div:nth-child(4) .tit{

	background-color:#e549a6;
}
.stepWrap > div:nth-child(5) .tit{
	background-color:#00b0a8;
}
.stepWrap > div:nth-child(6) .tit{
	background-color:#f4627b;
}
.stepWrap > div:nth-child(7) .tit{
	background-color:#7ca621;
}
.stepWrap > div:nth-child(8) .tit{
	background-color:#c049db;
}

.stepWrap.type2 .box{
	border:1px solid #BEBEBF;
}
.stepWrap.type2 .tit{
	border-radius:0;
	padding: 3px 10px 6px;
	gap: 10px;
}
.stepWrap.type2 .tit .stepNo{
	opacity:1;
	font-size:16px;
	color:initial;
	background-color:#FFF;
	position: static;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 6px;
	min-width: 75px;
	line-height: 1;
	padding-top: 1px;
	padding-bottom: 3px;
	margin-top: 2px;
	text-align: center;
}
.stepWrap.type2 .tit .stepNo em{
	font-size: 19px;
	color:initial;
	position: static;
}
.stepWrap.type2 .text{
	border-radius:0;
	background-color:#FFF;
}
.stepWrap.type2 > div:nth-child(1) .tit .stepNo,
.stepWrap.type2 > div:nth-child(1) .tit .stepNo em{
	color:#3599d4;
}
.stepWrap.type2 > div:nth-child(2) .tit .stepNo,
.stepWrap.type2 > div:nth-child(2) .tit .stepNo em{
	color:#da822c;
}
.stepWrap.type2 > div:nth-child(3) .tit .stepNo,
.stepWrap.type2 > div:nth-child(3) .tit .stepNo em{
	color:#34a868;
}
.stepWrap.type2 > div:nth-child(4) .tit .stepNo,
.stepWrap.type2 > div:nth-child(4) .tit .stepNo em{
	color:#e549a6;
}
.stepWrap.type2 > div:nth-child(5) .tit .stepNo,
.stepWrap.type2 > div:nth-child(5) .tit .stepNo em{
	color:#00b0a8;
}
.stepWrap.type2 > div:nth-child(6) .tit .stepNo,
.stepWrap.type2 > div:nth-child(6) .tit .stepNo em{
	color:#f4627b;
}
.stepWrap.type2 > div:nth-child(7) .tit .stepNo,
.stepWrap.type2 > div:nth-child(7) .tit .stepNo em{
	color:#7ca621;
}
.stepWrap.type2 > div:nth-child(8) .tit .stepNo,
.stepWrap.type2 > div:nth-child(8) .tit .stepNo em{
	color:#c049db;
}
@media screen and (max-width:1000px){
	.stepWrap.col3 {
		grid-template-columns: repeat(auto-fit, calc(100% / 2 - 10px));
	}
}
@media screen and (max-width:640px){
	.stepWrap.col2 {
		grid-template-columns: 100%;
	}
	.stepWrap.col3 {
		grid-template-columns: 100%;
	}
	.stepWrap .tit{
		flex-wrap:wrap;
		font-size:20px;
		gap:0px;
		padding-bottom:10px;
		padding: 0 14px 7px;
		line-height: 1.1;
	}
	.stepWrap .tit .stepNo{
		font-size:18px;
		top: 0;
		margin-top: -5px;
		margin-bottom: -3px;
		line-height: 1.5;
	}
	.stepWrap .tit > span:last-child{
		width:100%;
	}
	.stepWrap .text{
		padding:15px;
	}
	.stepWrap.type2 .tit{
		padding-top:10px;
		gap:7px;
		padding-top: 4px;
	}
	.stepWrap.type2 .tit .stepNo{
		line-height:1;
		padding-top:1px;
		padding-bottom:4px;
	}
}

.stepWrap2 {
	counter-reset:count 0;
	list-style:none;
	width:90%;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:15px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
}
.stepWrap2 > li{
	counter-increment:count 1;
	padding-bottom:0;
	margin-bottom:0;
	display:flex;
	gap:10px;
}
.stepWrap2 > li em:before{
	content:'STEP.' counter(count);
	font-style:normal;
	background-color:#d2d2d2;
	color:#FFF;
	white-space:nowrap;
	padding:2px 15px 0;
	border-radius:30px;
	font-size:15px;
}
.stepWrap2 > li em.serif:before{
	padding:0px 15px 2px;
	font-size:16px;
}
.stepWrap2 > li:nth-child(1) em:before{
	background-color:#3599d4;
}
.stepWrap2 > li:nth-child(2) em:before{
	background-color:#d7842f;
}
.stepWrap2 > li:nth-child(3) em:before{
	background-color:#29a969;
}
.stepWrap2 > li:nth-child(4) em:before{
	background-color:#e748a5;
}
.stepWrap2 > li:nth-child(5) em:before{
	background-color:#00afa8;
}
.stepWrap2 > li:nth-child(6) em:before{
	background-color:#f5647a;
}
.stepWrap2 > li:nth-child(7) em:before{
	background-color:#78a824;
}
.stepWrap2 > li:nth-child(8) em:before{
	background-color:#c440db;
}



.boxCol1Type3 {
	border:2px solid #00b3ae;
	background-color:#f3fcfb;
}
.boxCol1Type3.orange {
	border:2px solid #d26703;
	background-color:#fff8f1;
}
.boxCol1Type3.red {
	border:2px solid #f39e9e;
	background-color:#ffefef;
}
.boxCol1Type3 > p{
	margin-left:20px;
	margin-right:20px;
}
.boxCol1Type3 .h5Type7{
	margin-bottom:10px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
@media screen and (max-width:640px){
	.boxCol1Type3 {
		margin-bottom:30px;
	}
}
.boxCol1Type4 {
	background-color:#ecf8f8;
	list-style:none;
	padding:15px;
	margin-bottom:40px;
}
.boxCol1Type4 ul{
	list-style:none;
	padding:0;
}
.boxCol1Type4 li{
	position:relative;
	border-bottom:2px dotted #00b4b0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
}
.boxCol1Type4 li:before{
	position:absolute;
	display:inline-block;
	content:'◆';
	color:#00b4b0;
	top:5px;
	left:0;
	background-color:unset;
	bottom: unset;
}
.boxCol1Type4.orange {
	background-color:#faf3e1;
}
.boxCol1Type4.orange li{
	border-bottom:2px dotted #a0713c;
}
.boxCol1Type4.orange li:before{
	color:#a0713c;
}
.boxCol1Type4.red {
	background-color:#fff5fb;
}
.boxCol1Type4.red li{
	border-bottom:2px dotted #e947a4;
}
.boxCol1Type4.red li:before{
	color:#e947a4;
}
.boxCol1Type4.green {
	background-color:#f6fffb;
}
.boxCol1Type4.green li{
	border-bottom:2px dotted #1aaa6a;
}
.boxCol1Type4.green li:before{
	color:#1aaa6a;
}


.wrapBorder.type6{
	display:flex;
	flex-wrap:wrap;
	gap:15px;
	justify-content:center;
	align-items: stretch;
	padding: 0;
}
.wrapBorder.type6 .icon{
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
}
.wrapBorder.type6 > * > p{
	flex-grow:1;
}
.wrapBorder.type6 > *{
	display:flex;
	flex-direction:column;
	justify-content:center;
	/* align-items:flex-start; */
	background-size: auto auto;
	/* flex-shrink: 1; */
	flex-grow: 1;
}
.wrapBorder.type6 > * > div{
	margin-top:15px;
	margin-bottom:15px;
	padding:10px;
	display:flex;
	flex-direction:column;
	height: 100%;
}
.wrapBorder.type6 > * > div p{
	flex-grow:1;
	line-height:1.4;
	margin:0;
}
.wrapBorder.type6 h4,
.wrapBorder.type6 h5{
	border:0;
	padding:0;
	margin: 0 0 5px 0;
	text-align:center;
	font-size:18px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:0;
	background-color:transparent;
	min-height:55px;
}
.wrapBorder.type6 h4:before,
.wrapBorder.type6 h4:after,
.wrapBorder.type6 h5:before,
.wrapBorder.type6 h5:after{
	content:unset;
}
.wrapBorder.type6 h4 > span,
.wrapBorder.type6 h5 > span{
	color:#FFF;
	font-family: "Noto Serif JP", serif;
	border-radius: 8px;
	padding: 7px 12px 9px;
	display: inline-block;
	line-height:1.1;
	font-weight:bold;
}
.wrapBorder.type6.col4 > *{
	width: calc(100% / 4 - 12px);
}
.wrapBorder.type6.col3 > *{
	width:calc(100% / 3 - 15px);

}
.wrapBorder.type6.col2 > *{
	width:calc(100% / 2 - 15px);
}
.wrapBorder.type6.blue > *{
	border:2px solid #95e7e4;
	background-color: rgba(202, 245, 243, 1);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(149, 231, 228, 1) 5px, rgba(149, 231, 228, 1) 10px )
}
.wrapBorder.type6.blue h4,
.wrapBorder.type6.blue h5{
	color:#2faca8;
	text-align:center;
}
.wrapBorder.type6.blue h4 span,
.wrapBorder.type6.blue h5 span{
	position:static;
	background-color:#2faca8;
}
.wrapBorder.type6.blue > * > div{
	background-color:#ebfbfa;
}
.wrapBorder.type6.yellow > *{
	border:2px solid #fbca44;
	background-color: rgb(253 247 199);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, #fbca44 5px, #fbca44 10px )
}
.wrapBorder.type6.yellow h4,
.wrapBorder.type6.yellow h5{
	color:#e4b32f;
}
.wrapBorder.type6.yellow h4 span,
.wrapBorder.type6.yellow h5 span{
	position:static;
	background-color:#e4b32f;
}
.wrapBorder.type6.yellow > * > div{
	background-color:#fdf7c7;
}
.wrapBorder.type6.green > *{
	border:2px solid #aad664;
	background-color: rgb(232 255 212);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, #aad664 5px, #aad664 10px )

}
.wrapBorder.type6.green h4,
.wrapBorder.type6.green h5{
	color:#87b73a;
}
.wrapBorder.type6.green h4 span,
.wrapBorder.type6.green h5 span{
	position:static;
	background-color:#87b73a;
}
.wrapBorder.type6.green > * > div{
	background-color:#e9ffd7;
}

.wrapBorder.type6.red > *{
	border:2px solid #f9a9b5;
	background-color: rgb(254 234 236);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, #f9a9b5 5px, #f9a9b5 10px )
}
.wrapBorder.type6.red h4,
.wrapBorder.type6.red h5{
	color:#d9566a;
}
.wrapBorder.type6.red h4 span,
.wrapBorder.type6.red h5 span{
	position:static;
	background-color:#d9566a;
}
.wrapBorder.type6.red > * > div{
	background-color:#feeaec;
}
@media screen and (max-width:640px){
	.wrapBorder.type6.col4 ,
	.wrapBorder.type6.col3 ,
	.wrapBorder.type6.col2 {
		width:90%;
		max-width:480px;
		margin:0 auto;
	}
	.wrapBorder.type6.col4 > *{
		width: 100%;
	}
	.wrapBorder.type6.col3 > *{
		width: 100%;
	}
	.wrapBorder.type6.col4 > *,
	.wrapBorder.type6.col3 > *,
	.wrapBorder.type6.col2 > *{
		width:100%;
	}
}

.wrapBorder.type7 {
	list-style:none;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	line-height:1.21;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:30px;
}
.wrapBorder.type7 li{
	margin-bottom:0;
}
.wrapBorder.type7 > *{
	border:2px solid #339dcc;
	border-radius:12px;
	padding:10px;
	display:flex;
	align-items:center;
	background-color:#f2fcfe;
	flex-direction:column;
}
.wrapBorder.type7 .tit{
	text-align:center;
	background: transparent;
	font-size: 18px;
	border-bottom-width: 0px;
	margin-bottom: 0;
	position:static;
	border:0;
	min-height:unset;
	display:block;
	margin-top:0;
}
.wrapBorder.type7 .tit:after,
.wrapBorder.type7 .tit:before{
	content:unset;
}
.wrapBorder.type7 .tit > span{
	position:static;
	padding: 0;
	display: inline;
	line-height: 1.2;
	border-radius:0;
}
.wrapBorder.type7 > *:nth-child(5n + 1) .tit span{
	background-color:#fff1b9;
	color: #c47f00;
}
.wrapBorder.type7 > *:nth-child(5n + 2) .tit span{
	background-color:#cde4ff;
	color:#3176bf;

}
.wrapBorder.type7 > *:nth-child(5n + 3) .tit span{
	background-color:#fcd6ce;
	color:#d95260;
}
.wrapBorder.type7 > *:nth-child(5n + 4) .tit span{
	background-color:#e1f1cb;
	color:#4f9337;
}
.wrapBorder.type7 > *:nth-child(5n + 5) .tit span{
	background-color:#dad1e9;
	color:#79409e;
}

.wrapBorder.type7.col4 > *{
	width:calc(100% / 4 - 10px);
}
.wrapBorder.type7.col3 > *{
	width:calc(100% / 3 - 10px);
}
.wrapBorder.type7.col2 > *{
	width:calc(100% / 2 - 10px);
}
.wrapBorder.type7 > * > span{
	text-align:center;
}
.wrapBorder.type7.boxColor > *:nth-child(5n+1) {
	background-color:#fffdf2;
	border-color:#fbaa0e;
}
.wrapBorder.type7.boxColor > *:nth-child(5n+2) {
	background-color:#fbfcff;
	border-color:#3b73bf;
}
.wrapBorder.type7.boxColor > *:nth-child(5n+3) {
	background-color:#fff8f9;
	border-color:#da545f;
}
.wrapBorder.type7.boxColor > *:nth-child(5n+4) {
	background-color:#f3f7ee;
	border-color:#499438;
}
.wrapBorder.type7.boxColor > *:nth-child(5n+5) {
	background-color:#fbf7ff;
	border-color:#7d3c9e;
}
@media screen and (min-width:641px) and (max-width:1000px){
	.wrapBorder.type7.col4 > *{
		width:calc(100% / 2 - 10px);
	}

	.wrapBorder.type7.col3 > *{
		width:calc(100% / 2 - 10px);
	}
}
@media screen and (max-width:640px){
	.wrapBorder.type7.col4 > *{
		width:100%;

	}
	.wrapBorder.type7.col3 > *{
		width:100%;
	}
	.wrapBorder.type7.col2 > *{
		width:100%;
	}
}










/* -- qa */
.titQA {
	border-radius:100px;
	padding-left:130px;
}
.titQA:after {
	content:unset;
}
.titQA:before {
	background-color:transparent;
	width:102px;
	height:46px;
	background-image:url(/img/column/common/QandA_midashi_alpha.png);
	margin:auto;
	top:0;

	bottom:0;
	left:10px;
	border-radius:unset;
	border-width:0;
}
@media screen and (max-width:640px){

	.titQA {
		padding-left:90px;
	}
	.titQA:before {
		width:70px;
		height:30px;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center center;
	}
}
.qaWrap{
	margin-bottom:30px;
	padding-bottom:0.1px;
}
.qWrap,
.aWrap{
	display:flex;
	align-items:center;
	border-radius:20px;
	position:relative;
	min-height:100px;
	padding-left:90px;
	margin-bottom:30px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
}
.qWrap{
	background-color:#ededed;
	color: #0b4543;
}
.aWrap{
	border:2px solid #ededed;
}
.qWrap:before,
.aWrap:before{
	position:absolute;
	display:block;


	content:'';
	width:64px;
	height:93px;
	margin:auto;
	top:-15px;
	left:10px;
	background-repeat:no-repeat;
	background-size:contain;

}
.qWrap:before{
	background-image:url(/img/column/common/QandA_Q_alpha.png);
}
.aWrap:before{
	background-image:url(/img/column/common/QandA_A_alpha.png);
}
@media screen and (max-width:640px){

	.qWrap,
	.aWrap{
		padding-left:70px;
		margin-bottom:20px;
		min-height:70px;
	}
	.qWrap:before,
	.aWrap:before{
		width:45px;
	}
}


.boxColType9{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	counter-reset:counter 0;
}
.boxColType9 > *{
	background-color:#EEEEEE;

	padding:10px;
	border-radius:13px;
}
.boxColType9 .tit{

	text-align:center;
	color:#FFF;
	margin-bottom:10px;
	background-color:#AAA;
	border-radius:8px;
	position:relative;
	counter-increment:counter 1;
	display:flex;
	justify-content: left;
	align-items:center;
	gap:10px;
	min-height:36px;
	padding: 10px 10px 5px 40px;
	text-align: left;
	line-height:1.2;
}
.boxColType9 .tit:before{
	display:flex;
	align-items:center;
	justify-content:center;
	width:27px;
	min-width: 27px;
	height:27px;

	background-color:#FFF;
	content:counter(counter) ;
	color:#AAA;
	border-radius:100px;
	font-weight:bold;
	line-height:1;
	position:absolute;
	padding-top:2px;
	top:5px;
	left:10px;
	box-sizing:border-box;
}
.boxColType9.col1 > *{
	width:100%;
}
.boxColType9.col2 > *{
	width:calc(100% / 2 - 10px);
}
.boxColType9.col3 > *{
	width:calc(100% / 3 - 10px);
}

.boxColType9 > *:nth-child(8n + 1) .tit{
	background-color:#2c9cd4;
}

.boxColType9 > *:nth-child(8n + 1) .tit:before{
	color:#2c9cd4;
}
.boxColType9 > *:nth-child(8n + 2) .tit{
	background-color:#d8812f;
}
.boxColType9 > *:nth-child(8n + 2) .tit:before{
	color:#d8812f;
}
.boxColType9 > *:nth-child(8n + 3) .tit{
	background-color:#34a868;
}
.boxColType9 > *:nth-child(8n + 3) .tit:before{
	color:#34a868;
}
.boxColType9 > *:nth-child(8n + 4) .tit{
	background-color:#e549a6;
}
.boxColType9 > *:nth-child(8n + 4) .tit:before{
	color:#e549a6;
}
.boxColType9 > *:nth-child(8n + 5) .tit{
	background-color:#00b0a8;
}
.boxColType9 > *:nth-child(8n + 5) .tit:before{
	color:#00b0a8;
}
.boxColType9 > *:nth-child(8n + 6) .tit{
	background-color:#f4627b;
}
.boxColType9 > *:nth-child(8n + 6) .tit:before{
	color:#f4627b;
}
.boxColType9 > *:nth-child(8n + 7) .tit{
	background-color:#7ca621;
}
.boxColType9 > *:nth-child(8n + 7) .tit:before{
	color:#7ca621;
}
.boxColType9 > *:nth-child(8n + 8) .tit{
	background-color:#bf48dc;
}
.boxColType9 > *:nth-child(8n + 8) .tit:before{
	color:#bf48dc;

}
@media screen and (max-width:640px){
	.boxColType9.col2 > *,
	.boxColType9.col3 > *{
		width:100%;
	}
	.boxColType9{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
}

.boxColType9B{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	counter-reset:counter 0;
}
.boxColType9B > *{
	background-color:#EEEEEE;
	padding:10px;





	border-radius:13px;
}
.boxColType9B .tit{
	text-align:center;
	color:#FFF;
	margin-bottom:10px;
	background-color:#AAA;
	border-radius:8px;
	position:relative;
	counter-increment:counter 1;
	display:flex;
	justify-content: left;
	align-items:center;
	gap:10px;
	padding: 6px 10px 4px;
	text-align: left;
	line-height: 1.2;
}
.boxColType9B .tit:before{
	display:flex;
	align-items:center;
	justify-content:center;
	width:30px;
	min-width: 30px;
	height:30px;
	background-color:#FFF;
	content:counter(counter);
	color:#AAA;
	border-radius:100px;
	margin-bottom: 1px;
	padding-top: 1px;
	box-sizing: border-box;
}
.boxColType9B.col1 > *{
	width:100%;
}
.boxColType9B.col2 > *{
	width:calc(100% / 2 - 10px);
}
.boxColType9B.col3 > *{
	width:calc(100% / 3 - 10px);
}
.boxColType9B > .tit:nth-child(8n + 1) {
	background-color:#2c9cd4;
}
.boxColType9B > .tit:nth-child(8n + 1):before{
	color:#2c9cd4;
}
.boxColType9B > .tit:nth-child(8n + 2){
	background-color:#d8812f;
}
.boxColType9B > .tit:nth-child(8n + 2):before{
	color:#d8812f;
}
.boxColType9B > .tit:nth-child(8n + 3) {
	background-color:#34a868;
}
.boxColType9B > .tit:nth-child(8n + 3):before{
	color:#34a868;
}
.boxColType9B > .tit:nth-child(8n + 4){
	background-color:#e549a6;

}
.boxColType9B > .tit:nth-child(8n + 4):before{
	color:#e549a6;
}
.boxColType9B > .tit:nth-child(8n + 5){
	background-color:#00b0a8;
}
.boxColType9B > .tit:nth-child(8n + 5):before{
	color:#00b0a8;
}
.boxColType9B > .tit:nth-child(8n + 6){

	background-color:#f4627b;
}
.boxColType9B > .tit:nth-child(8n + 6):before{
	color:#f4627b;
}
.boxColType9B > .tit:nth-child(8n + 7){
	background-color:#7ca621;
}
.boxColType9B > .tit:nth-child(8n + 7):before{
	color:#7ca621;
}
.boxColType9B > .tit:nth-child(8n + 8){
	background-color:#bf48dc;
}
.boxColType9B > .tit:nth-child(8n + 8):before{
	color:#bf48dc;
}
@media screen and (max-width:640px){
	.boxColType9B.col2 > *,
	.boxColType9B.col3 > *{
		width:100%;
	}
}


.boxColType10{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}
.boxColType10.col1 > *{
	width:100%;
}
.boxColType10.col2 > *{
	width: calc(100% / 2 - 10px);
}
.boxColType10.col3 > *{
	width:calc(100% / 3 - 10px);
}
.boxColType10 .boxColType10Box h4,
.boxColType10 .boxColType10Box h5{
	font-size:18px;
	border:0px;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:45px;
	position:relative;
	border-radius:0;
	margin-top:0;
	padding: 3px;
}
.boxColType10 .boxColType10Box h4:before,
.boxColType10 .boxColType10Box h4:after,
.boxColType10 .boxColType10Box h5:before,
.boxColType10 .boxColType10Box h5:after{
	position:absolute;
	display:block;
	content:'';
	width:40px;
	height:40px;
	background-image:url(/img/column/common/boxColType10TitBg_alpha.png);
	background-repeat:no-repeat;
	background-size:contain;
	border:0;
	background-color:transparent;
}
.boxColType10 .boxColType10Box h4:before,
.boxColType10 .boxColType10Box h5:before{
	left:2px;
	top:2px;
	background-position:left top;
	transform:rotate(180deg);
}
.boxColType10 .boxColType10Box h4:after,
.boxColType10 .boxColType10Box h5:after{
	right:2px;
	bottom:2px;
	background-position:right bottom;
}
.boxColType10 .boxColType10Box > ul{
	width:calc(100% - 6px);
	display:flex;
	list-style:none;
	margin:3px;
	padding:5px;
	box-sizing:border-box;
	gap: 15px;
	flex-wrap:wrap;
}
.boxColType10 .boxColType10Box > ul > li:last-child{
	margin-bottom:0;
}
.boxColType10 .boxColType10Box ul.col1 li{
	width:100%;
}
.boxColType10 .boxColType10Box ul.col2 > li{
	width: calc(100% / 2 - 10px);
}
.boxColType10 .boxColType10Box ul.col3 li{
	width: calc(100% / 3 - 10px);
}
.boxColType10 .boxColType10Box.blue{
	border:2px solid#5c9cd4;
	background-color:#e4f2fd;
}
.boxColType10 .boxColType10Box.blue h4,
.boxColType10 .boxColType10Box.blue h5{
	background-color:#5c9cd4;
	color:#FFF;
}
.boxColType10 .boxColType10Box.yellow{
	border:2px solid#e99400;
	background-color:#fdfac5;
}
.boxColType10 .boxColType10Box.yellow h4,
.boxColType10 .boxColType10Box.yellow h5{
	background-color:#e99400;
	color:#FFF;
}
.boxColType10 .boxColType10Box.red{
	border:2px solid#fb7da6;

	background-color:#fbe4ec;
}
.boxColType10 .boxColType10Box.red h4,
.boxColType10 .boxColType10Box.red h5{
	background-color:#fb7da6;
	color:#FFF;
}
.boxColType10 .boxColType10Box.green{
	border:2px solid#6ca500;
	background-color:#e7ffd7;
}
.boxColType10 .boxColType10Box.green h4,
.boxColType10 .boxColType10Box.green h5{
	background-color:#6ca500;
	color:#FFF;
}
.boxColType10 .boxColType10Box.cyan{
	border:2px solid#00b4ae;
	background-color:#ecf9f8;
}
.boxColType10 .boxColType10Box.cyan h4
.boxColType10 .boxColType10Box.cyan h5{
	background-color:#00b4ae;
	color:#FFF;
}
.boxColType10 .boxColType10Box.orange{
	border:2px solid#d6872f;
	background-color:#fffcf8;
}
.boxColType10 .boxColType10Box.orange h4,
.boxColType10 .boxColType10Box.orange h5{
	background-color:#d6872f;
	color:#FFF;
}

.boxColType10 .subTit{
	margin-bottom:5px;
}
.boxColType10 .subTit > span{
	color:#FFF;



	padding:5px 10px;
	border-radius:8px;
	display: inline-block;
}
.boxColType10 p{

}
.boxColType10 .blue .subTit span{
	background-color:#5c9cd4;
}
.boxColType10 .yellow .subTit span{
	background-color: #e99400;
}
.boxColType10 .red .subTit span{
	background-color:#ff7fa9;
}
.boxColType10 .green .subTit span{
	background-color: #66a709;
}
.boxColType10 .cyan .subTit span{
	background-color: #00b3ae;
}
.boxColType10 .orange .subTit span{
	background-color: #d58a2f;
}

@media screen and (max-width:640px){
	.boxColType10.col2 > *,
	.boxColType10.col3 > *{
		width: 100%;
	}
	.boxColType10 .boxColType10Box ul.col2 li,
	.boxColType10 .boxColType10Box ul.col3 li{
		width: 100%;
	}
}

.boxColType11 {
	display:grid;
	justify-content: center;
	gap:10px;
	margin-bottom: 30px;
}
.boxColType11.col1 {
	grid-template-columns: 100%;
}
.boxColType11.col2 {
	grid-template-columns: repeat(auto-fit, calc(100% / 2 - 10px));
}
.boxColType11.col3 {
	grid-template-columns: repeat(auto-fit, calc(100% / 3 - 14px));
}
.boxColType11 > div {
	display:grid;
	grid-row: span 2;
	grid-template-rows: subgrid;
	gap: 0;
}
.boxColType11 .h5{
	padding:10px;
	margin-bottom:0;
	border-bottom:0;
	border-radius:0;
	min-height: 58px;
	display: flex;
	align-items: center;
	border-width:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.boxColType11 .h5:before,
.boxColType11 .h5:after{
	content:unset;
}
.boxColType11 .text{
	padding:10px;
}
.boxColType11 > div.cyan {
	background-color:#e4f6f8;
}
.boxColType11 > div.cyan .h5{
	background-color: #20bbc7;
	color:#FFF;
}
.boxColType11 > div.pink {
	background-color:#fff1f1;
}
.boxColType11 > div.pink .h5{
	background-color: #fc706f;
	color:#FFF;
}
.boxColType11 > div.perple {
	background-color:#f6f4fe;
}
.boxColType11 > div.perple .h5{
	background-color: #947cf2;
	color:#FFF;
}
.boxColType11 > div.green {
	background-color:#f8ffea;
}
.boxColType11 > div.green .h5{
	background-color: #8dc425;
	color:#FFF;
}
.boxColType11 > div.blue {
	background-color:#f7faff;
}
.boxColType11 > div.blue .h5{
	background-color: #6f9afc;
	color:#FFF;
}

@media screen and (max-width:640px){
	.boxColType11.col2,
	.boxColType11.col3{
		grid-template-columns: 100%;
	}
}

.imgFrame > ul{
	display:grid;
	gap:20px;
	padding: 0;
}
.imgFrame.col2 > ul {
	grid-template-columns: repeat(auto-fit, calc(100% / 2 - 20px));
}
.imgFrame.col3 > ul {
	grid-template-columns: repeat(auto-fit, calc(100% / 3 - 20px));
}
.imgFrame > ul > li{
	display:grid;
	gap:0;
	grid-row: span 3;
	grid-template-rows: subgrid;
	position: relative;
	z-index:1;
	overflow:hidden;
	background: #FFF;
	margin-bottom: 0;
}
.imgFrame > ul > li > div{
	display: grid;
	grid-row: span 3;
	grid-template-rows: subgrid;
	gap: 0;
	border-radius:10px;
	padding: 10px;

}
.imgFrame > ul > li .imgFrameTit{
	border:0px;
	border-radius:0;
	margin-top:0;
	min-height:unset;
	padding:0px;
	display:flex;
	background-color: transparent;
	margin-bottom: 5px;
}
.imgFrame > ul > li .imgFrameTit > span{
	position:static;
}
.imgFrame > ul > li .imgFrameTit > span{
	background-color:unset;
}
.imgFrame > ul > li .imgFrameTit:before,
.imgFrame > ul > li .imgFrameTit:after{
	content:unset;
}
.imgFrame > ul > li p{
	padding:10px;
	margin-bottom: 5px;
}
.imgFrame > ul > li .bgImg{
	padding:10px;
}
.imgFrame.isBgImg > ul > li .bgImg{
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
}

.imgFrame > ul > li.blue .imgFrameTit,
.imgFrame > ul > li.blue .imgFrameTit > span{
	color:#3d96d4;
}
.imgFrame > ul > li.blue > div{
	border:1px solid #3d96d4;
}

.imgFrame > ul > li.cyan .imgFrameTit,
.imgFrame > ul > li.cyan .imgFrameTit > span{
	color:#00b4ae;
}
.imgFrame > ul > li.cyan > div{
	border:1px solid #00b4ae;
}

.imgFrame > ul > li.red .imgFrameTit,
.imgFrame > ul > li.red .imgFrameTit > span{
	color:#ed47a2;
}
.imgFrame > ul > li.red > div{
	border:1px solid #ed47a2;
}

@media screen and (max-width:640px){
	.imgFrame.col2 > ul ,
	.imgFrame.col3 > ul {
		grid-template-columns: 100%;
	}
}









.bgGray{
	border:1px solid #CCC;
	background-color:#EFEFEF;
	border-radius:10px;
	padding:15px;
}
.bgGray ol,
.bgGray ul,
.bgOrange ol,
.bgOrange ul,
.bgCyan ol,
.bgCyan ul,
.bgBlue ol,
.bgBlue ul,
.bgRed ol,
.bgRed ul,
.bgPerple ol,
.bgPerple ul,
.bgGreen ol,
.bgGreen ul{
	margin-top:0;
	margin-bottom:0;
}
.bgGray li:last-child,
.bgOrange li:last-child,
.bgCyan li:last-child,
.bgBlue li:last-child,
.bgRed li:last-child,
.bgPerple li:last-child,
.bgGreen li:last-child{
	margin-bottom:0;
}

.bgOrange{
	border:1px solid #dc7828;
	background-color:#fff8f3;
	border-radius:10px;
	padding:15px;
}
.bgCyan{
	border:1px solid #00b3ae;
	background-color:#f1ffff;
	border-radius:10px;
	padding:15px;
}
.bgBlue{
	border:1px solid #3d96d4;
	background-color:#f1f9ff;
	border-radius:10px;
	padding:15px;
}
.bgGreen{
	border:1px solid #1aaa6a;
	background-color:#f5fffb;
	border-radius:10px;
	padding:15px;

}
.bgRed{
	border:1px solid #f3649c;
	background-color:#fffafc;
	border-radius:10px;
	padding:15px;
}
.bgPerple{
	border:1px solid #ae75ff;
	background-color:#fdfcff;
	border-radius:10px;
	padding:15px;
}
@media screen and (max-width:640px){
	.bgGray,
	.bgOrange,
	.bgCyan,
	.bgBlue,
	.bgRed,
	.bgPerple,
	.bgGreen {
		padding:15px;
	}
}


.boxBgStripe{
    padding: 0.5em 1em;
    margin: 2em 0;
    border-radius:10px;
    background-color:#FFF;
    box-sizing:border-box;
}
.boxBgStripe.blue {
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

.boxBgStripe.geen {
    background: -webkit-repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#ecffeb 3px, #ecffeb 7px);
    background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#ecffeb 3px, #ecffeb 7px);
    border:3px solid #91d5b2;	
}

.boxBgStripe p {
    margin: 0; 
    padding: 0;
}


.boxBgOverlap {
	margin: 0 auto 2em;

	padding: 2em;
	background: none;
	border: 1px solid #007b71;
	position: relative;
}
.boxBgOverlap ol,
.boxBgOverlap ul{
	margin-top:0;
	margin-bottom:0;
}
.boxBgOverlap ol > li:last-child,
.boxBgOverlap ul > li:last-child{
	margin-bottom:0;
}
.boxBgOverlap:after {
	background-color: #cceded;
	border: none;
	content: '';
	position: absolute;
	top: 7px;
	left: 7px;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.boxBgOverlap p ,
.boxBgOverlap div {
	margin: 0;
}
.boxBgOverlap.red {
	border-color:#f47d7c;
}
.boxBgOverlap.red:after {
	background-color:#ffeae9;
}
.boxBgOverlap.green {
	border-color:#8eb35a;
}
.boxBgOverlap.green:after {
	background-color:#ecf8dc;
}
.boxBgOverlap.perple {
	border-color:#c062c6;
}
.boxBgOverlap.perple:after {
	background-color:#fff8ff;
}
.boxBgOverlap.orange {
	border-color:#d6872f;
}
.boxBgOverlap.orange:after {
	background-color: #fef5e1;
}
@media screen and (max-width:640px){
	.boxBgOverlap {
		padding:15px;
	}
}



.boxBgLooseLeaf{
	background: #f8f0d7;
	border-left: 5px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 0 5px #f8f0d7;
	padding: 10px !important;
	width:calc(100% - 10px);
}
.boxBgLooseLeaf ol li:last-child,
.boxBgLooseLeaf ul li:last-child{
	margin-bottom:0;

}
.boxBgLooseLeaf > *{
	margin: 0;
	padding: 0;
}
.boxBgLooseLeaf ul.checkType5 li:last-child{
	margin-bottom:0;
}



.speechBubble1 {
	display:flex;
	flex-direction:row;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	gap:20px;
	align-items: flex-end;
}
.speechBubble1 > .chara{
	max-width: 100px;
}
.speechBubble1 > .bubbleFrame{
	padding:10px;
	position:relative;
	border-radius:15px;
	margin-bottom:30px;
	min-height:130px;
	width:calc(100% - 120px);

}
.speechBubble1 > .bubbleFrame > *{
	line-height:1.4;
}
.speechBubble1 > .bubbleFrame:before,
.speechBubble1 > .bubbleFrame:after{
	position:absolute;
	display:block;
	content:'';
	width:0;
	height:0;
	border-style:solid;
	margin:auto;
}
.speechBubble1 > .bubbleFrame:before{
	border-width:10px 13px 10px 0;
	bottom:90px;
	left:-13px;
}
.speechBubble1 > .bubbleFrame:after{

	border-width:7px 10px 7px 0;
	bottom:93px;
	left:-10px;
}
.speechBubble1.orange > .bubbleFrame > p:last-child{
	margin-bottom:0;
}
.speechBubble1.orange > .bubbleFrame{
	background-color:#fdf1e6;
	border:2px solid #df8538;
	display: flex;
	align-items: center;
}
.speechBubble1.orange > .bubbleFrame:before{
	border-color:transparent #df8538 transparent transparent;
}
.speechBubble1.orange > .bubbleFrame:after{
	border-color:transparent #fdf1e6 transparent transparent;
}
@media screen and (max-width:640px){

	.speechBubble1 {

		width: 100%;
		gap: 13px;

		margin-bottom: -20px;
	}
	.speechBubble1.chara {
		width: 23%;
		margin-bottom:
		10px;
		margin-left: 3px;
	}
	.speechBubble1 > .bubbleFrame {
		width: calc(100% - 105px);
	}
}



/* /フレーム */


/* 表 */
/* -- table overflow */
article .tabe-overflow {
	margin-bottom:50px;
}

.tableTitleType1{
	border:0;
	background-color:#00b4ae;
	color:#FFF;
	justify-content:center;
	font-family: "Noto Serif JP", serif;
	border-radius:10px;
	position:relative;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:10px;
	padding-left: 10px;
	margin-top:0;
}
.tableTitleType1 > span{
	position:static !important;
	background-color: unset !important;
}
.tableTitleType1:before{
	content:unset;
}
.tableTitleType1:after{
	position: absolute;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #00b4ae transparent transparent transparent !important;
	border-width: 15px 12px 0 12px !important;
	margin: auto;
	top: 100%;
	left: 0;
	right: 0;
	border-radius: unset;
	background: transparent;
}
.tableTitleType1.red{
	background-color:#f59293;
}
.tableTitleType1.red:after{
	border-color: #f59293 transparent transparent transparent !important;
}
.tableTitleType1.green{
	background-color:#6ca500;
}
.tableTitleType1.green:after{
	border-color: #6ca500 transparent transparent transparent !important;
}


/* -- borderType */
table.borderType {
	width:100%;
	min-width:640px;
}
table.borderType {
	border-collapse:collapse;
	border-top:2px solid #599184;
	border-left:2px solid #599184;
	border-bottom: 2px solid #599184;
	border-right: 2px solid #599184;
	margin-bottom:20px;
	border-collapse: collapse !important;
}
.tabe-overflow table{
	border-collapse: separate;
	margin: 0 auto;
}

table.borderType th ,
table.borderType td {
	border-bottom:1px solid #599184;
	border-right:1px solid #599184;

	padding:10px;
	color: #599184;
}
table.borderType th {
	background-color:#ebf6f2;
}
table.borderType tbody th {
	text-align:left;
}
table.borderType tbody td {
	background-color:#fff;
}
table.borderType.stripe tbody tr:nth-child(odd) th,
table.borderType.stripe tbody tr:nth-child(odd) td{
	background-color:#fff;
}
table.borderType.stripe tbody tr:nth-child(even) th,
table.borderType.stripe tbody tr:nth-child(even) td{
	background-color:#e3ede9;
}

table.borderType.red {
	border-top:2px solid #f58a83;
	border-left:2px solid #f58a83;
	border-bottom: 2px solid #f58a83;
	border-right: 2px solid #f58a83;
}
table.borderType.red th ,
table.borderType.red td {
	border-bottom:1px solid #f58a83;
	border-right:1px solid #f58a83;
	padding:10px;
	color: #df6b64;
}
table.borderType.red th {
	background-color:#f7e6e6;
}
table.borderType.red.stripe tbody tr:nth-child(even) th,
table.borderType.red.stripe tbody tr:nth-child(even) td{
	background-color:#fff3f3;
}

table.borderType.blue {
	border-top:2px solid #96b1d7;

	border-left:2px solid #96b1d7;
	border-bottom: 2px solid #96b1d7;
	border-right: 2px solid #96b1d7;
}
table.borderType.blue th ,
table.borderType.blue td {
	border-bottom:1px solid #96b1d7;
	border-right:1px solid #96b1d7;
	padding:10px;
	color: #6e92c5;
}
table.borderType.blue th {
	background-color:#d5e8ef;
}
table.borderType.blue.stripe tbody tr:nth-child(even) th,
table.borderType.blue.stripe tbody tr:nth-child(even) td{
	background-color:#e7f3f7;
}

table.borderType.green {
	border-top:2px solid #a7c96f;
	border-left:2px solid #a7c96f;
	border-bottom: 2px solid #a7c96f;
	border-right: 2px solid #a7c96f;
}
table.borderType.green th ,
table.borderType.green td {
	border-bottom:1px solid #a7c96f;
	border-right:1px solid #a7c96f;
	padding:10px;
	color: #5d8918;
}
table.borderType.green th {
	background-color:#eaf4d9;
}
table.borderType.green.stripe tbody tr:nth-child(even) th,
table.borderType.green.stripe tbody tr:nth-child(even) td{
	background-color:#f9fcf4;
}

table.borderType.perple {
	border-top:2px solid #d5aadf;
	border-left:2px solid #d5aadf;
	border-bottom: 2px solid #d5aadf;
	border-right: 2px solid #d5aadf;
}
table.borderType.perple th ,
table.borderType.perple td {
	border-bottom:1px solid #d5aadf;
	border-right:1px solid #d5aadf;
	padding:10px;
	color: #c389d0;
}
table.borderType.perple th {
	background-color:#faedf7;
}
table.borderType.perple.stripe tbody tr:nth-child(even) th,
table.borderType.perple.stripe tbody tr:nth-child(even) td{
	background-color:#fcf4fa;
}

table.borderType.orange {
	border-top:2px solid #e08116;
	border-left:2px solid #e08116;
	border-bottom: 2px solid #e08116;
	border-right: 2px solid #e08116;
}
table.borderType.orange th ,
table.borderType.orange td {
	border-bottom:1px solid #e08116;
	border-right:1px solid #e08116;
	padding:10px;
	color: #e08116;
}

table.borderType.orange th {
	background-color:#fff0df;
}
table.borderType.orange.stripe tbody tr:nth-child(even) th,
table.borderType.orange.stripe tbody tr:nth-child(even) td{
	background-color:#fff8f1;
}

table.radiusType1 {
	width:100%;
	outline: 1px solid #26c0bc;
	border-radius:10px;
	border-spacing: 0;
	overflow:hidden;
	outline-offset: -1px;
}
table.radiusType1 thead th:not(:last-child){
	border-right:1px solid #26c0bc;
}
table.radiusType1 thead th{
	border-bottom:1px solid #26c0bc;
	color:#00b5ae;
	padding: 10px 10px;
	background-color:#e3fcfa;
}
table.radiusType1 tbody td:not(:last-child){
	border-right:1px solid #b1b1b1;
}
table.radiusType1 tbody td{
	padding: 10px 10px;
	text-align:center;
}
table.radiusType1 tbody tr:nth-child(even) td{
	background-color:#ededed;
}

table.radiusType1 tfoot td:not(:last-child){
	border-right:1px solid #26c0bc;
}
table.radiusType1 tfoot td{
	border-top:1px solid #26c0bc;
	color:#000;
	padding:10px 0;
	background-color:#e3fcfa;
	text-align:center;
	font-weight:bold;
}

table.radiusType1.red {
	outline: 1px solid #f59393;
}
table.radiusType1.red thead th:not(:last-child){
	border-right:1px solid #f59393;
}
table.radiusType1.red thead th{
	border-bottom:1px solid #f59393;
	color: #ef5b5b;
	background-color:#fff2f7;
}
table.radiusType1.red tfoot td:not(:last-child){
	border-right:1px solid #f59393;
}
table.radiusType1.red tfoot td{
	border-top:1px solid #f59393;
	background-color:#fff2f7;
}

table.radiusType1.green {

	outline: 1px solid #6ca500;
}
table.radiusType1.green thead th:not(:last-child){
	border-right:1px solid #6ca500;
}
table.radiusType1.green thead th{
	border-bottom:1px solid #6ca500;
	color: #6ca500;
	background-color:#f8ffea;
}
table.radiusType1.green tfoot td:not(:last-child){
	border-right:1px solid #6ca500;
}
table.radiusType1.green tfoot td{
	border-top:1px solid #6ca500;
	background-color:#f8ffea;
}

table.radiusType1.blue {
	outline: 1px solid #3599d4;
}
table.radiusType1.blue thead th:not(:last-child){
	border-right:1px solid #3599d4;
}
table.radiusType1.blue thead th{
	border-bottom:1px solid #3599d4;
	color: #3599d4;
	background-color:#edf8fe;
}
table.radiusType1.blue tfoot td:not(:last-child){
	border-right:1px solid #3599d4;
}
table.radiusType1.blue tfoot td{
	border-top:1px solid #3599d4;
	background-color:#edf8fe;
}


.radiusType2{
	display:flex;
	gap:5px;
	text-align:center;
	font-weight:bold;
	margin:0 auto;
	width:480px;
}
.radiusType2 > div > span,
.radiusType2 > div > div > span{
	padding:10px;
	min-height:45px;
}
.radiusType2 > div,
.radiusType2 > div > div{
	display:flex;
	flex-direction:column;
}
.radiusType2 > div:first-child > span:first-child{
	color:#00948b;

	border:1px solid #00948b;
	background-color:#e3fcfa;
	border-radius:10px 0 0 0;
	margin-bottom:5px;
}
.radiusType2 > div:first-child > div{
	border:1px solid #00948b;
}
.radiusType2 > div:first-child > div > span:nth-child(odd){
	background-color:#FFF;
}
.radiusType2 > div:first-child > div > span:nth-child(even){
	background-color:#e3fcfa;
}
.radiusType2 > div:last-child > span:first-child{
	color:#f13193;
	border:1px solid #f13193;
	background-color:#feeef8;
	border-radius:0 10px 0 0;
	margin-bottom:5px;
}
.radiusType2 > div:last-child > div{
	border:1px solid #f13193;
}
.radiusType2 > div:last-child > div > span:nth-child(odd){
	background-color:#FFF;
}
.radiusType2 > div:last-child > div > span:nth-child(even){
	background-color:#feeef8;
}
.radiusType2 > div > span:first-child{
	color:#1e8abd;
	border:1px solid #1e8abd;
	background-color:#e6f7fe;
	margin-bottom:5px;
}
.radiusType2 > div > div{
	border:1px solid #1e8abd;
}

.radiusType2 > div > div > span:nth-child(odd){
	background-color:#FFF;
}
.radiusType2 > div > div > span:nth-child(even){
	background-color:#e6f7fe;
}

.squareType1{
	border-top:1px solid #cbcbcd;
	border-left:1px solid #cbcbcd;
}
.squareType1 td,
.squareType1 th{
	border-right:1px solid #cbcbcd;
	border-bottom:1px solid #cbcbcd;
	padding:10px;
}
.squareType1 thead th{
	background-color:#eef1f6;
}
.squareType1 tBody tr td:first-child{
	font-weight:bold;
}
.squareType1 tBody tr:nth-child(1) td:first-child{
	background-color:#fad8d7;
	color:#fc4268;
	font-weight: bold;

}
.squareType1 tBody tr:nth-child(1) td{
	background-color:#f9ebeb;
}
.squareType1 tBody tr:nth-child(2) td:first-child{
	background-color:#b4e3f5;
	color:#157a9e;
}
.squareType1 tBody tr:nth-child(2) td{
	background-color:#dbecf3;

}
.squareType1 tBody tr:nth-child(3) td:first-child{
	background-color:#f5efa9;
	color:#ed8720;
}
.squareType1 tBody tr:nth-child(3) td{
	background-color:#fdfbdf;
}
.squareType1 tBody tr:nth-child(4) td:first-child{

	background-color:#ceecb8;
	color:#64953c;
}
.squareType1 tBody tr:nth-child(4) td{
	background-color:#e6f5de;
}
.squareType1 tBody tr:nth-child(5) td:first-child{
	background-color:#efc2eb;
	color:#ac4db8;
}
.squareType1 tBody tr:nth-child(5) td{
	background-color:#f6e2f5;
}
.squareType1 tBody tr:nth-child(6) td:first-child{
	background-color:#fbcd6d;
	color:#ec6212;
}
.squareType1 tBody tr:nth-child(6) td{
	background-color:#f6dda9;
}


.squareType2{
	width:100%;
	border-collapse:collapse !important;
	border-top:1px solid #bdc7c9;
	border-left:1px solid #bdc7c9;
}
.squareType2 th,
.squareType2 td{
	padding:10px;
	border-right:1px solid #bdc7c9;
	border-bottom:1px solid #bdc7c9;
}
.squareType2 thead th{
	background-color:#f2f6ff;
	text-align:center;
}
.squareType2.step4 tbody tr:nth-child(1) td{
	background-color:#eef9fb;
}
.squareType2.step4 tbody tr:nth-child(2) td{
	background-color:#def6f8;
}
.squareType2.step4 tbody tr:nth-child(3) td{
	background-color:#c6ebf1;
}
.squareType2.step4 tbody tr:nth-child(4) td{
	background-color:#ade1ea;
}

.squareType2.red thead th{
	background-color:#f2d6d5;
	text-align:center;
}
.squareType2.red.step4 tbody tr:nth-child(1) td{
	background-color:#fff5f4;
}
.squareType2.red.step4 tbody tr:nth-child(2) td{
	background-color:#ffe7e7;
}
.squareType2.red.step4 tbody tr:nth-child(3) td{
	background-color:#ffd3d4;
}
.squareType2.red.step4 tbody tr:nth-child(4) td{
	background-color:#ffc1c3;
}

/* /表 */

/* アイコン */
ul.checkType1{
	list-style:none;
	padding-left:0;
}
ul.checkType1 li{
	display:flex;
	position:relative;
	padding-left:30px;
	align-items:center;
	min-height:30px;
}
ul.checkType1 li:last-child{
	margin-bottom:0;
}
ul.checkType1 li:before{
	position:absolute;
	display:block;
	content:'';
	background-image:url(/img/column/common/checkIcon1_alpha.png);
	background-size:contain;
	background-repeat:no-repeat;
	width:25px;
	height:25px;
	margin:auto;
	top:0;
	left:0;
}
ul.checkType1 li p{
	margin-bottom:0;
	font-weight:normal;
	line-height:1.2;
}
ul.checkType1.checkIcon2 li:before{
	background-image:url(/img/column/common/checkIcon2_alpha.png);
}
ul.checkType1.checkIcon3 li:before{
	background-image:url(/img/column/common/checkIcon6_alpha.png);
}
ul.checkType1.checkIcon4 li:before{
	background-image:url(/img/column/common/checkIcon1b_alpha.png);
}
ul.checkType1.checkIcon5 li:before{
	background-image:url(/img/column/common/checkIcon1d_alpha.png);
}
ul.checkType1.checkIcon6 li:before{
	background-image:url(/img/column/common/checkIcon1c_alpha.png);
}
ul.checkType1.checkIcon7 li:before{
	background-image:url(/img/column/common/checkIcon1e_alpha.png);
}
.checlListType1{
	padding-left: 0 !important;
}
.checlListType1 li {
	position:relative;
	padding-left: 35px;
	min-height: 27px;
	display:flex;
	justify-content:left;

	align-items: flex-start;
	margin-top:5px;
	margin-bottom: 18px;
	line-height: 1.2;
	color: #008682;
	font-size:120%;
	font-family: "Noto Serif JP", serif;
}
.checlListType1 li:before {
	position:absolute;
	display:block;
	content:'';
	width: 30px;
	height: 30px;
	background-image:url(/img/column/common/checkIcon2_alpha.png);
	left:0;
	top: -2px;
	bottom: unset;
	background-size: contain;
	background-repeat: no-repeat;
}
.checlListType1 span {
	width:auto !important;
}
@media screen and (max-width:640px){
	.checlListType1 li {
		padding-left: 26px;
		min-height: 40px;
		font-size: 100%;
		margin-bottom: 16px;
	}
	.checlListType1 li:before {
		width: 23px;


		height: 23px;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center center;
		top: -3px;
	}
	
}


.cercleCyanNumber {
	list-style:none;
	counter-reset: number 0;
	padding-left:0;

}
.cercleCyanNumber > li{
	counter-increment:number 1;
	position:relative;
	padding-left: 45px;
	min-height: 23px;
	display:flex;

	align-items: flex-start;
	justify-content:left;
	margin-bottom: 25px;
}
.cercleCyanNumber > li:last-child{
	margin-bottom:0;
}
.cercleCyanNumber > li:before{
	content:counter(number);
	background-color:#00b2ac;
	position:absolute;
	display:flex;
	width: 35px;
	height: 35px;
	left:0;
	top: -5px;
	align-items:center;

	justify-content:center;
	color:#FFF;
	font-family: "Noto Serif JP", serif;
	font-size: 25px;
	border-radius:100px;
	line-height: 1;
	padding-top: 0;
	padding-bottom: 4px;
	box-sizing: border-box;
	background-image: unset;
}
.cercleCyanNumber.red > li:before{
	background-color:#e947a4;
}
.cercleCyanNumber.blue > li:before{
	background-color:#3599d4;
}
.cercleCyanNumber.green > li:before{
	background-color:#08ab6b;
}
.cercleCyanNumber [class^=text120].serif{
	margin-top:-3px;
}
.cercleCyanNumber [class^=text100].serif{
	margin-top:-0px;
}
@media screen and (max-width:640px){
	.cercleCyanNumber > li{
		padding-left:32px;
		margin-bottom: 15px;
	}
	.cercleCyanNumber > li:before{
		width:25px;
		height:25px;
		font-size: 20px;
		padding-bottom: 1px;
		top: -1px;
	}
}


ul.checkType2{
	list-style:none;
	padding-left:0;
}
ul.checkType2 li{
	position:relative;
	padding-left:23px;
}
ul.checkType2 li:before{
	position:absolute;
	background-image:url(/img/column/common/icon2_1_alpha.png);
	content:'';
	display:inline-block;
	width:18px;
	height:18px;
	margin:auto;
	left:0;
	top: 2px;
	/* bottom:0; */
}
ul.checkType2 li:last-child{
	margin-bottom:0;
}
ul.checkType3 {
	list-style:none;
	padding-left:0;
}
ul.checkType3 li{
	position:relative;

	padding-left:25px;

	min-height:25px;
	padding-top:5px;
	padding-bottom:5px;
}
ul.checkType3 li:not(:last-child){
	margin-bottom:5px;
}
ul.checkType3 li:last-child{
	margin-bottom:0;

}
ul.checkType3 li:before{
	background-image:url(/img/column/common/checkIcon3_alpha.png);

	content:'';
	display:inline-block;
	width:20px;
	height:20px;
	position:absolute;
	margin:auto;
	top: 6px;
	bottom: unset;
	left:0;
}
ul.checkType3.blue li:before{
	 filter: hue-rotate(40deg) saturate(0.6);
}
ul.checkType3.red li:before{
	filter: hue-rotate(160deg) saturate(0.9);
}
ul.checkType3.green li:before{
	filter: hue-rotate(270deg);
}
ul.checkType3.perple li:before{
	 filter: hue-rotate(90deg);
}
ul.checkType3.orange li:before{
	filter: hue-rotate(222deg) saturate(0.85);
}
ul.checkType4 {
	list-style:none;
	padding-left:0;
}
ul.checkType4 li{
	position:relative;
	padding-left:20px;
	min-height:25px;
	padding-top:5px;
	padding-bottom:5px;
}
ul.checkType4 li:not(:last-child){
	margin-bottom:5px;
}
ul.checkType4 li:last-child{
	margin-bottom:0px;
}
ul.checkType4 li:before{

	content:'◆';
	display:inline-block;
	width:20px;
	height:20px;
	position:absolute;
	margin:auto;
	top:5px;

	left:0;
	color:#00b4ae;
}

ul.checkType4.blue li:before{
	color:#3599d4;
}
ul.checkType4.orange li:before{
	color:#d7842f;
}
ul.checkType4.green li:before{
	color:#29a969;
}

ul.checkType4.red li:before{
	color:#e748a5;

}
ul.checkType4.perple li:before{
	color:#bd65c7;
}
ul.checkType5 {
	list-style:none;
	padding-left:0;
}
ul.checkType5 li{
	position:relative;
	padding-left:20px;
	min-height:25px;
	padding-top:5px;
	padding-bottom:5px;
}
ul.checkType5 li:not(:last-child){
	margin-bottom:5px;
}
ul.checkType5 li:last-child{
	margin-bottom:0;
}
ul.checkType5 li:before{
	content:'';
	display:inline-block;
	width:13px;
	height:13px;
	position:absolute;
	margin:auto;
	top:9px;
	left:0;
	background-color:#00b4ae;
	background-image:unset;
}
ul.checkType5.blue li:before{
	background-color:#3599d4;
}
ul.checkType5.orange li:before{
	background-color:#d7842f;
}
ul.checkType5.green li:before{
	background-color:#29a969;
}
ul.checkType5.red li:before{
	background-color:#e748a5;
}
ul.checkType5.perple li:before{
	background-color:#bd65c7;
}
ul.checkType5.yellow li:before{
	background-color:#e2b631;
}



ul.checkType6 {
	list-style:none;
	padding-left:0;
}
ul.checkType6 li{
	position:relative;
	padding-left: 34px;
	min-height:25px;
	padding-top:5px;
	padding-bottom:5px;
}
ul.checkType6 li:not(:last-child){

	margin-bottom:5px;
}

ul.checkType6 li:before{
	content:'';
	display:inline-block;

	width:30px;
	height:30px;
	position:absolute;
	margin:auto;
	top:0px;
	left:0;
	background-image:url(/img/column/common/checkIcon8_alpha.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center left;
}

ul.checkType7 {
	list-style:none;
	padding-left:0;
}
ul.checkType7 li{
	position:relative;
	padding-left:40px;
	min-height:25px;
	padding-top:5px;
	padding-bottom:5px;
}
ul.checkType7 li:not(:last-child){
	margin-bottom:5px;
}
ul.checkType7 li:before{
	content:'';
	display:inline-block;
	width:30px;
	height:30px;
	position:absolute;
	margin:auto;
	top:0px;
	left:0;
	background-image:url(/img/column/common/checkIcon9_alpha.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center right;
}
ul.checkType7 [class^=text120].serif{margin-top: -5px;display: inline-block;}


ul.checkType8 {
	list-style:none;
	padding-left:0;
}
ul.checkType8 li{
	position:relative;
	padding-left:28px;
	min-height:25px;
	padding-top:5px;
	padding-bottom:5px;
}
ul.checkType8 li:not(:last-child){
	margin-bottom:5px;
}
ul.checkType8 li:last-child{
	margin-bottom:0px;
}
ul.checkType8 li:before{
	content:'◆';
	display:inline-block;
	width:28px;
	height:28px;
	position:absolute;
	margin:auto;
	top:3px;
	left:0;
	color:#00b4ae;
	font-size:28px;
	line-height:1;
}
ul.checkType8.blue li:before{
	color:#3599d4;
}
ul.checkType8.orange li:before{
	color:#d7842f;
}
ul.checkType8.green li:before{
	color:#29a969;
}
ul.checkType8.red li:before{
	color:#e748a5;
}
ul.checkType8.perple li:before{
	color:#bd65c7;
}
ul.checkType8 li:after{
	display:block;
	position:absolute;
	content:'!';
	top:5px;
	left:11px;
	color:#FFF;
	font-weight:bold;
}


ul.checkType9 {
	list-style:none;
	padding-left:0;

}
ul.checkType9 li{
	position:relative;
	padding-left:28px;
	min-height:25px;
	padding-top:5px;
	padding-bottom:5px;
	z-index:1;
}
ul.checkType9 li:not(:last-child){
	margin-bottom:5px;
}
ul.checkType9 li:last-child{
	margin-bottom:0px;
}
ul.checkType9 li > em,
ul.checkType9 li > em:before,
ul.checkType9 li > em:after,
ul.checkType9 li > em > i,
ul.checkType9 li > em > i:before,
ul.checkType9 li > em > i:after{
	display: block;
	position:absolute;
	content:'';
	width: 11px;

	height: 11px;
	border-radius:50px;
}
ul.checkType9 li > em{
	left:5px;
	top:5px;
}
ul.checkType9 li > em:before{
	left: -6px;
	top: 5px;
}
ul.checkType9 li > em:after{
	left: 1px;
	top: 7px;
}
ul.checkType9 li > em > i:before{
	left: 8px;
	top: 0;
}
ul.checkType9 li > em > i{
	left: -4px;
	top: 11px;
}
ul.checkType9 li > em > i:after{
	left: 10px;
	top: -6px;
}

ul.checkType9 li > em:after{
	background-color:#FFF;
	z-index: 1;
	width: 9px;
	height: 9px;
}
ul.checkType9 li > em,
ul.checkType9 li > em:before,
ul.checkType9 li > em > i:after,
ul.checkType9 li > em > i:before,
ul.checkType9 li > em > i{
	background-color: #00b3ae;
	z-index:-1;
}

ul.checkType9.blue li > em,
ul.checkType9.blue li > em:before,
ul.checkType9.blue li > em > i:after,
ul.checkType9.blue li > em > i:before,
ul.checkType9.blue li > em > i{
	background-color: #3599d4;
}
ul.checkType9.orange li > em,
ul.checkType9.orange li > em:before,
ul.checkType9.orange li > em > i:after,
ul.checkType9.orange li > em > i:before,
ul.checkType9.orange li > em > i{
	background-color: #d7842f;
}
ul.checkType9.green li > em,
ul.checkType9.green li > em:before,
ul.checkType9.green li > em > i:after,
ul.checkType9.green li > em > i:before,
ul.checkType9.green li > em > i{
	background-color: #29a969;
}
ul.checkType9.red li > em,
ul.checkType9.red li > em:before,
ul.checkType9.red li > em > i:after,
ul.checkType9.red li > em > i:before,
ul.checkType9.red li > em > i{
	background-color: #e748a5;
}
ul.checkType9.perple li > em,
ul.checkType9.perple li > em:before,
ul.checkType9.perple li > em > i:after,
ul.checkType9.perple li > em > i:before,
ul.checkType9.perple li > em > i{
	background-color: #bd65c7;
}

ul.checkType10 {
	list-style:none;
	padding-left:0;
}
ul.checkType10 li{
	
}
ul.checkType10 li > span{
	position:relative;
	display:inline-block !important;
	padding-left:10px;
	padding-right:15px;
	min-height:25px;
	padding-top:5px;
	padding-bottom:5px;
	z-index:1;
	width:auto !important;
	border-radius:20px;
}
ul.checkType10 li:not(:last-child){
	margin-bottom:5px;
}
ul.checkType10 li:last-child{
	margin-bottom:0px;
}
ul.checkType10.lightBlue li > span{
	background-color:#dbeaf9;
	position:relative;
	padding-left:30px;
}
ul.checkType10.lightBlue li > span:before {
	content: '●';
	color: white;
	margin-right: 8px;
	position:absolute;
	left:8px;
}


/* /アイコン */



/* 文字装飾 */

/* /文字装飾 */






/* article  */
article picture:not(.main-image) {
	max-width:800px;
}


article [id^=no] ol{
	list-style:none;
	padding-left: 20px;
}
article ul{
	padding-left:28px;
	padding-right:10px;
}

article .contentsMainImg {
	text-align: center;
}
@media screen and (min-width:1001px){
	article > section {
		margin-left:calc((100% - 900px) / 2);
		margin-right:calc((100% - 900px) / 2);
		margin-bottom:120px;
	}
}
@media screen and (min-width:641px) and (max-width:1000px){

	article > section {
		width: calc(100% - 20px);
		margin-bottom:100px;
	}
}
@media screen and (max-width:640px){
	article > section {
		width: calc(100% - 20px);

		margin-bottom:80px;
	}
	article > section > p{
		line-height:1.5;
	}
}

/* table */


/* -- underLineType */
table.underLine {
	text-align:left;
	border-collapse: separate;
	border-spacing: 0px;
	box-sizing:border-box;
}
table.underLine th{
	font-weight:normal;
	color:#399b8d;
}
table.underLine th,
table.underLine td{
	padding:5px 10px;
	vertical-align:text-top;
	border-bottom:1px solid #399b8d;
}

/* --wrap Type */
.wrapBorder {
	display:inline-block;
}
.wrapBorder > div{
	display: grid;
	grid-row: span 2;
	grid-template-rows: subgrid;
	gap: 0;
	flex-direction:column;
	border: 1px solid #399b8d;
	border-radius: 3px;
	margin-bottom: 15px;
	overflow:hidden;
}
@media screen and (max-width:640px){
	.wrapBorder > div{
		margin-bottom: 10px;
	}
}


/* list */
/* --li > span span二個による、iconとテキストの並びにて、改行時のインデントを確保 */
article li > span:first-child {
	display:block;
	width:20px;
	align-content: center;
	float: unset;
}
article li > span:last-child {
	display:block;
	width: 100%;
	float: unset;
}
article li:after {
	display:block;
	content:'';
	clear:both;
}



















/* frame */







.colum2Type1{
	display:flex;
	gap:20px;
	flex-wrap:wrap;
}
.colum2Type1 > div{
	width:calc(100% / 2 - 10px);
}
.colum2Type1 .wrapBorder.colEven ,
.colum2Type1 .wrapBorder.colEven > div{
	margin-bottom:0;
}
.colum2Type1 .wrapBorder.type6,
.colum2Type1 .wrapBorder.type6 > div,
.colum2Type1 .wrapBorder.type6 li{
	margin-bottom:0;
	margin-top:0;

}
.colum2Type1 ul{
	margin-bottom:25px;
}
@media screen and (max-width:640px){
	.colum2Type1 > div{
		width:100%;
	}
}
.colum3Type1{
	display:flex;
	gap: 15px;
	flex-wrap:wrap;
}
.colum3Type1 > *{
	width:calc(100% / 3 - 10px);
	display:flex;
}
.colum3Type1 .wrapBorder.type6,
.colum3Type1 .wrapBorder.type6 li{
	margin-bottom:0;
	margin-top:0;
}



@media screen and (max-width:640px){
	.colum3Type1 > *{
		width:100%;
	}
	.colum3Type1 {
		width:90%;
		margin-left:auto;
		margin-right:auto;
		/* gap:10px; */
	}
}




.pointType2 {
display:flex;
justify-content:center;
margin-top: 60px;
margin-bottom: 30px;
}
.pointType2 > div{
border:2px solid #dc7828;
border-radius:6px;
display:block;
}

.pointType2 h5{
color:#da762c;
font-family: "Noto Serif JP", serif;
font-size:23px;
font-weight:500;
border:0;
text-align:center;
margin-top:-30px;
}
.pointType2 h5 > span{
display:inline-flex;
align-items:center;
flex-direction: row;
gap:10px;
background-color:#FFF;
}
.pointType2 h5 > span:before{
display:block;
content:'';

width:50px;
height:52px;
background-image:url(/img/column/common/pointIcon1_alpha.png);
}
.pointType2.checkIcon4 h5:not(.noIcon) > span:before{
	width:45px;
	height:64px;

	background-image:url(/img/column/common/checkIcon4_alpha.png);
}

.pointType2 .boxColType1{padding: 0 10px !important;}
.pointType2 .boxColType1 > li .h6{
background-color:#dc7828;
border-bottom:0px;
}
.pointType2 .boxColType1 > li p{
border:1px solid #dc7828;
margin-bottom:0;
}
@media screen and (max-widdth:640px){
.pointType2 .boxColType1 > li{
width:100%;
}
}







.olBorder.type1{
	padding-left:0;
	display:flex;
	flex-direction:column;
	gap:30px;
}
.olBorder.type1 li{
	margin-bottom:0;
}
.olBorder.type1 em{
	font-style: normal;
	display: flex;
	width: 31px;
	height: 31px;

	background-color: #FFF;
	color: #00b5ae;
	text-align: center;
	justify-content: center;
	align-items: center;
	border-radius: 40px;
	font-family: "Noto Serif JP", serif;
	box-sizing: border-box;
	padding-bottom: 2px;
}
.olBorder.type1 > li {
display:inline-flex;

align-items:center;
flex-direction: column;

justify-content: left;
align-items: flex-start;
gap: 10px;
}
.olBorder.type1 > li > span{
	display: inline-flex;
	width: auto;
	background-color: #00b5ae;
	color: #FFF;
	font-weight: bold;
	padding: 5px 25px 1px 42px;
	border-radius: 23px;
	position: relative;
	min-height: 37px;
	justify-content: left;
	align-items: center;
	min-width: 15em;
	font-size: 18px;
	text-align: left;
	line-height: 1.2;
}
.olBorder.type1 > li > span.serif{padding: 3px 25px 3px 42px;}
.olBorder.type1 > li > span em{position:absolute;top: 0;bottom: 0;left: 3px;margin: auto;}
@media screen and (max-width:640px){
	.olBorder.type1 > li > span{
		font-size:18px;
		min-width: unset;
		line-height: 1.1;
		padding-top: 3px;
	}
}




/* /frame */

/* table */
table.underLine{
margin:0 auto;
}





/* /table */


/* icon */
/* /icon */



/* text decoration */

.text100Black{
color: #000000;
font-size: 100%;
font-weight:bold;
}
.text120Black{
color: #000000;
font-size: 120%;
font-weight:bold;
}
.text100Cyan{
color: #00948f;
font-size: 100%;
font-weight:bold;
}
.text120Cyan{
	color: #00948f;
	font-size: 120%;
	font-weight:bold;
}
.text120CyanItaricSerif {
	font-size:120%;
	text-align:center;
	color:#0db1ab;
	font-family: "Noto Serif JP", serif;
	font-weight:700;
	margin-bottom: 10px;
	line-height:1.2;
}
.text140CyanItaricSerif {
	font-size:140%;
	text-align:center;
	color:#0db1ab;
	font-family: "Noto Serif JP", serif;
	font-weight:700;
	margin-bottom: 10px;
	line-height:1.2;
}
.text180CyanItaricSerif {
	font-size:180%;
	text-align:center;
	color:#0db1ab;
	font-family: "Noto Serif JP", serif;
	font-weight:700;
	margin-bottom: 10px;
	line-height:1.2;
}
.text100DarkBlue{
color: #2c47a1;
font-size: 100%;
font-weight:bold;
}
.text120DarkBlue{
color: #2c47a1;
font-size: 120%;
font-weight:bold;
}
.text100Red{
color: #b53400;
font-size: 100%;
font-weight:bold;
}
.text120Red{
color: #b53400;
font-size: 120%;
font-weight:bold;
}
.text100Blue{
	color: #34a0f0;
	font-size: 100%;
	font-weight:bold;
}
.text120Blue{
	color: #34a0f0;
	font-size: 120%;
	font-weight:bold;
}
.text100Orange {
	color: #dc7b28;
	font-size: 100%;
	font-weight:bold;
}
.text120Orange {
	color: #dc7b28;
	font-size: 120%;
	font-weight:bold;
}
.text100OBlue {
	color: #5088bd;
	font-size: 100%;
	font-weight:bold;
}
.text120Blue {
	color: #5088bd;
	font-size: 120%;
	font-weight:bold;

}
.text100Green{
	color: #1aaa6a;
	font-size: 100%;
	font-weight:bold;
}
.text120Green{
	color: #1aaa6a;
	font-size: 120%;
	font-weight:bold;
}
.text100Pink{
	color: #ff619f;
	font-size: 100%;
	font-weight:bold;
}
.text120Pink{
	color: #ff619f;
	font-size: 120%;
	font-weight:bold;
}
.text100Perple{
	color: #c062c6;
	font-size: 100%;
	font-weight:bold;
}
.text120Perple{
	color: #c062c6;
	font-size: 120%;
	font-weight:bold;
}	
@media screen and (max-width:640px){
	.text180CyanItaricSerif {
		font-size:140%;
		padding-bottom:5px;


	}
}
/* /text decoration */






/* 制作中控え */
/* H4が何かにくくられた時のmargin-topを変更 */
article * > .h4 ,
article * > h4 {
	margin-top: 70px;
	margin-bottom: 20px;
}
section > div {
	margin-bottom:50px;
}
@media screen and (max-width:640px){
	article * > .h4 ,

	article * > h4 {
		margin-top: 70px;
		margin-bottom: 20px;
		padding-right: 10px;
	}
	h3 + h4{
		margin-top:0;
	}
	section > div {
		margin-bottom:30px;
	}

}

/* /制作中控え */

.boldBorder{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	align-items: stretch;
	justify-content:center;
	padding:0;
	margin-top: 0;
	margin-bottom: 40px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.boldBorder > *{
	background-color:#FFF;
	border:3px solid #00b4a8;
	color: #00958b;
	border-radius: 28px;
	padding: 8px 10px 13px 10px;
	text-align:center;
	font-family: "Noto Serif JP", serif;
	font-weight:600;
	font-size:18px;
	margin-bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.boldBorder.column2 > *{
	width:calc(100% / 2 - 10px);
}
.boldBorder.column3 > *{
	width:calc(100% / 3 - 10px);
}
.boldBorder.column4 > *{
	width:calc(100% / 4 - 10px);
}
@media screen and (max-width:1000px){
	.boldBorder.column3 > *{
		width:calc(100% / 2 - 10px);
	}

	.boldBorder.column4 > *{
		width:calc(100% / 2 - 10px);
	}
}
@media screen and (max-width:640px){
	.boldBorder.column2 > *{
		width:100%;
		font-size:17px;
	}
	.boldBorder.column3 > *{
		width:calc(100% / 1);
	}
	.boldBorder.column4 > *{
		width:calc(100% / 1);
	}
}

.clearBoth {
	clear:both;
}
.imgWrap{
	margin-bottom:10px;
}
.imgWrap.right{
	float:right;
	margin-left:10px;
}
.imgWrap.left{
	float:left;
	margin-right:10px;
}
.ib{
	display:inline-block;
}
.ibUnFlex{
	display:inline-block;
	width:100%;
}

img.hrImg {
	display:block;
	margin:0 auto 40px;
}
.heType7 {
	text-align: center;
}


.serif{

	font-family: "Noto Serif JP", serif;
	font-weight: 500;
}
.sans-serif{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
li {
	margin-bottom:20px;
}


.trBgStrip tbody > tr:nth-child(odd) th,
.trBgStrip tbody > tr:nth-child(odd) td{
	background-color:#FFF;
}
.trBgStrip tbody > tr:nth-child(even) th,
.trBgStrip tbody > tr:nth-child(even) td{
	background-color:#EFEFEF;
}

section > .h5Type7 + .pointTypeSquare1{
	margin-top:0;
	padding-top:0;
}

.textAlignCenter{
	text-align:center;
}
.textAlignLeft{
	text-align:left;
}
.jusConCenter{
	justify-content:center;
}

@media screen and (min-width:641px){
	.isSp{
		display:none;
	}
}
@media screen and (max-width:640px){
	.isPc{
		display:none;
	}
}










.tabe-overflow.isOverFlow{
	position:relative;
	z-index:1;
}
.tabe-overflow.isOverFlow[data-scrollposition='left']:before ,
.tabe-overflow.isOverFlow[data-scrollposition='left']:after ,
.tabe-overflow.isOverFlow[data-scrollposition='right']:before ,
.tabe-overflow.isOverFlow[data-scrollposition='right']:after {
	position:absolute;
	display:block;
	content:'';
}
.tabe-overflow.isOverFlow[data-scrollposition='left']:after {
	width: 20px;
	height: 100%;
	background-image: linear-gradient(to right, transparent 0%, #ffffff 100%);
	top:0;
	right: 0;
	z-index:1;
}
.tabe-overflow.isOverFlow[data-scrollposition='left']:before {
	width: 52px;
	height: 85px;
	margin:auto;
	top:0;
	bottom:0;
	/*
	border-top:2px solid #000;
	border-right:2px solid #000;
	transform:rotate(45deg);
	*/
	right:10px;
	z-index:2;
	background:url(/img/column/common/swipeIcon.svg) rgba(255,255,255,.6);
	background-size: calc(100% - 10px);
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 10px 10px 10px 10px;
	filter: invert(1);
    animation-name:swipeIconAnime;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes swipeIconAnime{
	0%{
		right:10px
	}
	50% {
		right:5px	
	}
	100%{
		right:10px
	}
}
/*
.tabe-overflow.isOverFlow[data-scrollposition='right']:after {
	width: 20px;
	height: 100%;
	background-image: linear-gradient(to right, #FFF 0% , transparent 100%);
	top:0;
	left: 9px;
	z-index: 0;
}
.tabe-overflow.isOverFlow[data-scrollposition='right']:before {
	width:15px;
	height: 15px;
	margin:auto;
	top:0;
	bottom:0;
	border-top:2px solid #000;
	border-left:2px solid #000;
	transform:rotate(-45deg);
	left:15px;
	z-index:2;
}
*/