@charset "UTF-8";

/* mtm
---------------------------------------------------------------------------*/
/* img-main
------------------------------------*/
.img-main{
	width: 800px;
	margin: 0 auto;
	padding-bottom: 65px;
}
.img-main2{
	width: 768px;
	margin: 0 auto;
}

/* top-lead
------------------------------------ */
.top-lead, .last-lead{
	width: 790px;
	margin: 0 auto;
	padding: 0 0 80px;
	text-align: center;
	color: #765844;
}
.last-lead h2{
	color: #42210A;
}
.top-lead .en-txt{
	font-size: 13px;
	margin: 0 0 10px;
	font-weight: 500;
	letter-spacing: 0.35em; 
}
.top-lead .en-txt span, .last-lead .en-txt span{
	margin-right: 10px;
}
.top-lead .en-txt span:last-child, .last-lead .en-txt span:last-child{
	margin-right: 0;
}
.last-lead .en-txt{
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.35em;
}
.title{
	margin: 0 0 26px;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.16em;
	color: #42210A;
}
.middle-lead .title{
	line-height: 42px;
	text-align: center;
	color: #42210A;
}
.txt p{
	margin: 0 auto;
	font-size: 15px;
	line-height: 32px;
}
.top-lead .txt p{
	text-align: justify;
	width: 690px;
	color: #765844;
	letter-spacing: 0.12em;
}
.middle-lead .txt p{
	text-align: center;
	margin: 0 auto;
	width: 740px;
	color: #765844;
	font-size: 15px;
	line-height: 32px;
}
/* step
------------------------------------ */
.middle-contents{
	width: 720px;
	margin: 0 auto 120px;
}
.middle-lead{
	margin: 65px 0 75px;
}
.middle-contents h2{
	margin: 0 0 30px 2px;
	color: #765844;
}

li.step-line{
	position: relative;
	border-bottom: solid 1px #DFCAAA;
	padding: 0 0 24px 75px;
}

ul.step {
	margin-bottom: 24px;
}

ul.step:last-of-type {
	margin-bottom: 20px;
}

li.step-line h3 {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	width: 73px;
	min-width: 73px;
	height: calc(100% - 24px);
	vertical-align: middle;
	background: url(../img/mtm/logo-hand.png) no-repeat 0 0 / 100% auto;
	color: #FFFFFF;
	background-color: #FBB602;
	border-radius: 7px;
	background-position: center;
}

li.step-line h3 .step-number {
	padding-left: 4px;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 3px;
}

.step-box {
	margin: 16px 0 0 28px;
}

li.step-line h4{
	font-size: 17px;
	letter-spacing: 0.12em;
	margin-bottom: 14px;
	color: #765844;
}

li.step-line .step-txt{
	display: block;
	text-align: justify;
	letter-spacing: 0.04em;
	font-size: 14px;
	color: #897060;
	padding: 12px 0 8px 30px;
}

li.step-line .step-txt p{
	line-height: 1.8;
}

p.note{
	letter-spacing: 0.04em;
	color: #897060;
}

/* test */
.test{
	width: 768px;
	margin: 120px auto;
}

.test .test-contents{
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
}

.test .test-contents .test-txt{
	
}

.test .test-contents .test-txt h2{
	font-size: 14px;
	letter-spacing: 0.02em;
	background-color: #FBB602;
	color: #FFFFFF;
	display: inline-block;
	padding: 2px 4px 3px 5px;
	margin-bottom: 13px;
}

.test .test-contents .test-txt h3 {
	margin-bottom: 18px;
	font-size: 22px;
	line-height: 1.65;
	letter-spacing: 0.1em;
	color: #765844;
}

.test .test-contents .test-txt .box{
	width: 290px;
	text-align: justify;
	letter-spacing: 0.06em;
	margin-bottom: 8px;
	line-height: 1.8;
	color: #897060;
}

.test .test-contents .test-txt .note{
	font-size: 13px;
}

.test .test-contents .img{
  order: 2;
}

.last .img-main2::after {
	width: 89px;
	height: 89px;
	content: " ";
	margin: 0 auto;
	background: url(../img/share/title-mark-orange.svg) no-repeat 0 0 / 100% auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -43px;
}

.last-lead{
	margin-top: 70px;
}

.last-lead .txt p{
	letter-spacing: 0.1em;
}

.last-lead .txt{
	color: #765844;
	margin-top: 40px;
}

.last-lead .last-txt{
	margin-bottom: 10px;
}