﻿
.box-layout {
	position:relative;
	display:flex;
	justify-content:space-between;
}

.box-layout > p:last-child{
	margin-left:24px;
}


#featurearea {
	width:850px;
	margin:0 auto;
	display: flex;
	background:url(/ienomono/tsumikey/img/featureimg.jpg) 0 0 no-repeat;
}

#featurearea .f-box {
	position:relative;
	padding-top:100px;
}

#featurearea .f-box h2 {
	margin: 0 auto;
	text-align:center;
}

#featurearea .f-box .f-txt {
	font-size:2.2rem;
	font-weight:bold;
	margin: 0 auto;
	text-align:center;
	margin-top:10px;
	color:#41210f;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
				-1px 1px 0 #FFF, 1px -1px 0 #FFF,
				0px 1px 0 #FFF,  0-1px 0 #FFF,
				-1px 0 0 #FFF, 1px 0 0 #FFF;
}

#featurearea .f-box,
#featurearea {
	min-height:567px;
}

#featurearea .f-box.left {
	width:420px;
	margin-left:20px;
}

#featurearea .f-box .textarea {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #fffaf4;/*背景色*/
    border-top: solid 6px #009250;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}


#featurearea .f-box .textarea .txtb {
	font-size:1.8rem;
	color:#009250;
	font-weight:bold;
}

@media screen and (max-width: 480px){

.box-layout {
	position:relative;
	display: inherit;
	justify-content:space-between;
}

.box-layout > p:last-child{
	margin-left:0;
	margin-top:1rem;
}

#featurearea {
	width:100%;
	display: inherit;
	background:url(/ienomono/tsumikey/img/featureimg_sp.jpg) 0 0 no-repeat;
	background-size:contain;
	padding:0 1rem;
}

#featurearea .f-box {
	padding-top:3rem;
}

#featurearea .f-box .f-txt {
	font-size:1.4rem;
	margin: 0 auto;
	text-align:left;
	margin-top:0;
}


#featurearea .f-box,
#featurearea {
	min-height:auto;
}

#featurearea .f-box.left {
	width:100%;
	margin-left:0;
	padding-top:8rem;
}

#featurearea .f-box .p_logo{
	width:50%;
	margin-left:0;
}

#featurearea .f-box .textarea {
    padding: 1rem 1rem;
    margin: 8rem 0 0 0;
	font-size:1.2rem;
}


}

