@charset "UTF-8";

/* design */
.natural_txt_box {
    margin-bottom: 40px;
    text-align: center;
}
.natural_ttl_en {
    color: #a59581;
    font-size: 34px;
    /* border-bottom: solid 1px #000; */
    padding-bottom: 10px;
}
.natural_ttl_ja {
    color: #000;
    font-size: 10px;
}
.ds_img {
    margin-bottom: 30px;
}
.sec_subttl.en_up {
    text-transform: uppercase;
}


.design_profile {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333333;
    background: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    letter-spacing: 0.1em;
}
.design_profile .l{
	width:15%;
	max-width: 116px;
}
.design_profile .c{
	width:26%;
	position:relative;
}
.design_profile .c div{
	position:absolute;
	top:50%;
	left:5px;
	transform:translateY(-50%);
}
.design_profile .c div p{
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
}
.design_profile .c div p.n{
	font-size:12px;
	margin-bottom:10px;
    letter-spacing: 0.1em;
}
.design_profile .c div p.s{
	font-size:13px;
	letter-spacing:2px;
}
.design_profile .c div p.s span{
	font-size:130%;
	margin-left:5px;
}
.design_profile .c div p.f{
	font-size:11px;
	letter-spacing:2px;
}
.design_profile .r{
	width:58%;
}
.design_profile .r table{
	background:#EFEFEF;
	height:100%;
}
.design_profile .r table td{
	font-size:12px;
	line-height:175%;
	padding:5px;
    vertical-align: middle;
}
.design_profile .r table td:nth-child(1){
	font-size:15px;
	font-weight:bold;
	padding:0 10px;
}
.design_left .sec_lead {
	text-align: justify;
}

@media screen and (max-width: 850px){
.design_profile{
    margin:0 auto 40px auto;
    max-width: 400px;
}
.design_profile .w{
    margin:40px auto;
}
.design_profile .w p{
    font-size:12px;
}

.design_profile{
    margin: 0 auto 40px auto;
}
.design_profile .l{
    width:40%;
    margin:15px auto;
}
.design_profile .c{
    width:80%;
    margin:auto;
    position:relative;
}
.design_profile .c div{
    position: static;
    top:auto;
    left:auto;
    transform:none;
    text-align:center;
}
.design_profile .c div p{
    font-size:18px;
    margin-bottom:10px;
}
.design_profile .c div p.n{
    font-size:14px;
    margin-bottom:10px;
}
.design_profile .c div p.s{
    font-size:15px;
    letter-spacing:2px;
}
.design_profile .c div p.s span{
    font-size:130%;
    margin-left:5px;
}
.design_profile .c div p.f{
    font-size:13px;
    letter-spacing:2px;
}
.design_profile .r{
    width:100%;
    margin-top:20px;
}
.design_profile .r table{
    height:auto;
}
.design_profile .r table td{
    font-size:12px;
    line-height:175%;
    padding:5px;
}
.design_profile .r table td:nth-child(1){
    font-size:15px;
    font-weight:bold;
    padding:0 10px;
}
}

@media screen and (max-width: 750px){
.natural_ttl_en {
    font-size: 26px;
}
}