/* common */
.win11_cont,
.win11_cont *{ box-sizing:border-box; }
.win11_cont img{ width:auto; max-width:100%; height:auto; }
.win11_cont figure{ margin:0; }
.win11_cont h1{ margin-bottom:0.5em; line-height: 1.4; }
.win11_cont sup{ display:inline-block; margin-top:-0.4em; margin-left:-0.4em; padding-right:0.4em; font-size:0.7em; }
.win11_cont a,
.win11_cont a:link,
.win11_cont a:visited,
.win11_cont a:hover,
.win11_cont a:active{ text-decoration:none; }
.win11_cont a,
.win11_cont a img{ transition: all 0.3s ease; }
.win11_product_ttl h2{ font-size: 180%; margin-top:80px; margin-bottom:15px; }
/* layout */
.win11_cont{ width: 982px; margin-left:auto; margin-right:auto; padding:60px 0; }
.win11_sec{ display:flex; justify-content: space-between; padding-bottom:40px; }
.win11_sec.win11_row_re{ flex-direction: row-reverse; }
.win11_sec_break{ background:#f0f0f0; margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);padding-right: calc(50vw - 50%);padding-left: calc(50vw - 50%); padding-top:40px; padding-bottom:40px; margin-bottom:40px; }
.win11_block{ width:48%; align-self: center; }
.win11_sec.win11_preparation,
.win11_sec.win11_product_ttl{ display:block; }
.win11_list,
.win11_list_old ul{ display:flex; flex-wrap: wrap; }
.win11_list li,
.win11_list_old ul li{ display:flex; width:23%; margin-right:2%; padding-bottom:30px; }
.win11_list li:nth-child(4n),
.win11_list_old ul li:nth-child(4n){ margin-right:0; }
.win11_list li a,
.win11_list li a figure{ display: flex; flex-direction: column; width:100%; height:100%; }
.win11_list li a figcaption { margin-top: auto; }
.win11_list li img{ margin-bottom:10px; }
.win11_list_sec{ margin-bottom:60px; }
.win11_list_sec h2{ margin-bottom:30px; }
/* content */
.win11_preparation{ background:#0078d4; color:#fff; }
.win11_video{ line-height:0; }
.win11_btn{ display:inline-block; background:#fff; border:solid 1px #333; border-radius:0.2em; padding:0.5em 1.5em; margin-top:20px; }
.win11_btn:hover{ background:#333; color:#fff; }
.win11_att{ background:#424242; color:rgba(255, 255, 255, 0.8); }
.win11_att ol{ counter-reset: item; }
.win11_att ol li{ margin-left:1.4em; text-indent:-1.4em; font-size:0.8em; line-height:2; }
.win11_att ol li::before{ counter-increment: item; content: counter(item)'. '; }
.win11_list{ text-align:center; }
.win11_list a:hover img{ opacity:0.7; }
.win11_list_old dt{ font-size:150%; margin-bottom:10px; }
.win11_list_old dd{ margin-bottom:20px; }
.win11_list_old ul li{ padding-bottom:0; margin-bottom:10px; border-bottom:1px dotted #555; }
.win11_list_old ul li a,
.win11_list_old ul li span{ padding:5px; display:block; width:100%; }
.win11_list_old ul li a:hover{ background:#dfdfdf; }
.win11_list_old ul li span{ color:#505050; }
.win11_list_kome{ margin-left:1em; text-indent:-1em; }
.win11_cf{ width:60%; margin-left:auto; margin-left:auto; margin-right:auto; }
/* mobile */
@media screen and (max-width: 768px){
/* common */
.win11_cont h1{ font-size: 180%; }
.win11_product_ttl h1{ font-size: 160%; }
.win11_product_ttl h2{ font-size: 150%; margin-top:60px; }
.win11_list_sec h2{ font-size: 150%; }
.win11_list_sec h3,
.win11_list_old dt{ font-size: 120%; }
.win11_cont p,
.win11_cont a,
.win11_list_old ul li span{ font-size: 88.75%; line-height: 1.63; }
.win11_cont sup{ margin-top:-0.2em; }
/* layout */
.win11_cont{ width: 100%; padding:0 20px 60px; }
.win11_sec{ padding-bottom:0; }
.win11_sec.win11_col{ flex-direction: column; }
.win11_sec.win11_col_re{ flex-direction: column-reverse; }
.win11_sec_break{ padding-top:20px; }
.win11_block{ width:auto; }
.win11_block:first-of-type,
.win11_preparation,
.win11_att{ padding-top:40px; padding-bottom:40px; }
.win11_sec.win11_product_ttl{ padding-top:40px; }
.win11_list li,
.win11_list_old ul li{ width:50%; margin-right:0; padding-bottom:20px; }
.win11_list li:nth-child(odd),
.win11_list_old linth-child(odd){ padding-right:10px; }
.win11_list li: ulnth-child(even),
.win11_list_old ul li:nth-child(even){ padding-left:10px; }
.win11_product_ttl{ margin-bottom:60px; }
.win11_list_sec{ margin-bottom:20px; }
.win11_list_sec h2{ margin-bottom:20px; }
/* content */
.win11_video{ margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw); }
.win11_btn{ border-width:2px; font-weight:bold; }
/*.win11_list_old dt{ font-size:150%; margin-bottom:10px; }*/
.win11_list_old dd{ margin-bottom:10px; }
.win11_list_old ul li{ padding-bottom:0; margin-bottom:8px; border-bottom:0; }
.win11_list_old ul li a,
.win11_list_old ul li span{ border-bottom:1px dotted #555; }
.win11_list_old ul li:nth-child(odd) a,
.win11_list_old ul li:nth-child(odd) span{ margin-right:10px; }
.win11_list_old ul li:nth-child(even) a,
.win11_list_old ul li:nth-child(even) span{ margin-left:10px; }
.win11_cf{ width:auto; }
}
@media screen and (max-width: 375px){
.win11_cont li{ font-size:80%; }
}
@media screen and (max-width: 320px){
.win11_cont li{ font-size:70%; }
}
