@charset "utf-8";

/*** 

BOX2

***/
.plan_bar1 {
	clear: both;
	width: 92px;
	height: 5px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	
	border: none;
	background: #ab9784;
}


.box2_flex1 {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 1001px) {
.box2_flex1 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.box2_flex1.m01 {
	flex-direction: row-reverse;
}
}

.box2_btn1 {
	clear: both;
	width: 47.143%;
	max-width: 495px;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print, screen and (max-width: 1000px) {
.box2_btn1 {
	clear: both;
	width: 80%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
}


/*** 

BOX3

***/
.plan_box3_title1bg {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	
	background: #716252;
}
.plan_box3_title1 {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 1001px) {
.plan_box3_title1 {
	width: 100%;
	max-width: 600px;
}
}


.box3_ph1 {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 1001px) {
.box3_ph1 {
	width: 58.334%;
	max-width: 700px;
}
}
.box3_txt1 {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 1001px) {
.box3_txt1 {
	width: 41.667%;
	max-width: 500px;
}
}



/*** 

BOX6

***/
.box6_flex1 {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media print, screen and (min-width: 1001px) {
.box6_flex1 {
	flex-wrap: nowrap;
}
}
.box6_ph1 {
	clear: both;
	width: 48%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 1001px) {
.box6_ph1 {
	width: 31.25%;
	max-width: 375px;
}
}