@charset "utf-8";

/* common
-------------------------------------------------------------------------------------------------------- */





/* download
-------------------------------------------------------------------------------------------------------- */
#download					{ margin-bottom:80px; }
#download .lead			{ margin-bottom:40px; }
#download #dlList				{ margin-left:-3.33%; }
#download #dlList li			{ float:left; padding:10px; width:30%; margin-left:3.33%; margin-bottom:30px; text-align:center; border:#d5d5d5 1px solid; box-sizing:border-box; }
#download #dlList li .title		{ padding:4px 0 10px; margin-bottom:10px; font-size:20px; font-weight:bold; color:#326F98; line-height:1.2; border-bottom:#d5d5d5 1px solid; }
#download #dlList li .pic		{ margin-bottom:10px; }
#download #dlList li .pdf		{ display:inline-block; padding:4px 0 0 20px; font-size:14px; background:url(../img/download/ico_pdf.png) no-repeat left top; }
#download #dlList li .linkBtn	{ margin:10px 0 0; }
@media screen and (max-width: 480px) {
#download					{ margin-bottom:40px; }
#download .lead			{ margin-bottom:20px; }
#download #dlList				{ margin-left:0; }
#download #dlList li			{ float:none; padding:10px; width:auto; margin-left:0; margin-bottom:20px; }
#download #dlList li .title		{ padding:4px 0 10px; margin-bottom:10px; font-size:18px; }
#download #dlList li .title br	{ display:none; }
#download #dlList li .pdf			{ padding:4px 0 0 20px; font-size:12px; }
#download #dlList li .linkBtn	{ margin:10px 0 0; }
}



/* popup
-------------------------------------------------------------------------------------------------------- */
body, html {
    width: 100%;
    height: 100%;
}
#popup_back {
    display: none;
    background: #000;
    opacity: 0.8;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#popup_view {
    display: none;
    background: #fff;
    width: 680px;
    padding: 30px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -370px;
}
    #popup_view iframe {
        width: 100%;
        border: none;
        padding: 0;
        margin: 0;
    }

@media screen and (max-width: 767px) {
#popup_view {
    width: 480px;
    padding: 30px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -270px;
}
}
@media screen and (max-width: 480px) {
#popup_view {
    width: 280px;
    padding: 10px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -150px;
}
}