@charset "UTF-8";

/* ===================================================================

 file name  :  mediaquery.css

=================================================================== */

/* --------------------------------------------------
 640px
--------------------------------------------------- */
@media screen and (max-width: 768px){
    .service .ctr{ padding: 0 0 30px;}
    .service section{ margin: 0;}
    .control dl{ margin: 0;}
    .control dl dt{ display: block; margin: 0; padding: 10px 0; width: 100%;}
    .control dl dd{ display: block; margin: 0; width: 100%;}
    .control dl dd ul{ overflow: hidden; margin: 0; padding: 0;}
    .control dl dd ul li{ display: block; float: left; margin: 0; padding: 10px 0; width: 33.3333%;}
    .control dl dd ul li:nth-child(even){ background: #ede9e4;}
    .control dl dd ul li:nth-child(even).active{ background: #e65b52;}
    .control .list-sort dd ul li:nth-child(even).active{ background: #529ca3;}
    .block-intro{ margin: 0; padding: 0 2px; width: 100%;}
    .block-intro section{ box-sizing: border-box; margin: 30px 0 0; padding: 0; width: 50%; background: none;}
    .block-intro section:first-child{ margin: 30px 0 0;}
    .block-intro section figcaption{ display: none;}
    .block-intro section .ttl-block{ min-height: 0;}
    .block-intro section h2{ margin: 15px 0 0; padding: 0 10px; border: none; font-size: 14px;}
    .block-intro section h3{ padding: 0 10px; font-size: 14px;}
    .block-intro section ul{ margin: 15px 0 0; padding: 0 0 0 5px;}
    .block-intro section ul li{ padding: 0 5px; font-size: 13px;}
    .block-intro section ul li:first-child{ padding: 0 5px;}
}