@charset "utf-8";
@import url("./all.min.css");
/*******************************************************
mescius -https://www.mescius.jp/
Copyright(c)
by mescius
*******************************************************/

/*****************************************************
		追加CSS 2022.03.07
******************************************************/

.max-width--definer {
	/*  基本セクションタイトル */
    max-width: 1024px;
	padding: 50px 0;
}
.contents--wrap {
    width: 100%;
    padding: 0;
	margin-top: 60px;
}
.title-h2 {
	/*  基本セクションタイトル */
	display: inline-block;
	position: relative;
	width: 100%;
	font-size: 46px;
	font-weight: 600;
	color: #005893;
	text-align: center;
	padding-left: 0;
	line-height: 1.6;
}
.sub-tilte-h2 {
	font-size: 22px;
}
.title-h3 {
	/*  基本セクションタイトル */
	display: inline-block;
	position: relative;
	width: 100%;
	font-size: 36px;
	font-weight: 600;
	color: #2ea875;
	text-align: center;
	padding-left: 0;
	padding-bottom: 20px;
	line-height: 1em;
}
/*.title-h3: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);
  }*/
  .title-h4 {
	/*  基本セクションタイトル */
	border-left: solid 8px #2ea875;
	padding-left: 5px;
	line-height: 1.4em;
}

hr {
	margin: 50px 0;
}

.box-pickup {
	/*  囲み-css */
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #00a0e9;
	background: #f3fbfc;/*背景色*/
	border-top: solid 6px #00a0e9;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}

.card-forguncy {
	/* 方眼紙カード型UI */
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #def6ff calc(100% - 1px)),
	linear-gradient(90deg, transparent calc(100% - 1px), #def6ff calc(100% - 1px));
	background-size: 16px 16px;
	background-repeat: repeat;
	background-position: center center;
	background-color: #f1fbff;
	border: 1px solid #029de2;
    border-radius: 10px;
    padding: 50px 20px 50px 30px;
}
.card-forguncy h3 {
    color: #029de2;
	font-weight: 600;
	line-height: 1.5;
}

.bg-grid {
	background-image: linear-gradient(0deg, transparent 31px, #029de2 32px),linear-gradient(90deg,  transparent 31px, #029de2 32px);
  	background-color: #def6ff;
  	background-size: 32px 32px;
}

/* 吹き出し */
.balloon {
	position: relative;
     display: inline-block;
     text-align: center;
     color:#ffffff;
     padding: 15px;
     background-color: #2ea875;
	 border:solid 2px #2ea875;
     border-radius: 5px ;
	}
	
	.balloon::before {
		content: '';
		position: absolute;
		display: block;
		z-index: 1;
		border-style: solid;
		border-color: #2ea875 transparent;
		border-width: 10px 10px 0 10px;
		bottom: -10px;
		left: 50%;
		margin-left: -10px;
	}

/* ボックスデザイン */
.box {
	padding: 50px 20px;
	background: #fff;
	/*border-left: solid 10px #ffc06e;*/
	border: 2px solid #009179;
    border-radius: 10px;
}

/* アンダーライン*/
.under-line {
	background: linear-gradient(transparent 50%, #b4f7f2 50%);
	font-weight: bold;
}

/* 画像のフレーム */
figure {
	/* 画像 */
}
	.figure__img {
		margin: 20px 0 10px;
	}
		figcaption {
			margin-top: 10px;
			color: #505050;
			font-size: 90%;
			text-align: center;
		}
		.row img,
		.modal-body img,
		.figure__img img {
			display: block;
			max-width: 100%;
			height: auto;
			margin-left: auto;
			margin-right: auto;
		}
		.figure__img--frame img {
			border: 1px solid #dcdcdc;
		}
		.figure__img--round-frame img {
			border: 1px solid #dcdcdc;
			border-radius: 6px;
			padding: 24px;
			background-color: #ffffff;
		}
		.figure__img--round-frame figcaption {
			text-align: center;
		}