@charset "UTF-8";
/* CSS Document */

img { max-width:100%; height:auto; }
ul, ol, li, figure { margin:0; padding:0; }

.post-content ul, .post-content ol { padding-left:1.5em; }

.wp-block-image img {
height: auto;
max-width: 100%;
vertical-align: bottom;
}

/* テーブル設定 */
table, .wp-block-table {
width: 100%;　min-width: 240px;
border-collapse: collapse;
}
.wp-block-table table {
display: table;
border-collapse: collapse;
width: 100%;
}
table td, table th, .wp-block-table td, .wp-block-table th {
padding: 0.5em;
border: 1px solid;
}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
border-color: transparent;
}
table.is-style-stripes tbody tr:nth-child(odd), .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #eee;
}
.bg-gray table.is-style-stripes tbody tr:nth-child(odd), .bg-gray .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #FFF;
}


/* カラム設定 */

.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
box-sizing: border-box;
flex-wrap: wrap;
}
.wp-block-columns:last-child, .wp-block-column p:last-child { margin-bottom:0; }

.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word;
}

@media (min-width: 768px) {
.wp-block-columns { flex-wrap: nowrap; }
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 0; flex-grow: 1; }
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
margin-left: 2rem; }
}



@media (max-width: 767px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 100%!important; }
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: 30px; }
.wp-block-columns .wp-block-column:last-child {
margin-bottom: 0; }
}

.tech-btn .btn-default { font-size:1.2em; font-weight:600; padding-top:1.5em; padding-bottom:1.5em; border:0; background-color:#b01133; color:#FFF; }

.wrap-list-style { display:block; width:100%; max-width:900px; margin:1rem auto; }
.wrap-list-style dl dt, .wrap-list-style dl dd {
    display: inline-block;
    letter-spacing: normal;
    margin-bottom: 20px;
    vertical-align: top;
}
.wrap-list-style dl dt {
    width: 20%; margin-right:3%;
    text-align: center;
}
.wrap-list-style dl dt img { width:100%; max-width:150px; }
.wrap-list-style dl dd {
    width: 75%; margin-left:0;
}
.wrap-list-style.cordec dl dt img { width:100%; max-width:230px; }
.wrap-list-style.cordec dl dt { width:35%; }
.wrap-list-style.cordec dl dd { width:60%; }

.tech-btn .wp-block-column { margin-right:15px; }
.tech-btn .wp-block-column:last-child { margin-right:0; }

@media (max-width: 599px) {
.wrap-list-style dl dt { width:80px; }
.wrap-list-style dl dd { width: calc(100vw - 90px - 2rem); }
.wrap-list-style.cordec dl dt { width:100%; }
.wrap-list-style.cordec dl dd { width:100%; }
.wp-block-columns.tech-btn .wp-block-column { margin:0; }
}

.wrap-download ul, .wrap-download li { font-size:0; list-style:none; margin:0; padding:0; }
.wrap-download ul li {
display: inline-block; margin: 0 20px 40px 0;
width: calc((100% - 60px)/4);
background: #fff; color: #000; letter-spacing: normal;
}
.wrap-download ul li:nth-child(4n) {
margin-right: 0; }
.wrap-download ul li a { 
font-size:1rem; text-decoration:none; color:#000; text-align:center; }

@media (max-width: 768px) {
.wrap-download ul li {
display: inline-block; margin: 0 2vw 80px 0;
width: calc((100% - 2vw)/2);
background: #fff; color: #000; letter-spacing: normal; }
.wrap-download ul li:nth-child(2n) {
margin-right: 0; }

}

.wrap-download ul li a span {
background: #555; border: 1px solid #555;
display: block; color: #fff; text-align: center;
margin: 20px 0; padding: 20px 10px;
}
.wrap-download ul li a:hover span { background: #eee; color:#000; }
.wrap-download ul li p { margin-top:0.5em; margin-bottom:0.5em; }