@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;
	
	background-color:#eb6363;
}
.Infographics_Wrap img{
	width: 100%;
	height: auto;
}
@media (min-width:481px) {
	.Infographics_Wrap .SP{
		display: none;
	}
}
@media (max-width:480px) {
	.Infographics_Wrap .PC{
		display: none;
	}
}

/* =========== head ============== */

.Infographics_head{
	text-align: center;
	padding:0;
}
@media (max-width:480px) {
	.Infographics_head{

	}
}
.Infographics_head .main_ttl{
	height: auto;
	margin: 0 auto;
	padding: 0px;
}
@media (max-width:480px) {
	.Infographics_head .main_ttl{

	}
}

/* =========== content ============== */
.Infographics_content{
	background-color: #eb6363;
	padding: 0 4% 100px;
}
@media (max-width:480px) {
	.Infographics_content{
		padding: 0 2% 8px;
	}
}

.content .Infographics_content p{
	text-align: left;
	padding: 0;
	text-indent: 1em;
}

.content .Infographics_content p *{
	text-indent: 0;
}

.Infographics_content img{
	width: auto;
	max-width: 100%;
}

.Infographics_content .ib{
	display: inline-block;
}

.Infographics_content .mb24px{
	margin-bottom: 24px;
}

.Infographics_content .frame_box{
	max-width: 920px;
	margin: 0 auto 40px;
	border-radius: 50px;
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 4%;
}
@media (max-width:747px) {
	.Infographics_content .frame_box{
		border-radius: 32px;
	}
}
@media (max-width:480px) {
	.Infographics_content .frame_box{
		border-radius: 24px;
	}
}

.Infographics_content .frame_box > .inner_box{
	max-width: 808px;
	margin: 0 auto;
	overflow: hidden;
}

.Infographics_content .frame_box .ttl{
	margin: 0px;
	padding: 0 0 40px;
}
@media (max-width:480px) {
	.Infographics_content .frame_box .ttl{
		margin: 0px;
		padding: 0 0 24px;
	}
}

.Infographics_content .frame_box .ttl h2{
	margin: 10px auto 0px auto;
	padding: 0px;
	background-color: transparent;
}
@media  (min-width:768px) and (max-width:959px){
	.Infographics_content .frame_box .ttl h2{
		padding: 0px;
		background-color: transparent;
	}
}
@media  (min-width:481px) and (max-width:767px){
	.Infographics_content .frame_box .ttl h2{
		padding: 0px;
		background-color: transparent;
	}
}
@media (max-width:480px) {
	.Infographics_content .frame_box .ttl h2{
		padding: 0px;
		background-color: transparent;
	}
}

.Infographics_content .frame_box p.img_txt_ttl{
	margin-bottom: 16px;
	text-align: center;
	font-weight: bold;
	font-size: 1.42857em;/* 20px */
	text-indent:0;
}

.Infographics_content .frame_box p.img_txt_ttl .sub{
	font-size: 0.8em;
}

.Infographics_content .frame_box .btn_box{
	padding-top: 16px;
	margin: 0 auto;
	text-align: center;
}

@media (min-width:768px) {
	.Infographics_content .frame_box div.btn_box{
		padding-top: 24px;
	}
}

.Infographics_content .frame_box .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:961px) {
	.Infographics_content .frame_box .btn_box a{

	}
	
	.Infographics_content .frame_box .btn_box a:hover{
		opacity: 0.8;
	}
}

/* sec1 */
.Infographics_content .sec1 .left_box{
	margin-bottom: 64px;
}

.Infographics_content .sec1 .left_box .sp-del{
	display: none;
}

.Infographics_content .sec1 .left_box .img01_box{
	margin-bottom: 24px;
}

.Infographics_content .sec1 .right_box{
}
.Infographics_content .sec1 .right_box .img02_box{
	margin-bottom: 40px;
}
@media (min-width:768px) {
	.Infographics_content .sec1 .left_box{
		float:left;
		width:48%;
		margin-bottom: 0;
	}
	
	div.Infographics_content .sec1 .left_box .sp-del{
		display: block;
	}
	div.Infographics_content .sec1 .left_box .pc-del{
		display: none;
	}
	
	.Infographics_content .sec1 .right_box{
		float:right;
		width:48%;
	}
	.Infographics_content .sec1 .left_box .img01_box,
	.Infographics_content .sec1 .right_box .img02_box{
		margin-bottom: 24px;
	}
}

/* sec2 */
.Infographics_content .sec2 .img01_box{
	margin-bottom: 24px;
}
.Infographics_content .sec2 .img01_box .left_box{
	padding: 0 30% 24px;
	display: inline-block;
}
.Infographics_content .sec2 .img01_box .right_box{
	display: inline-block;
}
@media (min-width:768px) {
	.Infographics_content .sec2 .img01_box .left_box{
		padding: 0 40px 0 0;
	}
	.Infographics_content .sec2 .img01_box .right_box{
		margin-bottom: 0px;
	}
}
.Infographics_content .sec2 .img02_box{
	padding-top: 40px;
	margin-bottom: 24px;
	overflow: hidden;
}
.Infographics_content .sec2 .img02_box .left_box{
	padding: 0 0 40px;
}
.Infographics_content .sec2 .img02_box .right_box{
	margin-bottom: 24px;
}
@media (min-width:768px) {
	.Infographics_content .sec2 .img02_box .left_box{
		width:48%;
		float: left;
	}
	.Infographics_content .sec2 .img02_box .right_box{
		width: 48%;
		float: right;
	}
}

.Infographics_content .sec2 .img02_box p.img_txt_ttl {
    margin-bottom: 0;
}

/* sec3 */
.Infographics_content .sec3 .left_box{
	margin-bottom: 40px;
}
.Infographics_content .sec3 .right_box{
	margin-bottom: 40px;
}
@media (min-width:768px) {
	.Infographics_content .sec3 .left_box{
		float:left;
		width:68%;
		margin-bottom: 0;
	}
	.Infographics_content .sec3 .right_box{
		float:right;
		width:28%;
		margin-bottom: 0;
	}
}

/* sec4 */
.Infographics_content .sec4 .right_box{
	margin-bottom: 40px;
}
.Infographics_content .sec4 .left_box{
	margin-bottom: 40px;
}
@media (min-width:768px) {
	.Infographics_content .sec4 .left_box{
		float:left;
		width:42%;
		margin-bottom: 0;
	}
	.Infographics_content .sec4 .right_box{
		float:right;
		width:54%;
		margin-bottom: 0;
	}
	
	.Infographics_content .sec4 .img01_box p.img_txt_ttl {
    text-align: left;
	}
}

/* sec5 */
.Infographics_content .sec5 .left_box{
	margin-bottom: 40px;
}
.Infographics_content .sec5 .right_box{
}
@media (min-width:768px) {
	.Infographics_content .sec5 .left_box{
		float:left;
		width:55%;
		margin-bottom: 24px;
	}
	.Infographics_content .sec5 .right_box{
		float:right;
		width:41%;
		margin-bottom: 0;
	}
}

/* sec6 */
.Infographics_content .sec6 .img01_box{
	overflow: hidden;
}
.Infographics_content .sec6 .img01_box .left_box{
	padding: 0 0 40px;
}

.Infographics_content .sec6 .relative_box{
	position: relative;
	top:0;
	left:0;
}

.Infographics_content .sec6 .img02_box{
	padding-top: 40px;
}

@media (min-width:768px) {
	.Infographics_content .sec6 .img01_box .left_box{
		width:48%;
		float: left;
	}

	.Infographics_content .sec6 div.img02_box {
		width: 48%;
		position: absolute;
		top:0;
		right: 0;
		
		padding-top: 0px;
	}
}