/* ////////// common ////////////////////////////// */
body {margin:0;}

a:hover img {opacity: 0.8;}

.sns {
margin-top: 10px;
}

img {
vertical-align: bottom;
}
/***************************************************************/
/*LP*/
/***************************************************************/

#sp-top .lp{
padding:0px 70px 20px;
}

#sp-top #wrapper {
background: #fff;
}

.h1-area {
background: url('./img/h1_bg.png');
width: 950px;
height: 115px;
text-align: center;
overflow: hidden;
}

h1 {
    margin: 0 auto;
    padding: 0;
    width: 668px;
}
.h1-area h1 img {
margin-top: 4px;
}

/* ----- .headline ----- */

#sp-top h3 {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
color:#fff;
font-weight:bold;
padding:0;
margin-bottom:15px;
line-height:24px;
font-size: 24px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center; 
align-items: center;
}

#sp-top h3 em {
font-weight: bold;
margin-top: 3px;
}

#sp-top .dcw h3 {
background:#2c6061;
}

#sp-top .video h3 {
background:#14549a;
}

#sp-top .ganref h3 {
background:#212222;
}



/********************************/

ul.cont-list {
}

ul.cont-list li {
background: #fff;
box-sizing: border-box;
margin-bottom: 20px;
}


ul.cont-list li a {
font-size: 1.1rem;
padding: 6px;
text-decoration: none;
background: #eee;
border: 1px solid #ddd;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}

ul.cont-list li a img {
margin-right: 6px;
max-width: 100%;
width:400px;
}

ul.cont-list li a div .txt {
margin: 2rem 1rem 0;
line-height:1.5;
}


#sp-top .media-icon {
font-size: 12px;
}

#sp-top .media-icon img {
width: 180px;
}