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


/* contents01 */

.contents01 {
}

.contents01 .box-in {
	width: 1250px;
}




.contents01 .box01 {
	width: 620px;
}

.contents01 .box02 {
	width: 600px;
	padding-top: 130px;
}

.contents01 h3 {
	margin-bottom: 50px;
}

.contents01 h4 {
	font-size: 22px;
color: #303030;
line-height: 1.2;
letter-spacing: 0.2em;
font-weight: normal;
	margin-bottom: 20px;
}

.contents01 p {
	line-height: 1.6;
	color: #303030;
	font-size: 14px;
}



.contents01 .box-in:nth-child(2n) .box02 {
	padding-left: 7%;
}

.contents01 .box-in:nth-child(1) {
	background-image: url("images/b01.png");
background-position: right bottom;
background-repeat: no-repeat;
	margin-bottom: 50px;
}

.contents01 .box-in:nth-child(2) {
	background-image: url("images/b02.png");
background-position: left top;
background-repeat: no-repeat;
}

.contents01 .box-in:nth-child(2) .box01 {
	background-image: url("images/b03.png");
background-position: left 140px top 40px;
background-repeat: no-repeat;
	padding-top: 80px;
}

.contents01 .box-in:nth-child(2) .box02 {
	background-image: url("images/b04.png");
background-position: right bottom;
background-repeat: no-repeat;
	padding-bottom: 200px;
	padding-top: 260px;
}

.contents01 .box-in:nth-child(3) {
	background-image: url("images/b05.png");
background-position: right top;
background-repeat: no-repeat;
}

.contents01 .box-in:nth-child(4) .box01 {
	padding-top: 120px;
}

.contents01 .box-in:nth-child(4) .box02 {
	background-image: url("images/b06.png");
background-position: right top;
background-repeat: no-repeat;
	padding-top: 303px;
}


/* contents02 */

.contents02 {
	width: 100%;
	text-align: center;
	margin-bottom: 100px;
	padding-top: 50px;
}

.contents02 .box01 {
	margin-bottom: 60px;
}

.contents02 h3 {
	margin-bottom: 20px;
}

.contents02 h4 {
	font-family: YuMincho, '游明朝', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 29px;
color: #303030;
line-height: 1.2;
letter-spacing: 0.2em;
font-weight: normal;
	margin-bottom: 30px;
}

.contents02 p {
line-height: 2;
	padding: 0px;
}

.contents02 ul {
display: inline-block;
}

.contents02 ul li {
display: inline-block;
vertical-align: top;
margin-left: 15px;
margin-right: 15px;
}

.contents02 ul li img {
border-radius: 50%;
	width: 100%;
height: auto;
	border-style : solid;
border-color : #e7d6c3;
border-width : 3px;
}


.sp-view {
    display: none;
}

html, body {
    height: 100%;
}