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

/*contents01*/

.contents01{
	border-bottom-style : solid;
border-bottom-color : #cc0500;
border-bottom-width : 1px;
	padding: 40px 0px;
	text-align: center;
	display: flex;
    flex-wrap: wrap;
  justify-content: center;
    width: 1120px;
    row-gap:30px;
}

.contents01 .box {
    width: 25%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.contents01 > div {
	margin: 0px 15px;
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.contents01 h3 {
	padding: 10px 0px;
	font-size: 27px;
    color: #cc0500;
    line-height: 1.2;
}

.contents01 h4 {
	font-size: 19px;
	letter-spacing: 0.2em;
line-height: 1.2;
	margin-bottom: 10px;
}

.contents01 h5 {
	position: absolute;
left: 0px;
bottom: 0px;
	width: 100%;
}

/**.contents01 h5 a {
	font-size: 19px;
color: #cc0500;
line-height: 1.2;
	background-image: url("images/arrow.svg");
background-position: center bottom;
background-repeat: no-repeat;
	padding-bottom: 35px;
}
**/

.contents01 .box:nth-child(4) h5 a {
	color: #FFF;
}

.contents01 p {
line-height: 1.6;
	margin-bottom: 10px;
}

.contents-box  a.line {
    color: #fff;
    font-weight: bold;
	text-decoration: underline;
}

/*contents02*/

.contents02 {
	border-bottom-style : solid;
border-bottom-color : #cc0500;
border-bottom-width : 1px;
	padding-top: 230px;
	margin-top: -230px;
}



#p02 .box-wrap, #p04 .box-wrap, #p06 .box-wrap, #p08 .box-wrap {
	background-color: #cc0500;
}

.contents02 .box01 {
	margin-top: 60px;
	display: flex;
  justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}


.contents02 .box01 > div {
	padding: 0px 30px;
}

.contents02 .box01 > div:first-child {
	border-right-style : solid;
border-right-color : rgba(0, 0, 0, 0.5);
border-right-width : 1px;
}

#p02 .box01 > div:first-child, #p04 .box01 > div:first-child #p06 .box01 > div:first-child, #p08 .box01 > div:first-child {
border-right-color : rgba(255, 255, 255, 0.5);
}

.contents02 .box01 .box001 {
	text-align: right;
}

.contents02 .box01 h3 {
	font-size: 56px;
color: #cc0500;
line-height: 1.2;
	margin-bottom: 10px;
}

.contents02 .box01 h4 {
	font-size: 26px;
line-height: 1.2;
	letter-spacing: 0.2em;
}

.contents02 .box01 p {
	font-size: 20px;
line-height: 1.4;
}

.contents02 .box02 {
	width: 1020px;
	height: 673px;
background-position: right bottom;
background-repeat: no-repeat;
	padding-top: 50px;
}


#p01 .box02 {
	background-image: url("images/p01a.png");
}

#p02 .box02 {
	background-image: url("images/p02a.png");
}

#p03 .box02 {
	background-image: url("images/p03a.png");
}

#p04 .box02 {
	background-image: url("images/p04a.png");
}

#p05 .box02 {
	background-image: url("images/p05a.png");
}

#p06 .box02 {
	background-image: url("images/p06a.png");
}

#p07 .box02 {
	background-image: url("images/p07a.png");
}

#p08 .box02 {
	background-image: url("images/p08a.png");
}


.contents02 .box02 h5 {
	margin-bottom: 25px;
}

.contents02 .box02 table td {
	font-size: 20px;
line-height: 1.2;
font-weight: 400;
	padding: 7px 0px;
}

.contents02 .box02 table td:first-child {
	white-space: nowrap;
}

.contents02 .box02 table td:first-child {
	padding-right: 20px;
}

#p02 .box01 h3, #p02 .box01 h4, #p02 .box01 p, #p02 .box02 table td, #p04 .box01 h3, #p04 .box01 h4, #p04 .box01 p, #p04 .box02 table td {
	color: #FFF;
}

#p06 .box01 h3, #p06 .box01 h4, #p06 .box01 p, #p06 .box02 table td, #p08 .box01 h3, #p08 .box01 h4, #p08 .box01 p, #p08 .box02 table td {
	color: #FFF;
}

/*contents02a*/

.contents02a {
	display: flex;
  justify-content: center;
	padding-bottom: 50px;
	width: 100%;
	background-color: #cc0500;
}

.contents02a .box {
	margin: 0px 20px;
}

.sp-view {
    display: none;
}

html, body {
    height: 100%;
}