@charset "UTF-8";
/* CSS Document */

.content{
	text-align: center;
}
/* お問い合わせ先 */
.outline {
	text-align: left;
	margin: 50px 0 20px 0;
	border-right: 3px solid #eee;
	border-bottom: 3px solid #eee;
	border-left: 3px solid #eee;
}
.outline .outline-heading {
	background-color: #eee;
	padding: 7px 15px;
	font-size: 1.285714em; /*18px */
	font-weight: bold;
}
.outline .outline-heading_paragraph {
	margin: 0 0 10px 0;
	font-size: 1.5em; /* 21px */
	font-weight: bold;
}


/* =========== common ============== */

.Infographics_Wrap{
	font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans", "Noto Sans CJK JP","メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana, Arial, Helvetica, sans-serif;
}
.Infographics_Wrap img{
	max-width: 100%;
	height: auto;
}
@media (min-width:768px) { /* tab pc */
	.Infographics_Wrap .SP{
		display: none;
	}
}
@media (max-width:767px) { /* sp */
	.Infographics_Wrap .PC{
		display: none;
	}
}

@media (min-width:768px) { /* tab pc */
	.pc-ib{
		display: inline-block;
	}
}

/* =========== head ============== */
.Infographics_head{
	text-align: center;
	margin-bottom: 4em;
}

.Infographics_head .main_ttl{
	padding: 0;
	margin-bottom: 1.5em;
}

.Infographics_head .lead{
	font-size: 150.00%; /* 24px */
	color: #14136b;
	padding: 0;
	line-height: 1.8em;
	font-weight: bold;
	font-feature-settings: "palt";
	letter-spacing: 1px;
}

@media (min-width:768px) { /* tab pc */
	div.Infographics_head{
		margin-bottom: 6em;
	}
	div.Infographics_head .lead{
		font-size: 175.00%; /* 28px */;
	}
}


/* =========== content ============== */
.Infographics_content{

}

.Infographics_content .sec{
	margin-bottom: 4em;
}
@media (min-width:768px) { /* tab pc */
	div.Infographics_content .sec{
		margin-bottom: 8em;
	}
}
.Infographics_content .sec .sec-ttl{
	margin: 0;
	padding: 0;
}
@media (min-width:768px) { /* tab pc */
	div.Infographics_content .sec .sec-ttl{
		margin: 0 0 1em;
		padding: 0;
	}
}

.Infographics_content .sec .sec-ttl h2{
	margin: 0;
	padding: 0px;
	background-color: transparent;
	text-align: center;
}

.Infographics_content .sec .inner2em{
	padding: 2em 0;
}
.Infographics_content .sec .inner1em{
	padding: 1em 0;
}

.Infographics_content .sec .txt-inner{

}

.Infographics_content .sec .txt-inner p{
	line-height: 1.8em;
	text-align: left;
	font-weight: normal;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-feature-settings: "palt";
	letter-spacing: 1px;
	text-indent: 1em;
}

.Infographics_content .sec .txt-inner p *{
	text-indent: 0;
}
@media (min-width:768px) { /* tab pc */
	div.Infographics_content .sec .text_inner p{
		text-align: justify;
	}
}

/* clip box */
.Infographics_content .clip-box{
	padding-top: 3em;
	max-width: 640px;
	margin: 0 auto;
	
	position: relative;
	left:0;
	top:0;
}

.Infographics_content .clip-box:before{
	content: " ";
	display: block;
	background-image: url("../images/ico_clip01.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left top;
	
	width: 100px;
	height: 59px;
	position: absolute;
	top:12px;
	left: 0;
	z-index: 0;
}

.Infographics_content .clip-box p{
	margin: 0;
	padding: 0;
}

.Infographics_content .clip-box .flex-box{
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	
	padding: 1.2em;
	background-color: #e7e7f0;
}

.Infographics_content .clip-box .flex-box .ttl-box{
	-ms-flex-preferred-size: 9em;
	flex-basis: 9em;
	
	padding-right: 1em;
	color:#14136b;
	font-size: 1.2em;
	
	font-weight: bold;
}

.Infographics_content .clip-box .flex-box .txt-box{
	-ms-flex-preferred-size: calc( 100% - 9em );
	flex-basis: calc( 100% - 9em );
	
	padding-left: 1.2em;
	text-align: left;
	
	border-left: 1px dashed #14136b;
	
	line-height: 1.8;
}

@media (min-width:768px) { /* tab pc */
	div.Infographics_content .clip-box:before{
		width: 100px;
		height: 59px;
		top:12px;
	}
}

/* btn */
.Infographics_content .sec .btn-box{
	padding-top: 2em;
	margin: 0 auto;
	text-align: center;
}

.Infographics_content .sec .btn-box a{
	display: block;
	text-decoration: none;
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	background: none;
}

@media (min-width:768px) { /* tab pc */
	div.Infographics_content .sec div.btn-box{
		padding-top: 3em;
	}
	
	div.Infographics_content .sec .btn-box a:hover{
		opacity: 0.8;
	}
}

/* heisei box */
.heisei-box{
	padding-top: 3em;
}

.heisei-box .ttl-box p{
	margin: 0;
  padding: 0;
  font-size: 1.285714em;
  border:none;
  font-weight: bold;
}

.heisei-box .ttl-box img{
	line-height: 1;
	vertical-align: bottom;
}

.heisei-box .bg-box{
	background-color:#fafbe2;
	padding:0.5em 1em 3em;
}

.heisei-box .bg-box .txt-ttl-box{
	color:#14136b;
	font-size: 150.00%; /* 24px */
	font-weight: bold;
	padding: 0;
	margin: 0 0 0.5em;
}
.heisei-box .bg-box .txt-ttl-box h3{
	margin: 0;
	padding: 0;
	border: none;
}

.heisei-box .txt-inner{
	color:#14136b;
}

@media (min-width:768px) { /* tab pc */
	div.heisei-box{
		padding-top: 6em;
	}
	
	div.heisei-box .bg-box .txt-ttl-box{
		font-size: 175.00%; /* 28px */
		margin-bottom: 1em;
	}
}

/* sec img */
/* img note */
.Infographics_content .img-note{
	max-width: 840px;
	margin: 0 auto;
	
	text-align: left;
	padding-top: 1em;
	font-size: 75.00%; /* 12px */
}

.Infographics_content .img-note p{
	margin: 0;
	padding: 0;
}

@media (min-width:768px) { /* tab pc */
	div.Infographics_content .img-note{
		text-align: right;
	}
}

/* sec1 */
.Infographics_content .sec1 .sec1img01 .img-box{
	padding: 0 4%;
}

@media (min-width:768px) { /* tab pc */
	div.Infographics_content .sec1 .sec1img01 .img-box{
		padding: 0;
	}
}