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

/* ==========================================================
 
     !SP

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

div.case section {
    border: 3px solid #fbe7eb;
    border-top: 5px solid #da143c;
    padding: 5%;
}

div.case section:not(:last-child) { margin: 0 0 30px; }

div.case section h1 {
    font-size: 1.8rem;
    margin: 0 0 5%;
    font-weight: bold;
    color: #3c3b56;
    background: #f0f0f0;
    border: none;
}

div.case section h1:before {
    border: none;
}

div.case section ul {
    margin: 0 0 5%;
}

div.case section ul li {
    width:100%;
    font-size: 1.5rem;
    padding:5px 15px 5px 20px;
    position:relative;
    background: url(../images/common/icn_gray.png) no-repeat 5px center / 0.4em auto;
}

div.case a {
    color: #3c3b56;
    text-decoration: underline;
}

div.case a:hover { text-decoration: none; }

div.case section ul li span.pdf {
    font-size: 1rem;
    padding:2px 7px;
    margin-left: 5px;
    background: #da143c;
    color: #fff;
    text-decoration: none !important;
}

/* !yanezai
---------------------------------------------------------- */

body.yanezai h1#page_title {
    color: #008c43;
    background: #e5f3ec;
}

/* side */

body.yanezai aside nav h1 { background: #008c43; }
body.yanezai aside nav h1:before { border-bottom: 2px solid #008c43; }

body.yanezai aside nav ul { border-bottom: 2px solid #008c43; }

/* main */

body.yanezai div.case section {
    border: 3px solid #e5f3ec;
    border-top: 5px solid #008c43;
}

/* !gaihekizai
---------------------------------------------------------- */

body.gaihekizai h1#page_title {
    color: #5a3199;
    background: #eeeaf5;
}

/* side */

body.gaihekizai aside nav h1 { background: #5a3199; }
body.gaihekizai aside nav h1:before { border-bottom: 2px solid #5a3199; }

body.gaihekizai aside nav ul { border-bottom: 2px solid #5a3199; }

/* main */

body.gaihekizai div.case section {
    border: 3px solid #eeeaf5;
    border-top: 5px solid #5a3199;
}

/* !technicaldata
---------------------------------------------------------- */

body.technicaldata h1#page_title {
    color: #ffa931;
    background: #fff6ea;
}

/* side */

body.technicaldata aside nav h1 { background: #ffa931; }
body.technicaldata aside nav h1:before { border-bottom: 2px solid #ffa931; }

body.technicaldata aside nav ul { border-bottom: 2px solid #ffa931; }

/* main */

body.technicaldata div.case section {
    border: 3px solid #fff6ea;
    border-top: 5px solid #ffa931;
}

/* ==========================================================
 
     !PC

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

@media only print, screen and (min-width: 769px) {

div.case section {
    padding: 20px;
}

div.case section div.txt {
    width: 55%;
    float:left;
}
    
div.case section ul {
    margin: 0;
}
    
div.case section img {
    width: 41%;
    float: right;
}
    
}
