.contents_frame{
width: 100%;
margin-bottom:1%;
display:table;
position:relative;
}

.contents_left{
width: 30%;
display:table-cell;
padding-top: 2ex;
}

.contents_right{
width: 70%;
display:table-cell;
padding-top: 2ex;
}

.image_main {
margin-top: 0px;
padding:0px;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}

.image_main img {
margin-top: 0px;
padding:0px;
width: 100%;
height: auto;
}


/* テキスト-------------------------------------------------------------- */

.text-pagettl{
font-size: 180%; 
font-weight: 600;
letter-spacing: 0.2em;
color: #3E613E;
padding-left:1%;
border-left: 10px solid #A49557;
}


.text-ttl{
font-size: 200%; 
font-weight: 600;
letter-spacing: 0.3em;
color: #3E613E;
border-bottom: 2px solid #A49557;
}

.text-contents{
font-size: 100%; 
vertical-align: top; 
letter-spacing: 0.15em;
line-height:3ex;
}



@media screen and (max-width: 430px) {
/* 430pxまでの幅の場合に適応される */

.text-pagettl{
font-size: 160%; 
font-weight: 600;
letter-spacing: 0.2em;
color: #3E613E;
padding-left:1%;
border-left: 10px solid #A49557;
}

.text-ttl{
font-size: 180%; 
font-weight: 600;
letter-spacing: 0.2em;
line-height: 2.7ex; 
color: #3E613E;
}

.text-contents{
font-size: 90%; 
vertical-align: top; 
letter-spacing: 0.15em;
line-height:1ex;
}

.contents_frame{
margin-bottom:2%;
}

.contents_left{
width: 30%;
padding-top: 0ex;
}

.contents_right{
width: 69%;
margin-top:0%;
padding-top: 0ex;
padding-left: 1%;
}


}