@charset "utf-8";

/* =====================
	common
======================= */
.flex-wrap{
	display:flex;
}

#page .main{
	margin:10px 0 0;;
}
#page .contact{
	font-size:1.0rem;
}
#page .contact .title{
	font:133% 'HanaMinA';
}

@media screen and (max-width: 480px){
	#page .contact .tel .ico-tel{
		font-size:200%;
	}
}
/* =====================
	main
======================= */
.container{
	color:#333;
}
#page .main{
	padding:0;
}

.jumokuso-sakura_midori .main-visual h2{
	position:relative;
	padding:10px;
}
.jumokuso-sakura_midori .main-visual h2 span{
	font: 170% 'HanaMinA';
	color: #1b4e37;
	font-weight: bold;
	display:inline-block;
	margin-left:20px;
	position:absolute;
	bottom:20px;
}
.jumokuso-sakura_midori .main-visual .flex-box img{
	margin:1px;
	width:99.9%;
	display:block;
}
@media screen and (max-width: 896px){
	.jumokuso-sakura_midori .main-visual{
		margin-top:80px;
	}
	.jumokuso-sakura_midori .main-visual h2{
		position:static;
		text-align:center;
	}
	.jumokuso-sakura_midori .main-visual h2 span{
		position:static;
		padding:10px;
		font-size:1.1rem;
	}
}

.jumokuso-sakura_midori .plan {
	text-align: center;
	position: relative;
	padding-top: 20px;
	margin:20px 0 0;
}
.jumokuso-sakura_midori .plan .innr {
	padding: 40px 25px;
	border: 5px solid #007b43;
}
.jumokuso-sakura_midori .plan h3 {
	font: 150% 'HanaMinA';
	color: #1b4e37;
	font-weight: bold;
	padding: 0 10px 0 10px;
	position: absolute;
	top: 10px;
	left: 25%;
	background: url(../img/page/jumokuso-plan_bg.png) repeat-x center;
}

.jumokuso-sakura_midori .plan ul {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:single;
    -moz-box-lines:single;
    -webkit-flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    justify-content: space-between;
	width:90%;
	margin:0 auto;
}
.jumokuso-sakura_midori .plan ul li {
	width: 33%;
	padding:10px;
	display: inline-block\9; /* IE10ˆÈ‰º */
	vertical-align: top\9;
	margin: 0 15px\9;
}
.jumokuso-sakura_midori .plan ul li .image img{
	width:100%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .jumokuso-sakura_midori .plan ul li{/*safari*/
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
  }
}

.jumokuso-sakura_midori .plan ul li:nth-child(2) {
	width: 354px;
}
.jumokuso-sakura_midori .plan ul li img {
	margin: 10px 0;
}
.jumokuso-sakura_midori .plan h4,
.jumokuso-sakura_midori .plan p {
	text-align: left;
	font-size: 110%;
}
.jumokuso-sakura_midori .plan h4 {
	font-size: 120%;
}
.jumokuso-sakura_midori .plan h4:before {
	font: 15px 'FontAwesome';
	content: '\f04d';
	margin-right: 5px;
}
.jumokuso-sakura_midori .plan .list-mark {
	color: #fff;
	font-size: 120%;
	background: #007b43;
	padding: 10px 20px;
	text-align: left;
}

.jumokuso-sakura_midori .pran_c p{
	font-size:1.3em;
}
.jumokuso-sakura_midori .pran_c .ttl{
	font-size:1.0rem;
	font-weight:600;
}
.jumokuso-sakura_midori .pran_c .pran_c_span span{
	font-size:0.75rem;
}


@media screen and (max-width: 896px){
	.jumokuso-sakura_midori .plan h3{
		font:140% 'HanaMinA';
		position:static;
		font-weight:bold;
		text-align:left;
	}
	.jumokuso-sakura_midori .plan .innr {
		padding: 40px 25px;
	}
	.jumokuso-sakura_midori .plan ul{
		width:100%;
	}
}
@media screen and (max-width: 480px){
	.jumokuso-sakura_midori .plan ul{
		flex-wrap:wrap;
	}
	.jumokuso-sakura_midori .plan ul li{
		width:100%;
		margin-bottom:20px;
	}
	.jumokuso-sakura_midori .pran_c_span span:before{
	content: "\A";
white-space: pre;
}
}

.jumokuso-sakura_midori [ class*="list" ] li {
	margin-left: 30px;
	padding: 0;
}
.jumokuso-sakura_midori [ class*="list" ] li:before {
	position: relative;
	top: 5px;
	margin-left: -20px;
	margin-right: 10px;
}
.jumokuso-sakura_midori .listB{
	margin:15px 0 0;
}
.jumokuso-sakura_midori .listB li:before {
	content: url(../img/page/icon-tree2.png);
}

.jumokuso-sakura_midori .aside {
	margin: 20px 0;
	font-size: 110%;
	padding:15px 0 0;
	border-top:2px dotted #ccc;
}
.jumokuso-sakura_midori .aside p{
	margin-left:10px;
}
@media screen and (max-width: 480px){
	.jumokuso-sakura_midori .listB{
		padding:10px;
	}
	.jumokuso-sakura_midori .aside{
		padding:10px;
	}
}