@charset "UTF-8";
/*
本WEBサイトで公開しているHTML・CSS・JavaScriptは合同会社ベストブリッジが記述し、タイムスタンプを付与した電子書類で保管を行っています。
また、公開に至るまでの制作過程も、タイムスタンプを付与した電子書類として保管を行っています。
*/

/*============================================
.section_pro
============================================*/
.section_pro{
position:relative;
/*--*/
display:flex;
width:90%;
max-width:1200px;
height:auto;
margin:0 auto;
border:0;
padding:30px 0 100px 0;
/*--*/
align-items:stretch;/*縦揃え*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
}

.section_pro>p{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.2;
font-size:80%;
font-weight:normal;
color:#999;
}

.section_pro>h2{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border-bottom:solid 2px #333;
padding:5px 0;
/*--*/
text-align:left;
line-height:1;
font-size:160%;
font-weight:normal;
color:#000;
}

@media screen and (max-width: 959px){
.section_pro>h2{
font-size:140%;
}
}

/*==左==*/
.section_pro>div.left{
position:relative;
/*--*/
display:block;
flex-basis:35%;
height:auto;
margin:0;
border:0;
padding:0 0 30px 0;
}

@media screen and (max-width: 959px){
.section_pro>div.left{
flex-basis: 100%;
}
}

.section_pro>div.left>img{
position: relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
}

/*==右==*/
.section_pro>div.right{
position:relative;
/*--*/
display:block;
flex-basis:60%;
height:auto;
margin:0;
border:0;
padding:0;
background-color:#FFF;
}

@media screen and (max-width: 959px){
.section_pro>div.right{
flex-basis:100%;
}
}

.section_pro>div.right>p{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.8;
font-size:100%;
font-weight: normal;
color:#333;
}

.section_pro>div.right>table{
position:relative;
/*--*/
width:100%;
height:auto;
margin-bottom:30px;
border-collapse:collapse;
padding:0;
}

.section_pro>div.right>table tr{
width:auto;
height:auto;
margin:0;
border-bottom:solid 1px #CCC;
padding:0;
/*--*/
align-items:stretch;/*縦揃え*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
}

.section_pro>div.right>table tr th{
width:15%;
height:auto;
margin:0;
border:0;
padding:10px 0;
/*--*/
text-align:left;
line-height:1.6;
font-size: 80%;
font-weight: bold;
color: #000;
}

@media screen and (max-width: 600px){
.section_pro>div.right>table tr th{
display:block;
width:100%;
}
}

.section_pro>div.right>table tr td{
width:85%;
height:auto;
margin:0;
border:0;
padding:10px 0;
/*--*/
text-align:left;
line-height:1.6;
font-size:100%;
font-weight:normal;
color:#333;
}

@media screen and (max-width: 600px){
.section_pro>div.right>table tr td{
display:block;
width:100%;
}
}

.section_pro>div.right>p{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.6;
font-size:100%;
font-weight:normal;
color:#333;
}