@media screen and (max-width:480px) {
    html {
        font-size: 62.5%; /* -> 10px; */
    }

    body{
        font-size:1.3rem;
    }

    /* general params
    --------------------*/
    h1, h2, h3, h4, h5, h6,
    div, p, pre, ul, ol, dl, dt, dd,
    address, form, blockquote{
        font-size: 1.3rem;
    }

    #headline,
    #loginNav .advertiserBox,/*ログイン*/
    #loginNav .agencyBox,    /*ログイン*/
    .carouselWrap,    /* おすすめメニュー */
    #secondBox,       /* footer facebook */
    #search, /* 探すメニュー */
    .sec_bg_img,      /*枠画像*/
    .right            /*枠画像*/
    {
        display:none;
    }

    #sp_search{
        display: block;
    }

    #sp_search #sp_categoryBtn {
    background-image: linear-gradient(
        -45deg,
        #fff 25%,
        #eee 25%, #eee 50%,
        #fff 50%, #fff 75%,
        #eee 75%, #eee
    );
    background-size: 4px 4px;
        border-bottom: 1px dashed #eee;
    }
    #sp_search #sp_categoryBtn p {
        display: inline-block;
        margin: 0 10px 0 0;
        padding: 10px 0;
        cursor: pointer;
        text-align: center;
    }
    #sp_search #sp_categoryBtn p img {
        display: block;
        margin: 0 auto;
        -webkit-transition: All 0.2s ease;
        -moz-transition: All 0.2s ease;
        -o-transition: All 0.2s ease;
        -ms-transition: All 0.2s ease;
        transition: All 0.2s ease;
    }

    #sp_search #sp_categoryBtn p#sp_ampBtn .iconWrp,
    #sp_search #sp_categoryBtn .active .ampTit {
        color: #3D9EAC;
    }
    #sp_search #sp_categoryBtn p#sp_tcBtn .iconWrp,
    #sp_search #sp_categoryBtn .active .tcTit {
        color: #3D80B1;
    }
    #sp_search #sp_categoryBtn p#sp_agpBtn .iconWrp,
    #sp_search #sp_categoryBtn .active .agpTit {
        color: #683EC0;
    }
    #sp_search #sp_categoryBtn p#sp_pcBtn .iconWrp,
    #sp_search #sp_categoryBtn .active .pcTit {
        color: #3D5FB6;
    }
    #sp_search #sp_categoryBtn p#sp_icBtn .iconWrp,
    #sp_search #sp_categoryBtn .active .icTit {
        color: #708090;
    }
    #sp_search #sp_categoryBtn #sp_rankingBtn {
        margin: 0 0 0 5px;
        padding: 0 0 0 20px;
    }
    #sp_search #sp_categoryBtn #sp_rankingBtn a {
        color: #333;
        text-decoration: none;
    }
    #sp_search #sp_categoryBtn #sp_rankingBtn:hover > a {
        color: #E91E63;
    }
    #sp_search #sp_categoryBtn #sp_consulBtn {
        margin: 0 0 0 5px;
        padding: 0 0 0 20px;
        border-left: 1px dotted #aaa;
    }
    #sp_search #sp_categoryBtn #sp_consulBtn a {
        color: #333;
        text-decoration: none;
    }
    #sp_search #sp_categoryBtn #sp_consulBtn:hover > a {
        color: #E91E63;
    }
    #sp_search #sp_categoryBtn .active {
        font-weight: bold;
    }
    #sp_search #sp_categoryBtn .iconWrp{
        display: block;
        height: 36px;
        font-size: 2.5rem;
        margin-bottom: 10px;
        cursor: pointer;
    }
    #sp_search #sp_categoryBtn p:hover > .iconWrp img,
    #sp_search #sp_categoryBtn .active .iconWrp img {
        width: 34px;
    	font-size: 2.8rem;
    }
    #sp_search #sp_categoryContainer {
    }
    #sp_search #sp_categoryContainer .tagsBox {
        display: none;
        margin: 10px 0 5px 0;
    }
    #sp_search #sp_categoryBtn #sp_input_area {
        position: relative;
        float: right;
        margin: 15px 0 0 0;
    }
    #sp_search #sp_categoryBtn #sp_input_area .textBox {
        width: 330px;
        padding: 10px 20px;
        border-radius: 4px;
        font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
        -webkit-transition: All 0.4s ease;
        -moz-transition: All 0.4s ease;
        -o-transition: All 0.4s ease;
        -ms-transition: All 0.4s ease;
        transition: All 0.4s ease;
        box-shadow: 0 0 2px #aaa inset;
    }
    #sp_search #sp_categoryBtn #sp_input_area .submitBtn {
        position: absolute;
        top: 5px;
        right: 5px;
        opacity: 0.4;
    }
    #sp_search #sp_categoryBtn #sp_input_area .textBox:focus {
        box-shadow: 0 0 5px #71AF42;
    }


    #sp_search #sp_categoryBtn .outline {
        display: flex;
    }
    #sp_search #sp_categoryBtn .outline #sp_rankingBtn, #sp_search #sp_categoryBtn .outline #sp_input_area {
        display: none;
    }
    #sp_search #sp_categoryBtn .outline #sp_consulBtn, #sp_search #sp_categoryBtn .outline #sp_input_area {
        display: none;
    }
    #sp_search #sp_categoryContainer{
        padding: 0 1rem 0 1rem;
    }
    #sp_search #sp_categoryBtn p span{
        display: inline-block;
    }
    #sp_search #sp_categoryContainer .outline{
        margin: 1rem 0 1rem 0;
    }



    #container {
        width: 100% !important;
    }
    #wrapper{
        width: 100%;
        background: none !important;
        min-width: 320px !important;
        box-sizing: border-box;
    }
    div#sec_main {
        background: none;
    }
    div#sec_page {
        background: none;
        padding-top: 10px;
        border: none;
    }
    div#sec_contents {
        width: 100% !important;
        padding: 0px 3% 0px 3% !important;
        height: auto;
        clear: both;
        box-sizing: border-box;
        float:none;
    }
    #headerFixed{
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box;
    }
    #headerFixed h1{
        display: block;
        float: none;
        width: 100%;
        padding: 2px 0px 2px 5px;
        box-sizing: border-box;
        font-size: 0.6em;
    }

    #headerFixed .navLink {
        display: block;
        width: 100%;
        float: none;
    }
    #headerFixed .navLink a{
        display: inline-block;
        margin-bottom: 2px;
    }
    #main_header {
        border-bottom: none;
    }
    #main_header .outline{
        width: 100%;
    }

    #main_header #headerFixed .outline p{
        font-size: 0.8em;
    }

    #loginNav {
        margin: 0;
        padding: 0 10px;
    }
    #loginNav .logoBox img {
        width: 200px;
    }
    .detail_title { 
        font-size: 2rem;
    }
    .tagsBox {
        margin-bottom: 0px;
    }
    .tagsBox a {
        /* font-size: 10px; */
    }
    .tagsBox .item {
        display: inline-block;
        margin: 0 0 4px 0;
        padding: 6px 8px;
        text-decoration: none;
        border-radius: 3px;
        font-size: 1.3rem;
    }
    .pr_by_link {
        padding: 1rem;
        font-size: 1.4rem;
        margin: 0.5rem 0 0.5rem 0;
        display: inline-block;
    }
    .d-border img {
        width: 100%;
    }

    .paging{
        width: 100%;
        box-sizing: border-box;
    }

    #sec_bg_under{
        width: 1px;
        margin-bottom: 20px;
    }

    div#sec_side_right{
        width: 100%;
        padding: 20px 3% 0px 3% !important;
        box-sizing: border-box;
        border-top: 1px dashed #bbb;
        margin-top: 20px;
    }
    div#sec_side_right > a > img {
        width:80%;
        height: auto;
        margin-left:10%;
    }
    /*　サイドバー一括ダウンロード　*/
    .sidebar_bulk_dl{
        margin: 5px 0;
        padding: 5px 10px 5px 0;
        width: 370px;
        box-sizing: border-box;
    }

    #media_summary {
        overflow: hidden;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 5px 0px;
    }
    #media_summary p {
        width: 100%;
        padding: 0px;
        float: none;
        text-align: center;
    }
    #media_summary .box {
        width: 100%;
        padding: 0;
        float: none;
    }
    .capWrp{
        clear: both;
    }
    .capWrp .capSize-m {
        display: block;
        margin: 0 auto;
    }
    .capWrp .capSize-m img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #media_summary .udate {
        margin-top: 2px;
        margin-bottom: 10px;
        text-align: center;
    }
    #media_summary .dl_wrap {
        display: block;
        width: 100%;
        margin: 0 auto;
        float: none;
    }
    #media_summary .dl_wrap ul.ls_none li {
        text-align: center;
    }
    #agencyItemText {
        margin: 20px 0;
    }
    #discount_text {
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
        box-sizing: border-box;
    }
    #push_point,
    #download {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    #download {
        margin-top: 10px;
        margin-bottom: 10px;
        /* padding: 20px; */
        width: 100%;
        height: 100%;
        background: none;
        /*border: #999999 1px solid;*/
        /*background: #F0F3F8;*/
    }
    #download h2:before{
        content: "\5A92\4F53\8CC7\6599\30C0\30A6\30F3\30ED\30FC\30C9";
        display: block;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 2px;
        color:#002333;
    }
    #download h2 {
        display: block;
        width: 100%;
        font-size: 95%;
        font-weight: normal;
        padding: 0;
        background: none;
    }
    #download ul {
        display: block;
        margin-top: 40px;
        margin-bottom: 0px;
    }
    #download ul li a.guest {
        font-size: 18px !important;
    }
    #footer #firstBox {
        width: 100%;
    }
    #footer #firstBox .inner {
        box-sizing: border-box;
        width: 100%;
        padding: 10px;
    }
    #footer #secondBox {
        display: none;
    }
    #footer .socialWrp {
        margin: 10px 0;
    }
    #footer #siteNav li a {
        margin: 0 10px 5px 0;
        font-size: 1.3rem;
        padding: 0.5rem;
    }
    #pageTop a{
        display: none;
    }
    /* モーダル */
    #modal-content{
        left: 0;
        width: 100%;
        box-sizing: border-box;
    }
    #modal-content .dl_enq{
        padding: 0 10px;
    }
    #modal-content .dl_enq ul {
        margin: 0px;
        padding: 10px;
    }
    #modal-content .dl_enq ul li {
        padding: 10px 0;
    }
    #modal-content .dl_enq ul li span {
        display: block;
    }
    #modal-content .dl_enq select{
        width: 100%;
        margin: 10px 0px;               
        font-size: 1.5rem;
    }
    #modal-content .dl_enq .submit {
        width: 100%;
        margin-bottom: 10px;               
    }
    /* モーダル（案件マッチング） */
    #modal-content .match_enq{
        padding: 0 10px;
    }
    #modal-content .match_enq ul {
        margin: 0px;
        padding: 10px;
    }
    #modal-content .match_enq ul li {
        padding: 10px 0;
    }
    #modal-content .match_enq ul li span {
        display: block;
    }
    #modal-content .match_enq select{
        width: 100%;
        margin: 10px 0px;               
        font-size: 1.5rem;
    }
    #modal-content .match_enq .submit {
        width: 100%;
        margin-bottom: 10px;               
    }

    #modal-content .formError{
        left :200px !important;
    }
    #modal-content .formError .formErrorContent{
        min-width: 110px;
    }

    #modal-content input[type="radio"]{
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        margin: 10px;
    }

    /* お問い合わせモーダル */
    #inquiry-content{
        left: 0;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    #inquiry-content .inquiry_detail{
        padding: 0 10px;
    }
    #inquiry-content .inquiry_detail ul {
        margin: 0px;
        padding: 10px;
    }
    #inquiry-content .inquiry_detail ul li {
        padding: 10px 0;
    }
    #inquiry-content .inquiry_detail ul li span {
        display: block;
    }
    #inquiry-content .inquiry_detail select{
        width: 100%;
        margin: 10px 0px;
        font-size: 1.5rem;
    }
    #inquiry-content .inquiry_detail .submit {
        width: 100%;
        margin-bottom: 10px;
    }

    #upgradeLink{
        width: 100%;
    }

    /* for seminar */
    #seminar_body #seminar_area .seminar_header{
        margin-top:20px;
    }
    #seminar_body .suggest_wrap{
        display: none;
    }

    /* for add_pre_mr */
    #add_pre_mr_body #addPreMr .preTypeBox{
        width: 100%;
        margin-top:20px;
    }

    #add_pre_mr_body #addPreMr #modal-content{
        left: 0;
        width: 100% !important;
        box-sizing: border-box;    
    }

    /* ダウンロード済表示 */
    .media_name .DlIcon{
        left: 10px;
        top: 10px;
    }

    /*サイドバー*/

    /* 全体 */
    div#side_right {
        width: 94%;
        padding: 3%;
        margin-bottom: 20px;
    }

    /* 画像バナー */
    div#side_right > a > img {
        width:60%;
        margin-left:20%;
    }

    /* セミナーリスト */
    #nav_seminar {
        margin-bottom: 10px;
    }

    #nav_seminar ul {
        padding: 0 10px 0 10px;
    }

    #nav_seminar .seminar_more {
        padding: 0 10px 0 10px;
    }

    /* 文字バナー */
    .rightbar_banner {
        width: 80%;
        margin-left: 10%;
        box-sizing: border-box;
    }

    /* サービスリンク */
    .adService {
        margin: 10px 0px 10px 0px;
        text-align: center;
    }
    .adService a {
        width:46%;
        margin: 2% 0;
        display: inline-block;
        vertical-align: top;
    }
    .adService a img {
        width: 100%;
    }

    /*  */
    #nav_interview ul li .img_wrap, #nav_case .img_wrap {
        width: 20%;
    }
    #nav_interview ul li .cont_wrap, #nav_case .cont_wrap {
        font-size: 1em;
        width: 75%;
        padding: 2% 0% 2% 2%;
        vertical-align: top;      
    }

    /* 関連資料 */
    .rightbar_item_wrap h3 {
        margin: 0 auto;
    }
    .rightbar_item_wrap ul{
        text-align: center;
    }
    div.rightbar_item_wrap ul .rightbar_item {
        display: inline-block ;
    }
    /*********************************/
    /*         トップページ          */
    /*********************************/

    div#container{
        padding: 0;
    }

    .above_top_slider_message {
        margin: 5px;
        padding: 5px 5px;
        border: 1px dashed #ccc;
    }

    #headerFixed {
        padding: 0;
    }
    #headerFixed .navLink {
        display:none;
    }
    div#contents {
        width: 96%;
        padding-left: 2%;
    }

    #top_category_list .container {
        width: auto;
    }

    /* TOPスライダー */
    #sliderWrp{
        width: 100%;
    }
    #slider li .agency_name{
        font-size: 1rem;
    }

    #slider li .agency_text {
        display:none;
    }

    #slider li .agency_name {
        top: 120px;
        font-size: 0.8rem;
    }

    #slider li .company_name {
        display: inline-block;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 7px 0px 25px 0;
        color: #fff;
        background: rgba(0,0,0,0.3);
        text-align: right;
        font-weight: bold;
    }

    /* TOP資料リスト */

    #topNewList, #topRankingList{
        width : 100%;
    }

    .link-banner {
        display:flex;
        width: 100%;
        text-decoration: none;
        background-image: none;
        text-indent: 0%;
        background: rgb(224,224,224);
	    background: linear-gradient(0deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%);
    }

    #topNewList .moreLink, #topRankingList .moreLink {
        top: 0.5em;
    }
    .ai_item_list .moreLink {
        top: 0.8em;
    }
    .top_list .box, .ai_item_list .box{
        margin: 10px 0px 0px 0px;
        width: 45%;
        padding: 2%;
    }

    .top_list .box .capWrp, .ai_item_list .box .capWrp{
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    /*********************************/
    /*   利用規約 プラポリ 特商法    */
    /*********************************/

    .p_box1, .standard {
        width: 100%;
    }
    .p_box1 p{
        margin-bottom:20px;
    }
    .standard p{
        width:100%;
        padding: 0.5em 3% 0.5em 7%;
        box-sizing: border-box;
    }
    .standard ul{
        width:100%;
        padding: 0.5em 3% 0.5em 7%;
        box-sizing: border-box;
    }
    .standard ul li {
        margin-left: 0.5em;
    }
    div#sec_contents h1 img {
        max-width:100%;
        box-sizing: border-box;
    }

    /*********************************/
    /*   初めての方    */
    /*********************************/

    #about .all02Wrp {
        width: 100%;
        height: auto;
        background: none;
    }

    #about .all02Wrp .all02_mlink {
        position: absolute;
        bottom: 8%;
        left: 10%;
        width: 40%;
    }

    #about .all02Wrp .all02_plink {
        position: absolute;
        bottom: 8%;
        left: 60%;
        width: 40%;
    }

    #about h2 {
        height: auto;
        background-size: cover;
    }

    /*********************************/
    /*      資料掲載について        */
    /*********************************/

    div#sec_contents #about {
        width:100%;
    }
    div#sec_contents #about h2{
        max-width:100%;
        box-sizing: border-box;
    }
    #about .aboutPlan .cvFree {
        position: absolute;
        top: 17.2%;
        left: 27.8%;
        width: 34.5%;
    }
    #about .horizontalBtnWrp .fLeft, #about .horizontalBtnWrp .fRight {
        float: none;
        margin-bottom: 20px;
    }
    #about .waveHr {
        margin: 20px 0;
    }
    #about .aboutPlan .tooltip01{
        display: none;
    }
    #about .aboutPlan .tooltip_normalplan {
        display: none;
    }
    div#sec_contents #about .inquiryBnr{
        text-align:  center;
    }
    #about .inquiryBnr a{
        float: none;
    }
    #about .inquiryBnr img{
        height:40px;
        float: none;
        display:inline-block;
        margin:0;
    }
    #about .inquiryBnr .hoverAction img{
        margin-left:-4px;
    }
    div#sec_contents #about .box {
        margin-bottom:20px;
    }

    .contact_form{
        width:100%;
        border: none;
    }    
    .contact_form th, .contact_form td{
        display:block;
        border: none;
    }
    .contact_form input {
        border: 2px solid #ddd;
        margin-bottom: 10px;
    }
    .contact_form select {
        padding: 0.5em;
        width: 90%;
        margin-bottom: 10px;               
    }
    .post .wide_button {
        padding: 2em 4em;
        font-size: 1.2em;
    }

    .contact_form textarea{
        width:100%;
    }

    /*********************************/
    /*        ログインページ         */
    /*********************************/
    #spLoginHeader{
        display: block;
        padding: 10px 0;
        position: relative;
        border-bottom: 5px solid #eee;        
        background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    }
    #spLoginTitle{
        display: block;
        padding: 1em 0 0.5em 0.5em; 
        border-bottom: 1px dashed #fff;
    }
    #spLoginTitle h1{
        font-size:20px; 
        color:#1D2C52;
    }
    #spLoginFooter{
        display:block;
    }
    
    #spLoginHeader img{
        padding: 0 10px;
        width: 200px;
    }
    div#login{
        width:100%;
        background-color: #C6E1EF;
    }
    div#mp_login, div#member_login{
        width:100%;
        height:auto;
        background-image: none;
        position: initial;
        box-sizing: border-box;
    }
    div.login_error{
        position: initial;
        width: 90%;
        margin: 5%;
    }
    .tb_1, .tb_2{
        position: initial;
        width: 80%;
        margin-left: 10%;
    }
    .tb3{
        position:initial;
        width:100%;
        text-align:right;
        box-sizing: border-box;
        padding: 0.5em;
    }
    .tb4{
        position:initial;
        width:100%;
        text-align:right;
        box-sizing: border-box;
        padding: 0.5em;
    }
    .chk1{
        position:initial;
        width:100%;
        box-sizing: border-box;
        padding: 1em 2em;
        text-align:center;
    }
    .chk1 #checkbox{
        margin: 1em;
    }
    div#mp_login form, div#member_login form {
        padding: 0.5em 0.5em 2em 0.5em;
    }
    div#mp_login .inputlabel, div#member_login .inputlabel{
        display:block;
        width: 100%;
        padding: 1em 0.5em;
        font-size: 1.2em;
        font-weight:bold;

    }
    .sum1{
        position:initial;   
        margin: 1em auto;
    }
    .spLoginButtonWrap{
        width:100%;
        text-align:center;
    }

    .login_other{
        position: initial;
        width:100%;
        background-color: #F4F6E5;
        padding: 2em 1em;
        box-sizing: border-box;
    }
    .login_other td {
        text-align: center;
    }
    .login_other td img{
        margin-left: 2em;
    }
    .login_other td a {
        display: inline-block;
        margin-bottom: 1em;
    }

    /*********************************/
    /*     無料&有料プラン登録       */
    /*********************************/

    .add_form{
        width:100%;
        border: none;
    }    
    .add_form th, .add_form td{
        display:block;
        border: none;
    }
    .add_form input {
        border: 2px solid #ddd;
        margin-bottom: 10px;
    }
    .add_form select {
        padding: 0.5em;
        width: 90%;
        margin-bottom: 10px;               
    }
    .add_form .wide_button {
        margin-bottom: 30px;
        padding: 2em 4em;
        font-size: 1.2em;
    }
    .overflow {
        width:100%;
    }
    .ipt10, .ipt20{
        width:90%;
    }
    /* 反社チェック */
    .asfCheck{
        padding: 1em 5%;
    }
    .asfCheck .checkWrap {
        padding: 4em 2em;
        display: block;
        float: left;    
    }
    .asfCheck .textWrap {
        display: block;
        width: 100%;
    }
    .asfCheck .textWrap .text{
        font-size:0.9em;
    }

    .url_link{
        width: 80%;
    }

    .p_inner p{
        width: 100%;
    }

    /*********************************/
    /*          資料リスト           */
    /*********************************/

    #adlist_body .ad_list_row {
        width: 100%;
        flex-direction: column;
    }

    #adlist_body .ad_list_row .row_item {
        width: 100%;
    }

    #adlist_body .ad_list{
        width:100%;
        box-sizing: border-box;
    }

    #adlist_body .view_settings {
        flex-direction: column;
    }

    #adlist_body .switch_view_setting {
        margin-bottom: 10px;
    }

    #adlist_body .ad_list th{
        display:none;
    }

    #adlist_body .ad_list .tb_hd{
        display: block;
        height: 2em;
        text-indent: 101%;
        overflow: hidden;
    }

    #adlist_body .ad_list td{
        display:block;
    }
    #adlist_body .ad_list td .media_content p{
        margin: 1rem;
    }

    .ad_list td.media_name {
        padding-top: 20px;
    }
    
    #adlist_body .media_name .capWrp{
        text-align:center;
    }

    #adlist_body .media_name .fsSmall{
        text-align:right;
    }

    #adlist_body .media_name .unDlIcon{
        top: 10px;
        left: 10px;
    }

    #adlist_body #ad_type_list{
        width: 100%;
        box-sizing: border-box;
        background: none;
    }

    #adlist_body #ad_type_list h2 {
        width:96%;
        height: 1.7em;
        margin-top: 10px;
        border: none;
        padding: 0.4em 0 0 0.8em;
        border-radius: 0.5em;
        background-color: #ddd;
        font-size: 1.4em;
        text-decoration: none;
        background-image: none;
        text-indent: 0%;
    }

    #adlist_body #ad_type_list .ad_type_list_inner {
        padding: 40px 10px 13px;
        font-size: 1.5rem;
        line-height: 3rem;
    }
    #adlist_body #ad_type_list .ad_type_list_inner h3 {
        padding: 3px 0 2px 2rem;
        fonts-size: 2rem;
        margin-top: 5px;
    }

    #adlist_body #ad_type_list .keyword_search {
        position: absolute;
        top: 40px;
        right: 5px;
    }

    /* モーダル */
    .dlLinkContainer #modal-content{
        left: 0;
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    /*******************************/
    /*          ボタン              */
    /******************************/
    .list-btn-sub-text {
        width: 100%;
    }

    /*********************************/
    /*          会社ページ            */
    /*********************************/

    #company_body .ad_list{
        width:100%;
        box-sizing: border-box;
    }

    #company_body .detail_view_setting{
        float:right;
        margin-bottom: 20px;
    }

    #company_body .ad_list th{
        display:none;
    }

    #company_body .ad_list .tb_hd{
        display: block;
        height: 2em;
        text-indent: 101%;
        overflow: hidden;
    }

    #company_body .ad_list td{
        display:block;
    }

    .ad_list td.media_name {
        padding-top: 20px;
    }
    
    #company_body .media_name .capWrp{
        text-align:center;
    }

    #company_body .media_name .fsSmall{
        text-align:right;
    }

    #company_body .media_name .unDlIcon{
        top: 10px;
        left: 10px;
    }

    #company_body #ad_type_list{
        width: 100%;
        box-sizing: border-box;
        background: none;
    }

    #company_body #ad_type_list h2 {
        width:96%;
        height: 1.7em;
        margin-top: 10px;
        border: none;
        padding: 0.4em 0 0 0.8em;
        border-radius: 0.5em;
        background-color: #ddd;
        font-size: 1.4em;
        text-decoration: none;
        background-image: none;
        text-indent: 0%;
    }

    #company_body #ad_type_list .ad_type_list_inner {
        padding: 40px 10px 13px;
        font-size: 1rem;
    }

    #company_body #ad_type_list .keyword_search {
        position: absolute;
        top: 40px;
        right: 5px;
    }

    .company_info{
        width:100%;
        border: none;
    }    
    .company_info th {
        width: auto;
    }

    .company_info th, .company_info td{
        display:block;
        border: none;
    }
    .company_info input {
        border: 2px solid #ddd;
        margin-bottom: 10px;
    }
    .company_info select {
        padding: 0.5em;
        width: 90%;
        margin-bottom: 10px;               
    }
    .post .wide_button {
        padding: 2em 4em;
        font-size: 1.2em;
    }

    .company_info textarea{
        width:100%;
    }

    /*********************************/
    /*          資料検索           */
    /*********************************/

    #adsearch_body .ad_list{
        width:100%;
        box-sizing: border-box;
    }

    #adsearch_body .detail_view_setting{
        float:right;
        margin-bottom: 20px;
    }

    #adsearch_body .ad_list th{
        display:none;
    }

    #adsearch_body .ad_list td{
        display:block;
    }

    #adsearch_body .media_name .capWrp{
        text-align:center;
    }

    #adsearch_body .media_name .fsSmall{
        text-align:right;
    }

    #adsearch_body .media_name .unDlIcon,
    .media_name .batchDlIcon{
        top: 3px;
        left: 45px;
    }

    #adsearch_body #ad_type_list{
        width: 100%;
        box-sizing: border-box;
        background: none;
    }

    #adsearch_body #ad_type_list h2 {
        width:96%;
        height: 1.7em;
        margin-top: 10px;
        border: none;
        padding: 0.4em 0 0 0.8em;
        border-radius: 0.5em;
        background-color: #ddd;
        font-size: 1.4em;
        text-decoration: none;
        background-image: none;
        text-indent: 0%;
    }

    #adsearch_body #ad_type_list .ad_type_list_inner {
        padding: 30px 10px 13px;
    }

    #adsearch_body #ad_type_list .keyword_search {
        position: absolute;
        top: 40px;
        right: 5px;
    }

    .dlLinkContainer .dl_wrap ul li a.adsearch{
        width: auto;
    }
    .dlLinkContainer .dl_wrap ul li span.adsearch{
        width: auto;
        font-size: 12px;
        height: auto;
    }
    .big-dl .dl_wrap ul li span.adsearch {
        font-size: 20px;
    }

    /*********************************/
    /*          ランキング           */
    /*********************************/
    #rankList .box .dlLinkContainer .dl_wrap{
        width:100%;
    }
    .dlLinkContainer .dl_wrap ul li {
        overflow-wrap: break-word;
    }

    /*********************************/
    /*         セミナー一覧          */
    /*********************************/

    #seminarlist_body #sec_contents{
        margin-bottom: 10px;
        float:none;
    }
    #seminarlist_body #seminar_list .lead_wrp{
        padding: 0 0 10px;
        margin: 0 0 10px;
    }
    #seminarlist_body #seminar_list .lead_wrp h1{
        margin: 0 0 10px;
        font-size: 2rem;
        width: 100%;
        height: 8rem;
    }
    #seminarlist_body #seminar_list .seminar-search-wrp{
        top: 3.5rem;    
    }
    #seminar_list .item .summary{
        width:100%;
        box-sizing: border-box;
    }
    #seminar_list .item .seminar_title {
        font-size: 1.6rem;
    }

    #seminar_keyword {
        font-size: 1.6rem;
        border: 2px solid #000;
        border-radius: 4px;
        background-color: #FFF;
    }
    #seminar_search {
        display:none;
    }

    #seminar_list .item .close_date span {
        width: auto;
        margin: 0px 10px 0px 0px;
    }

    #seminar_list .item .seminar_img {
        max-width: 100%;
        max-height: initial;
    }

    #seminar_list .item .summary {
        max-width: 100%;
        display:block;
        margin: 20px 0px 20px 0px;
        font-size: 1.4rem;
    }

    #seminar_list .item .summary p {
      overflow-wrap: break-word;
    }

    #seminar_list .item .summary span {
        width: auto;
        margin-right: 10px;
    }

    #seminar_list .entry_button.submit_seminer_entry{
        padding: 10px 30px;
    }

    /*******************************/
    /*     ハンバーガーメニュー   */
    /******************************/

    .burgerBox{
        display:block;
    }

    /*ハンバーガーアイコン*/
    .btn-burger {
        cursor: pointer;
        display: block;
        width: 30px;
        height: 30px;
        position: fixed;
        top: 20px;
        right: 10px;
        padding: 10px;
        z-index: 10;
    }

    .iconback{
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 30px;
        height: 30px;
        border-radius: 10px;
        background-color: #FFF;
        opacity: 0.8;
        display: block;
        margin: 5px;
        padding: 5px;  
    }

    /*ハンバーガーアイコンを作る三本線*/
    .icon, .icon:before, .icon:after {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        height: 2px; /*線の太さ*/
        width: 24px; /*線の長さ*/
        background-color: #444;
        border-radius: 2px;
        display: block;
        content: '';
        cursor: pointer;
        margin: auto;
        z-index: 11;
    }

    /*三本線の間隔*/
    .icon:before {
    top: 15px;
    }
    .icon:after {
    top: -15px;
    }

    /*チェックボックス非表示*/
    .burgnav-toggle {
        display: none;
    }

    /*アイコンをクリックしたら*/
    .burgnav-toggle:checked ~ .btn-burger .icon {
        background: transparent;
    }
    .burgnav-toggle:checked ~ .btn-burger .icon:before {
        transform: rotate(-45deg);
        top: 0;
    }
    .burgnav-toggle:checked ~ .btn-burger .icon:after {
        transform: rotate(45deg);
        top: 0;
    }
    .burgnav-toggle:checked ~ .burgnav {
        display: block;
    }
    .burgnav-toggle:checked ~ .burgnav .burgnav-list {
        display: block;
    }
    .burgnav-toggle:checked ~ .burgnav .burgnav-head {
        display: block;
    }

    .icon,
    .icon:before,
    .icon:after {
        transition: all .8s;
    }

    /*中身*/
    .burgnav {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background-color: #46629E;
        opacity: 0.95;
        position: fixed;
        top: 77px;
        left: 0px;
        color: #FFF;
        z-index: 20;
        display :none;
    }
    .burgnav-head{
        display:none;
        padding: 1em 2em 0em 1em;
        font-size: 1.2em;
    }
    .burgnav-list {
        list-style: none;
        display: none;
        margin: 0;
        padding: 0em 2em 1em 2em;
    }
    .burgnav-list li {
        margin: 0;
        border-bottom: 1px dashed #FFF;
        font-weight: bold;
        font-size: 1.1em;
    }
    .burgnav-list a {
        display: block;
        text-decoration: none;
        color: #FFF;
        padding: 1.3em 1em 1.3em 1em;
    }
    .burgnav-list.advertiser, .burgnav-head.advertiser {
        background-color: #3D9EAC;
    }
    .burgnav-list.agency, .burgnav-head.agency {
        background-color: #46629E;
    }

    /*******************************/
    /*        検索ボックス         */
    /******************************/
    .spSearchBox{
        display:block;
        width:100%;
    }
    .spSearchBox input{
        width: 100%;
        margin: 4% 0 0 0;
        padding: 1em 1em;
        border: 2px solid #000;
        border-radius: 4px;
        font-size: 1.6rem;
        transform: scale(0.9);
        background-color: #FFF;
    }
    .spSearchBox.fixed{
        min-height: 77px;
        border-radius: 4px;
        position: fixed;
        padding: 0;
        top : 0;
        left: 0;
        z-index: 10;
        background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
        box-shadow: 0px 3px 3px #ccc;
    }
    .spSearchBox.fixed input{
        width: 80%;
        margin: 4% 2%;
        padding: 1em 1em;
        border-radius: 4px;
    }
    .btn-burger.fixed {
        top: 12px;
    }

    /*******************************/
    /*     サイドバー               */
    /******************************/
    #nav_interview .img_wrap img,
    #nav_case .img_wrap img {
        object-fit: contain;
        padding: 7px;
        border: 1px solid #eee;
    }

    /*******************************/
    /*     ツギノジダイヘッダー       */
    /******************************/
    .smbiz_header {
        margin: 10px 0px 20px 0px;
    }
    .smbiz_header span{
        font-size: 1.2em;
        margin: 0px 0px 0px 5px;
    }
    .smbiz_header img{
        float:left;
        width: 60%;
    }    

    /*******************************/
    /*          動画一覧            */
    /******************************/

    div#sec_contents_no_sidebar {
        width: 100% !important;
        padding: 0px 3% 0px 3% !important;
        height: auto;
        clear: both;
        box-sizing: border-box;
        float: none;
    }
    #videolist_body #video_list .lead_wrp {
        padding: 0 0 10px;
        margin: 0 0 10px;
    }
    #videolist_body #video_list .lead_wrp h1 {
        margin: 0 0 10px;
        font-size: 2rem;
        width: 100%;
    }
    #videolist_body #video_list .lead_wrp .inner_head_wrp {
        position: relative;
    }
    #videolist_body #video_list .lead_wrp .inner_head_wrp .description {
        width: 100%;
        clear: both;
    }
    #videolist_body #video_list .video-search-wrp {
        margin-bottom: 1rem;
    }

    #videolist_body #video_list .video_category_wrep {
        width: 100%;
        clear: both;
    }

    #videolist_body #video_list .display_video_category_wrep label {
        font-size: 1.6rem;
    }

    #videolist_body #video_list #video_search_keyword {
        font-size: 1.6rem;
        border: 2px solid #000;
        border-radius: 4px;
        background-color: #FFF;
    }
    #videolist_body #video_list #video_search {
        display: none;
    }

    #videolist_body #video_list  .video_item_wrap {
        width: 100%;
    }
    #videolist_body #video_list .video_item {
        width: 100%;
        padding-top: 1rem;
        margin-bottom: 5%;
        margin-top: 0;
        border-top: 1px solid #eee;
    }
    #videolist_body #video_list .video_item .video_title {
        font-size: 1.8rem;
        width: 95%;
        padding-left: 2%;
    }
    #videolist_body #video_list .video_item .agency {
        font-size: 1.5rem;
        width: 95%;
        text-align: right;
        padding-right: 5%;
        padding-top: 3%;
    }
 
    #videolist_body #video_list .video_item.show_description .agency {
        font-size: 0.6rem;
    }
    .video_item.show_description .video_description {
        -webkit-line-clamp: 6;
    }

    /*******************************/
    /*          動画詳細            */
    /******************************/

    #sec_contents .video_title {
        margin-top: 20px;
        font-size: 2.5rem;
    }
    #sec_contents .video_company {
        margin: 0 0.5rem 0 0.5rem;
        padding: 0;
    }

    #sec_contents .chapter_box {
        font-size: 1.8rem;
        padding: 1.5rem 0 1.5rem 2.5rem;
    }

    #sec_contents .chapter_box li {
        font-size: 1.2rem;
    }

    #sec_contents .video_description span {
        font-weight: bold;
        font-size: 1.6rem;
        padding-top: 1.6rem;
    }

    #sec_contents .video_description p {
        font-size: 1.2rem;
        padding: 1rem;
    }

    #sec_contents .video_profile span {
        font-weight: bold;
        font-size: 1.6rem;
    }

    #sec_contents .video_profile .video_profile_child {
        margin: 2rem;
        border-top: 1px solid #bdbdbd;
        padding-top: 2rem;
        display: block;
    }

    #sec_contents .video_profile .video_profile_child .video_profile_img {
        width: 100%;
        padding-top: 0;
        margin-right: 2rem;
        display:flex;
    }
    #sec_contents .video_profile .video_profile_child .video_profile_img img {
        margin: 0 auto;
    }
    #sec_contents .video_profile .video_profile_child .video_profile_introduction{
    }
    #sec_contents .video_profile .video_profile_child .video_profile_introduction .company_name{
        margin: 0 auto;
        font-size: 1.6rem;
        text-align: center;
    }
    #sec_contents .video_profile .video_profile_child .video_profile_introduction .term_name{
        margin: 0 auto;
        font-size: 1.2rem;
        text-align: center;
    }
    #sec_contents .video_profile .video_profile_child .video_profile_introduction .profile_name{
        font-size: 1.8rem;
        line-height: 4rem;
        margin: 0 auto;
        text-align: center;
    }

    #sec_contents .video_profile .video_profile_child .video_profile_introduction .profile_text {
        margin: 0 auto;
        font-weight: normal;
        font-size: 1.2rem;
        text-align: center;
    }

    #modal-wrp .video_notification_modal{
        border-radius: 20px;
        border: none;
        z-index: 20;
    }

    #modal-wrp .modal-content .login form .btn_center .btn {
        font-size: 1.4rem;
        padding: 10px 100px;
    }

    #modal-wrp .modal-content .video_agreement .notification {
        width: 90%;
        margin: 10px auto;
    }

    #modal-wrp .modal-content .login form .formItemInput label span {
        width: 100%;
        font-size: 1.4rem;
    }

    #modal-wrp .modal-content .login form .formItemInput label input {
        width: 100%;
    }

    #modal-wrp .modal-content .login form .cookie_check{
        font-size: 1.4rem;
        text-align: center;
    }

    #sec_contents_no_sidebar .videoSearchListKeyword { /* 動画セミナーキーワード */
        display: block;
    }

    .video_item.show_description .video_detail_link {
        margin-bottom: 1rem;
    }
    #sec_contents_no_sidebar .lead_wrp .detail_view_setting {
        clear: both;
    }
}