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

600pxここから

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

@media(max-width:600px){
    
    *{
        
        max-width: 100%;
        box-sizing: border-box;
    }   

    .sp_content{
        display: block !important;
    }
    .pc_content{
        display: none !important;
    }    
/***************************
    
    common
    
*************************/
    
    /*********100% 調整************/
    
    body{
        width: 100%;
        overflow-x: hidden;
        min-width: 100%;
    }
    
    .mainimage {
    width: 100%;
    margin-top: 70px;
    }
    
    .w1024 {
        width: 100%;
    }
    
    #header_nav {
    width: 100%;
        background: #fff;
        display: block;
        right: 0;
        top: 65px;
    }
    
    .top_movie_area{
       width: 100%; 
    }
    .footer_area{
        width: 100%;
    }
    .news_area{
        width: 100%;
    }
    .news_ir{
        width: 100%;
    }
    
    /******************************/
    
    section{
        padding: 15px;
    }
    
    /*******************************
    
    header
    
    ********************************/
    
    .header_field1{
        height: 70px;
        position: relative;
        position: fixed;
        top: 0;
        border-top: 4px solid #006EA8;
        width: 100%;
        z-index: 99;
        background: #fff;
    }
    
    .header_logo {
    position: absolute;
    top: 10px;
    left: 10px;
    }
    
    .header_sitemap{
        right: 65px;
    }
    
    #header_nav{
        display: none;
    }
    #header_nav .center {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    }
    
    .cate_navi li {
    width: 100%;
    float: left;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    border-right: none;
        border-bottom: 1px solid  #ccc;
    border-left: none;
    transform: none;
    }
    .cate_navi li + li {
    border-right: none;
    border-left: none;
    }
    
    .cate_navi li a{
        transform: none;
    }
    .spbtn{
        position: absolute;
        display: block;
        top: 10px;
        right: 10px;
        height: 45px;
        width: 45px;
        cursor: pointer;
        background: #f1f1f1;
    }
    
    .spbtn:before{
        position: absolute;
        top: 5px;
        left: 10px;
        font-size: 34px;
        content: "\f32a";
        font-family: ionicons;
    }
    /********************************
    
    slider
    
    ***********************************/
    
    .bx-wrapper img {
    height: auto;
    }
    
    /**********************************
    
    news
    
    ***********************************/
    
    .news_ir{
        margin: 0;
        border: none;
    }
    .news_pr{
        width: 100%;
        margin: 0;
        border: none;
    }
    .news_img1{
        padding-bottom: 20px;
    }
    
    .news table {
    width: 100%;
    table-layout: fixed;
    }
    
    .news table td:first-child{
        width: 25%;
    }
    
    .news table td:nth-child(2) {
    width: 67%;
    }
    
    .news table td {
    white-space: normal !important;
    vertical-align: middle;
    }
    
    .news_btn{
        margin: 20px auto 30px;
        padding-bottom: 0;
    }
    
    /*********************************
    
    top contents
    
    *********************************/
    
    .top_content_area{
        padding-top: 0px;
    }
    
    .top_content_field2{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }
    .top_content_list_img{
        margin-bottom: 15px;
    }
    
    /*******************************
    
    top movie
    
    *******************************/
    
    .top_movie_area{
        padding-top: 0;
    }
    
    .top_movie1{
        padding-right: 0;    
        margin-bottom: 20px;
    }
    
    .top_movie2,.top_movie3{
        padding-bottom: 0;
        margin: 20px auto;float: none;
        border: 1px solid #ccc;
    }
    
    /*******************************************************
    
    サブページ共通
    
    *********************************************************/
    
    .pan {
    border-top: solid 1px #353E47;
    padding-top: 10px;
    margin-top: 70px;
    }
    
    /********************************
    
    outline 会社概要
    
    *******************************/
    
    .outline_area{
        padding-top: 20px;
    }
    .outline_table table {
    width: 100%;
    table-layout: fixed;
    }
    .outline_table table tr{
        width: 100%;
        padding: 0;
    }
    .outline_table table td{
        padding: 15px ;
    }
    .outline_table table tr td:first-child{
        width: 100px;
        padding: 15px 0px 15px 15px;
    }
    
    /**********************************
    
    sevice 事業内容
    
    **********************************/
    
    .service_area{
        padding-top: 20px;
    }
    
    .service_list {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex !important;
    flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .service_list a {
    text-decoration: none;
    width: 50%;
    padding: 15px 0px;
    text-align: center;
    }
    
    .service_list img {
    margin: 0;
        display: block;
        margin: 0 auto;
    }
    
    /********************************
    
    pr プレスリリース
    
    *******************************/
    
    .pr_area {
    width: 100%;
    padding-top: 20px;
    }
    
    .pr_table table {
    width: 100%;
    margin: 25px auto;
    }
    
    /*********************************
    
    ir IRリリース
    
    ************************************/
    
    .ir_area{
        padding-top: 20px;
    }
    
    .ir_table table {
    width: 100%;
    margin: 30px auto;
    }
    
    /***********************************
    
    contact お問い合わせ
    
    ***********************************/
    
    .contact_area{
        padding-top: 20px;
    }
    
    .contact_form table {
    width: 100%;
    margin: 30px auto;
    }    
    
    .contact_form table,.contact_form table tbody,.contact_form table tr,.contact_form table th,.contact_form table td{
        display: block;
        width: 100% !important;
    }
    
    .contact_form table td{
        padding: 10px 0;
    }
    
    .contact_form table tr td:first-child:before{
        content: '■';
    }
    
    .contact_form table tr{
        margin-bottom: 0;
    }
    .contact_text3 {
        margin-bottom: 30px;
    }
    .contact_form{
        margin-bottom: 30px;
        padding-bottom: 40px;
    }
    
    /********************************
    
    company
    
    ********************************/
    
    .company_area{
        padding-top: 20px;
    }
    
    /********************************
    
    history 沿革
    
    *********************************/
    
    .history_area{
        padding-top: 20px;
    }
    
    .history_table {
    border: 2px solid #1578CB;
    width: 100%;
    margin: 30px auto;
    }
    
    .history_table td:first-child {
    width: 25%;
    }
    
    .history_table tr td:nth-child(1){
        padding-right: 0;
    }
    
    /********************************
    
    privacy
    
    *********************************/
    
    .privacy_area{
        padding-top: 20px;
    }
    
    /********************************
    
    security
    
    *********************************/
    
    .security_area{
        padding-top: 20px;
    }
    
    /**********************************
    
    fr report
    
    ***********************************/
    
    .financialreport_area{
        padding-top: 20px;
    }
    
    /*********************************
    
    fr
    
    ***********************************/
    
    .finance_area{
        padding-top: 20px;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-bottom: 30px;
    }
    
    .finance_table{
        width: 540px;
    }
    
    .finance_table tbody{
        
    }
    
    .finance_table .cell1{
        width: 10%;
    }
    
    .finance_area #pageTop{
        
        bottom: -0px;
    }
    /*********************************
    
    document
    
    ********************************/
    
    .document_area{
        padding-top: 20px;
    }
    
    .document_table table {
    width: 100%;
    }
    
    /********************************
    
    epn
    
    *********************************/
    
    .epn_area{
        padding-top: 20px;
    }
    
    .epe_table table{
        width: 100%;
    }

	
    /********************************
    
    analystreport
    
    *********************************/
    
    .analystreport_area{
        padding-top: 20px;
    }
    
    .analystreport_table table{
        width: 100%;
    }
	
	
    /*********************************
    
    stockholder
    
    *********************************/
    
    .stockholder_area{
        padding-top: 20px;
    }
    
    .stockholder_table {
    width: 100%;
}
    
    .stockholder_table ,.stockholder_table tbody ,.stockholder_table th ,.stockholder_table tr,.stockholder_table td{
        display: block;
        width: 100%;
    }
    
    /********************************
    
    calender
    
    **********************************/
    
    .calendar_area{
        padding-top: 20px;
    }
    
    .calendar_table table {
    width: 100%;
    }
    
    /**********************************
    
    免責
    
    **********************************/
    
    .disclaimer_area{
        padding-top: 20px;
    }
    
    /*********************************
    
    group
    
    ********************************/
    
    .group_area{
        padding-top: 20px;
    }
    .group_tl h3{
        width: 100%; 
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .group_contents {
    display: flex;
    width: 100%;
    padding: 10px 0px;
    flex-wrap: wrap;
    justify-content: center;
    }
    .group_contents div:first-child {
    width: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    }
    .group_contents ul{
    margin-top: 20px;
    }
    .group_contents li:last-child {
    margin-bottom: 0px;
    line-height: 1.8;
    }
    
    .group_contents div:last-child{
        display: block;
        width: 100%;
    }
    /********************************
    
    recruit
    
    **********************************/
    
    .recruit_area{
        padding-top: 20px;
    }
    
    .recruit_text2{
        line-height: 1.6;
    }
    .recruit_infobox{
        padding: 0;
    }
    .recruit_infotbl,.recruit_infotbl tbody,.recruit_infotbl tr,.recruit_infotbl th,.recruit_infotbl td{
        display: block;
        width: 100% !important;
    }
    
    .recruit_infotbl th{
        background: #f1f1f1;
    }
    
    .recruit_btn {
    padding: 15px 0 15px 0;
    }
    
    /********************************
    
    content
    
    **********************************/
    
    .content_area{
        padding-top: 20px;
    }
    
    /********************************
    
    movie
    
    *******************************/
    
    .movie_area{
        padding-top: 20px;
    }
    
    .movie_list iframe{
        margin: 20px 0;
        width: 100%;
        float: none;
        height: 200px;
        display: block;
    }
    
    /********************************
    
    sitemap
    
    ********************************/
    
    .sitemap_area{
        padding-top: 20px;
    }
    
    .sitemap_field1 {
    width: 100%;
    float: none;
    margin: 20px 0;
    }
    
    .sitemap_field1 br{
        line-height: 0.5;
        display: block;
    }
    
    /*******************************
    
    entory
    
    *********************************/
    
    .entry_area{
        padding-top: 20px;
    }
    
    .entry_form table{
        width: 100%;
    }
    
    .entry_form table,.entry_form table tbody,.entry_form table tr,.entry_form table td,.entry_form table th{
        display: block;
        width: 100%;
    }
    
    .entry_form table tr td:nth-child(1){
        margin-bottom: 10px;
    }
    
    .entry_form table tr td:nth-child(1):before{
        content: '■';
        margin-right: 5px;
    }
    
    td{
        word-break: break-all;
    }
    /********************************
    
    footer
    
    ********************************/
    
    #pageTop {
    position: absolute;
    bottom: -20px;
    right: 0px;
    border: 1px solid #ccc;
    padding: 10px;
    }
    
    footer{
        border-bottom: 0;
    }
    .footer_area {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 20px;
    }
    
    .footer_icon{
        display: none;
    }
    
    .footer_field2,
    .footer_field3,
    .footer_field4{
    width: 100%;
    float: none;
    padding-left: 30px;
    padding-top: 30px;
}
}/***************600pxここまで***********/