﻿#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

/*
=================================== */
.mtitle_block {
	background-image: url('../images/outline/sp_outline_mimage.jpg');
}

.tab_block li {
	width:33.3%;
}

/* index
=================================== */
.outline_area1 .message1 {
	padding:35px 0 0;
}

.outline_area1 .message1 p {
	background: url('../images/outline/sp_outline_area1back.png') no-repeat center center;
	background-size: cover;
}

.outline_area1 .message1 p img {
	margin:0 auto;
	width:100%;
	height:auto;
	vertical-align: bottom;
}

.outline_area1 .block1 {
	padding:45px 15px 100px;
}

.outline_area1 .message2 {
	font-size:1.5rem;
}

.outline_area1 .message2 p {
	margin:0 0 15px;
	line-height:1.8;
}

.outline_area1 .message2 .sign {
	margin:0;
	text-align: right;
}

.outline_area1 .message2 .sign b {
	margin:0 0 0 10px;
	font-size:2.0rem;
	font-weight: 500;
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 1px;
}

.outline_areatitle {
	margin:0 0 35px;
	line-height: 1.0;
	text-align: center;
	font-size:3.0rem;
}

.outline_areastitle {
	margin:0 0 15px;
	line-height: 1.0;
	text-align: center;
	font-size:2.2rem;
}

.outline_areastitle.b40 {
	margin:0 0 40px;
}

.outline_area2 .block1 {
	padding:65px 0 100px;
}

.outline_area2 .area2_block1 {
	padding:55px 0 65px;
	text-align: center;
}

.outline_area2 .area2_block1 .outline_areastitle {
	margin:0 0 20px;
}

.outline_area2 .area2_block1 ul {
	display: inline-block;
}

.outline_area2 .area2_block1 li {
	margin:0 0 10px;
	padding:0 0 0 65px;
	line-height:24px;
	height:32px;
	text-align: left;
	font-size:1.6rem;
	position: relative;
}

.outline_area2 .area2_block1 li:last-child {
	margin-bottom:0;
}

.outline_area2 .area2_block1 li b {
	position: absolute;
	top:0;
	left:0;
	background: url('../images/outline/outline_area2block1line.png') no-repeat center bottom;
	background-size: 50px auto;
	width:50px;
	line-height:24px;
	height:32px;
	text-align: center;
	font-size:2.0rem;
	font-weight: 500;
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

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

	.outline_area2 .area2_block1 li {
		padding:0 0 0 75px;
		font-size:1.6rem;
	}
}

.outline_area2 .area2_block2 {
	padding:0 15px;
}

.outline_area2 .area2_block2 .imagebox {
	margin:0 auto 35px;
	width:290px;
}

.outline_area2 .area2_block2 .body {
	font-size:1.5rem;
}

.outline_area2 .area2_block2 .body p {
	line-height:2.0;
}

.outline_area3 .block1 {
	padding:65px 15px 100px;
}

.outline_area3 .area3_block1 table {
	width: 100%;
	font-size:1.5rem;
}

.outline_area3 .area3_block1 th {
	background: url('../images/outline/sp_outline_area3line.png') no-repeat left top;
	background-size: 120px 2px;
	padding:25px 10px 20px;
	width: 120px;
	text-align: left;
	vertical-align: middle;
	font-weight: 500;
}

.outline_area3 .area3_block1 tr:last-child th {
	background-image: url('../images/outline/sp_outline_area3line.png'), url('../images/outline/sp_outline_area3line.png');
	background-repeat: no-repeat, no-repeat;
	background-position: left top, left bottom;
	background-size: 120px 2px, 120px 2px;
}

.outline_area3 .area3_block1 td {
	padding:25px 10px 20px 5px;
	border-top:1px solid #ddd;
}

.outline_area3 .area3_block1 tr:last-child td {
	border-bottom:1px solid #ddd;
}

.outline_area3 .area3_block1 td li {
	margin:0 0 15px;
}

.outline_area3 .area3_block1 td li:last-child {
	margin-bottom:0;
}

.outline_area3 .area3_block1 td li b {
	display: block;
	font-weight: 500;
}

.outline_area4 {
	padding:0 0 100px;
}

.outline_area4 .block1 {
	padding:75px 0 10px;
}

.outline_area4 .area4_block1 {
	margin:0 0 60px;
	padding:45px 15px 0;
}

.outline_area4 .box_ex {
	margin:0 0 40px;
	font-size:1.6rem;
}

.outline_area4 .ex_block {
	margin:0 0 35px;
	font-size:1.5rem;
}

.outline_area4 .ex_block:last-child {
	margin-bottom:0;
}

.outline_area4 .ex_block h4 {
	margin:0 0 20px;
	padding:0 0 0 15px;
	line-height:20px;
	color:#19338a;
	font-size:1.8rem;
	font-weight: 500;
	border-left:4px solid #17338a;
}

.outline_area4 .ex_block .ex.illust {
	background: url('../images/outline/outline_area4block4image3.png') no-repeat right 15px bottom;
	background-size: 75px auto;
	padding-bottom:45px;
}

.outline_area4 .ex_block .ex p {
	margin:0 0 15px;
	line-height:1.6;
}

.outline_area4 .ex_block .ex p:last-child {
	margin-bottom:0;
}

.outline_area4 .ex_block .ex p.imagebox {
	max-width:450px;
}

.outline_area4 .ex_block .ex li {
	line-height:1.6;
}

.outline_area4 .ex_block .ex li li {
	margin:0 0 0 15px;
}

.outline_area4 .area4_block2 {
	margin:0 0 60px;
	padding:45px 15px 0;
}

.outline_area4 .area4_block3 {
	margin:0 0 60px;
	padding:45px 15px 0;
}

.outline_area4 .area4_block4 {
	padding:45px 15px;
}

.outline_area4 .child_box {
	background-image: url('../images/outline/sp_outline_area4linkbox_icon.png'), url('../images/outline/sp_outline_area4linkbox.jpg');
	background-repeat: no-repeat, no-repeat;
	background-position: 15px bottom, center center;
	background-size: 65px 30px, cover;
	padding:45px 0 0;
	height:140px;
}


/* history
=================================== */
.history_area1 .area_title {
	margin:0 0 35px;
	padding:30px 0 0;
	line-height:1.0;
	text-align: center;
	font-size:3.0rem;
	font-weight: 500;
}

.history_area1 .start {
	background: url('../images/outline/sp_history_start.jpg') no-repeat center center;
	background-size: 375px 160px;
	background-color: #f4f5f4;
}

.history_area1 .start b {
	display: block;
	padding:25px 0 0 85px;
	height:160px;
	text-align: center;
	font-size:1.7rem;
	font-weight: 500;
	letter-spacing: 2px;
	position: relative;
}

.history_area1 .start b::after {
	position: absolute;
	top:-25px;
	left:10px;
	content: '';
	background: url('../images/outline/sp_history_starticon.png') no-repeat;
	background-size: 90px 90px;
	width:90px;
	height:90px;
}

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

	.history_area1 .start b {
		padding:25px 0 0 50px;
	}
}

.history_area1 .block1 {
	padding:20px 15px 100px;
}

.history_list {
	padding:40px 0 50px;
	background: url('../images/outline/history_line.png') repeat-y 5px top;
	background-size: 1px 25px;
}

.history_list h3 {
	background: url('../images/outline/icon_history1.svg') no-repeat left center;
	background-size: 10px 10px;
	margin:0 0 30px;
	padding:0 0 0 30px;
	color:#6d6d6d;
	font-size:3.0rem;
	font-weight: 500;
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.history_list ul {
	margin:0 0 70px;
}

.history_list li {
	background: url('../images/outline/icon_history2.svg') no-repeat 1px 8px;
	background-size: 8px 8px;
	margin:0 0 30px;
	padding:0 0 0 30px;
	font-size:1.5rem;
}

.history_list li:last-child {
	margin-bottom:0;
}

.history_list li .label {
	margin:0 0 5px;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.history_list li .line {
	line-height:1.5;
}

.history_list li .imagebox1,
.history_list li .imagebox2 {
	padding:35px 0 0;
}

.history_list li .imagebox2 {
	margin:0 auto;
	width:240px;
}

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

	/*
	=================================== */
	.mtitle_block {
		background-image: url('../images/outline/outline_mimage.jpg');
	}

	/* index
	=================================== */
	.outline_area1 .message1 {
		background: url('../images/outline/outline_area1back.png') no-repeat center center;
		background-size: cover;
		padding:0;
	}

	.outline_area1 .message1 p {
		overflow: hidden;
		background: url('../images/outline/outline_area1image.png') no-repeat;
		background-size: 1120px 513px;
		margin:0 auto;
		padding: 513px 0 0;
		width: 1120px;
		height: 0!important;
	}

	.outline_area1 .message1.v2 p {
		background-image: url('../images/outline/outline_area1image_s.png');
	}

	.outline_area1 .block1 {
		padding:55px 160px 110px;
	}

	.outline_area1 .message2 {
		font-size:1.6rem;
	}

	.outline_area1 .message2 p {
		margin:0 0 20px;
		line-height:2.0;
	}

	.outline_areatitle {
		font-size:3.5rem;
	}

	.outline_areastitle {
		margin:0 0 20px;
		font-size:3.3rem;
	}

	.outline_area2 .block1 {
		padding:70px 60px 120px;
	}

	.outline_area2 .area2_block1 {
		background: url('../images/outline/outline_area2mimage.jpg') no-repeat;
		background-size: 1000px 200px;
		padding:260px 0 80px;
		text-align: center;
	}

	.outline_area2 .sp_imagebar {
		display: none;
	}

	.outline_area2 .area2_block1 .outline_areastitle {
		margin:0 0 30px;
	}

	.outline_area2 .area2_block1 li {
		margin:0 0 10px;
		padding:0 0 0 120px;
		line-height:26px;
		height:36px;
		font-size:1.8rem;
	}

	.outline_area2 .area2_block1 li b {
		background-size: 74px 27px;
		width:75px;
		line-height:26px;
		height:36px;
		font-size:2.5rem;
	}

	.outline_area2 .area2_block2 {
		margin:0 auto;
		padding:0 0 0 70px;
		width:920px;
	}

	.outline_area2 .area2_block2 .imagebox {
		margin:0;
		width:390px;
		float:left;
	}

	.outline_area2 .area2_block2 .body {
		padding:30px 50px 0;
		width:460px;
		font-size:1.6rem;
		float:right;
	}

	.outline_area2 .area2_block2 .body p {
		line-height:2.2;
	}

	.outline_area3 .block1 {
		padding:70px 60px 110px;
	}

	.outline_area3 .area3_block1 {
		margin:0 auto;
		width:930px;
	}

	.outline_area3 .area3_block1 table {
		font-size:1.6rem;
	}

	.outline_area3 .area3_block1 th {
		background: url('../images/outline/outline_area3line.png') no-repeat left top;
		background-size: 185px 2px;
		padding:28px 10px 23px;
		width: 185px;
	}

	.outline_area3 .area3_block1 tr:last-child th {
		background-image: url('../images/outline/outline_area3line.png'), url('../images/outline/outline_area3line.png');
		background-size: 185px 2px, 185px 2px;
	}

	.outline_area3 .area3_block1 td {
		padding:28px 20px 23px 40px;
	}

	.outline_area3 .area3_block1 td li {
		margin:0 0 10px;
		padding:0 0 0 120px;
		position: relative;
	}

	.outline_area3 .area3_block1 td li b {
		position: absolute;
		top:0;
		left:0;
	}

	.outline_area4 {
		padding:0 0 230px;
	}

	.outline_area4 .block1 {
		padding:70px 60px 55px;
	}

	.outline_area4 .sp_imagebar {
		display: none;
	}

	.outline_area4 .area4_block1 {
		background: url('../images/outline/outline_area4mimage.jpg') no-repeat;
		background-size: 1000px 200px;
		margin:0 auto 100px;
		padding:260px 95px 0;
	}

	.outline_area4 .box_ex {
		margin:0 0 65px;
		line-height:1.8;
		text-align: center;
	}

	.outline_area4 .ex_block {
		margin:0 0 30px;
		font-size:1.6rem;
	}

	.outline_area4 .ex_block h4 {
		margin:0 0 15px;
		font-size:1.9rem;
	}

	.outline_area4 .ex_block .ex {
		padding:0 0 0 19px;
	}

	.outline_area4 .ex_block .ex.illust {
		background-position: right 100px bottom 50px;
		background-size: 111px 70px;
		padding-bottom:50px;
	}

	.outline_area4 .ex_block .ex p {
		margin:0 0 20px;
		line-height:2.0;
	}

	.outline_area4 .ex_block .ex p.imagebox {
		width:450px;
	}

	.outline_area4 .ex_block .ex p.imagebox.sm1 {
		width:403px;
	}

	.outline_area4 .ex_block .ex li {
		line-height:2.0;
	}

	.outline_area4 .area4_block2 {
		margin:0 auto 100px;
		width:810px;
	}

	.outline_area4 .area4_block3 {
		margin:0 auto 100px;
		width:810px;
	}

	.outline_area4 .area4_block4 {
		margin:0 auto;
		padding:45px 0 0;
		width:810px;
	}

	.outline_area4 .child_box {
		background: url('../images/outline/outline_area4linkbox.jpg') no-repeat center center;
		background-size: 1000px 180px;
		margin:0 auto;
		padding:65px 0 0;
		width:1000px;
		height:180px;
	}

	/* history
	=================================== */
	.tab_block li {
		width:200px;
	}

	.history_area1 .area_title {
		margin:0 0 45px;
		padding:80px 0 0;
		font-size:4.5rem;
	}

	.history_area1 .start {
		background: url('../images/outline/history_start.png') no-repeat center center;
		background-size: 1300px 180px;
		background-color: #f4f5f4;
	}

	.history_area1 .start b {
		margin:0 auto;
		padding:0 0 0 270px;
		width:1100px;
		line-height:180px;
		height:180px;
		text-align: left;
		font-size:2.4rem;
	}

	.history_area1 .start b::after {
		top:-30px;
		left:90px;
		background: url('../images/outline/history_starticon.png') no-repeat;
		background-size: 150px 150px;
		width:150px;
		height:150px;
	}

	.history_area1 .block1 {
		padding:10px 10px 180px;
	}

	.history_list {
		margin:0 auto;
		width:800px;
		background-position: 130px top;
	}

	.history_list h3 {
		background-position: right 14px center;
		margin:0;
		padding:0;
		width:150px;
		font-size:3.0rem;
	}

	.history_list ul {
		margin:0 0 15px 110px;
	}

	.history_list li {
		background-position: 15px 20px;
		margin:0;
		padding:10px 0 10px 45px;
		position: relative;
	}

	.history_list li .label {
		margin:0;
		width:130px;
		line-height:2.0;
		letter-spacing: 2px;
		float:left;
	}

	.history_list li .line {
		width:510px;
		line-height:2.0;
		float:right;
	}

	.history_list li .imagebox1,
	.history_list li .imagebox2 {
		clear:both;
		padding:20px 0 0;
	}

	.history_list li .imagebox1 {
		width:620px;
		height:auto;
	}

	.history_list li .imagebox2 {
		margin:0;
		width:260px;
	}
}