@charset "utf-8";
/* /aws/service/itx-mcp_evs.html(Amazon EVS)用CSS*/


@media only screen and (min-width: 768px) {
div.layout2 {
    padding-left: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

div.layout2 .layout2img {
    position: static;
}
div.p-txt {
    width: 870px;
    margin-left: 90px;
}
}

/*******ここから表の調整*******/

.contentsinner{
    padding: 4.6rem 0;
}
@media only screen and (max-width: 767px){
    #op_fee .contentsinner{
        padding: 3rem 0 4.6rem;
    }
}
.contentsinner table{
    width: 100%;
}
.contentsinner table th,
.contentsinner table td{
    font-weight: bold;
}

.flex_area_between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: space-between;
    align-content: space-between;
    -webkit-align-self: stretch;
    align-self: stretch;
    flex-wrap: wrap;
    margin-top: 10px;
}
.flex_half{
    width: 33%;
}
@media only screen and (max-width: 767px){
    .flex_half{
        width: 98%;
        margin: auto;
    }
}

.contentsinner table{
    width: 100%;
    height: 950px;
}
.contentsinner table th,
.contentsinner table td{
    font-weight: bold;
}

.half_table{
   border: 1px solid #FFF; 
}
.border_right{
    border-right: 3px solid #FFF;
    width: 60%;
    text-align: left;
    padding: 5px 10px;
}

.tr_01 tr:nth-child(odd){background-color:#D8ECF7;}
.tr_02 tr:nth-child(odd){background-color:#D1E2F3;}
.tr_03 tr:nth-child(odd){background-color:#E3E2F1;}
.tr_04 tr:nth-child(odd){background-color:#D8ECF7;}
.tr_05 tr:nth-child(odd){background-color:#D1E2F3;}
.cell_color_01{background-color: #009999;}
.cell_color_02{background-color: #0066CC;}
.cell_color_03{background-color: #424D99;}
.cell_color_04{background-color: #0099CC;}
.cell_color_05{background-color: #F2F2F2;}
.cell_color_06{background-color: #D1E2F3;}
.cell_color_07{background-color: #808080;}
.col_01{width: 25%;}
.col_02{width: 20%;}
.col_03{width: 30%; font-size: 26px;}
.col_04{width: 25%; font-size: 20px;}
@media only screen and (max-width: 767px){
    .col_01{width: 18%;}
    .col_02{width: 18%;}
    .col_03{width: 30%; font-size: 1.5rem;}
    .col_04{width: 25%; font-size: 1.2rem;}
}
.font_bold{
    font-weight: bold;
}
.text_left{
    text-align: left;
}

.half_table .ht_title01,
.half_table .ht_title02 {
color: #FFF;
border-right: 3px solid #FFF;
border-bottom: 3px solid #FFF;
height: 40px;
text-align: center;
background-color: #4472c4;
}
.ht_title03 {
color: #002060;
}
.half_table td {
color: #002060;
}

.ht_title01 {
width: 80%;
}
.ht_title02 {
width: 20%;
}
.ht_title03 {
width: 30%;
border-right: 3px solid #FFF;
border-bottom: 3px solid #FFF;
text-align: center;
}
.border_right01 {
    border-right: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
    text-align: left;
    padding: 5px 10px;
    width: auto;
}
.border_right02 {
    border-right: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
    padding: 5px 10px;
    width: auto;
}
.cell_color_10 {
    background-color: #a9d18e;
}
.cell_color_11 {
    background-color: #8faadc;
}
.cell_color_12 {
    background-color: #d9d9d9;
}
.cell_color_13 {
    background-color: #c5e0b4;
}
.cell_color_14 {
    background-color: #b4c7e7;
}
.cell_color_15 {
    background-color: #e2f0d9;
}
.cell_color_16 {
    background-color: #dae3f3;
}
 td {
    border-bottom: 3px solid #FFF;
}
.flex_half td:nth-of-type(2) {
    text-align: center;
}

section #toppagemainv .btn1 {
    margin: 30px 20px 0;
    width: 430px;
}
.contentsinner .nomal_btn a {
    box-sizing: border-box;
    background-color: #FBBC05;
    padding: 3rem;
    color: #FFF;
    max-width: 450px;
    width: 90%;
    margin: 1rem auto;
    text-decoration: none;
    font-size: 2rem;
    border-radius: 10rem;
    font-weight: bold;
    text-align: center;
display: inline-block;
}
section #content_query .nomal_btn a {
margin: 1rem 2rem;
}
.content_title2 {
font-size: 25px;
margin-top: 50px; 
}

@media only screen and (max-width: 767px) {
.tr_02 {
margin-top: 30px;
}
section #content_query .nomal_btn a {
margin: 15px 0;
width: 90%;
}
section #toppagemainv .btn1 {
width: auto;
}
.content_title2 {
font-size: 18px;
margin-top: 30px; 
}
}