<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*================================================
●レスポンシブデザイン.css  画面の横幅が769pxまで
===============================================*/
@media screen and (max-width:769px){

    #outlines-box img{
        max-width: 100%;
        height: auto;
        width: auto;
    }

    #container{
        width: 100%;
    }
        
    body{
        font-size: 14px;
        line-height: 28px;
    }
        
    .mm_pc{
        display: none;
    }
        
    .mm_sp{
        display: block;
    }
        
    h2{
        margin:auto;
        line-height: 32px;
        font-size: 160%;
    }
        
        
    img{
        max-width: 100%;
        height: auto;
    }
    
    .mm_original_2017_logo--001 {
        width: 40%;
        margin: 10px 0 -5px;
    }
    
    .mm_original_2017_h-contact_box--001 {
        width: 100%;
        margin-top: 10px;
    }
        
    .mm_original_2017_h-contact_box--001 a{
        font-size: 80%;
    }


    .mm_original_2017_h-contact_box--002 {
        width: 100%;
        *width: 50%;
        margin-top: 10px;
    }
        
    .mm_original_2017_h-contact_box--002 a{
        font-size: 80%;
    }


        
    .mm_original_2017_content_area--001 {
        width: 95%;
    }
        
    .mm_original_2017_h-contact_box--001 a {
        line-height: 30px;
        margin: 0 0 10px;
    }

    .mm_original_2017_content_area--002 {
        width: 95%;
    }
        
    .mm_original_2017_h-contact_box--002 a {
        line-height: 30px;
        margin: -18px 0 0px;
    }



.flex {
	display: flex;
	flex-direction: column;
	*flex-direction: row;
        float: right;
	width: 45%;
}
.order01 {
	order: 1;
}

.order02 {
	order: 2;
}

        
    .mm-original_2017_catch--001 {
        width: 90%;
        font-size: 125%;
        height: 30vh;
        line-height: 35px;
    }
        
    .mm_original_2017_MV_bg--001{
        max-height: 100vh;
    }
    
    .global_Nav {
        width: 100%;
        margin-bottom: 40px;
    }
        
    .global_Nav li{
        width: 48%;
        float: left;
        margin: 0 1%;
        font-size: 85%;
    }
        
    .global_Nav li a{
        line-height: 35px;
        text-align: center;
        border-bottom: 1px solid #fff;
    }
        
    .mm_original_sp_gnav_width--001{
        width: 100%!important;
    }
        
    .top_banner .textbox{
        width: 82%;
        padding: 20px 6.5%;
    }
        
    .mm_original_2017_header-area2 {
        margin: 0px 0;
    }
        
    .mm_original_2017_header-area{
        height: auto;
    }
        
    .box, .blog-center, .news_scroll-center {
        width: 95%;
        margin: 20px auto 65px;
    }
        
    .mm-sp_table_layout--001 td {
        display: block;
        width: auto;
        border-bottom: 1px dotted #ddd;
        text-indent: 15px;
    }
        
    form {
        width: 90%;
        margin: auto;
    }
    
    .company_info-center table th,
    .company_info-center table td,
    .contact-center form table th,
    .contact-center form table td{
        display: block;
        width: auto;
        padding: 15px 5%;
    }
        
    .contact-center form table th,
    .contact-center form table td{
        line-height: 20px;
        padding: 5px 5%;
    }
        
    .contact-center form table th{
        border-bottom: 0 solid #fff;
    }
        
    .company_info-center table th,
    .company_info-center table td{
        border: 0 solid #fff;
    }
        
    .company_info-center table th{
        line-height: 0;
    }
        
    .contact-center form table td iframe{
        width: 100%;
    }
        
    .contact-center .input textarea{
        width: 100%;
    }
        
    .contact-center p {
        text-align: left;
    }
        
    .mm-original_footre_i_name--001{
        text-indent: 0;
        font-size: 105%;
        margin-top: 0;
        padding: 10px 2%;        
    }
        
    .mm-original_footre_i_box--001{
        width: auto;
    }
        
    .mm-original_footre_i_box--002{
        width: 90%;
    }
        
    .mm-original_footre_i_box--001 {
        font-size: 100%;
        margin-top: 0px;
    }
        
    .mm-original_footer_menu{
        padding: 8px 0;
    }
        
    .mm-original_footre_i_copyright{
        font-size: 80%;
    }
        
    .mm-original_footer_menu ul{
        justify-content: left;
    }
        
    .mm-original_footer_menu li a{
        line-height: 30px;
    }
    
    .blog-content{
        word-break: break-all;
    }
    
    
    
    /* 20171116更新として追加 */
    table.table_02 {
        width: 90%;
        margin: 30px auto 0;
    }
    
    table.table_02 td.td_02 {
        padding: 30px 2% 28px; 
    }
        
    table.table_02 td.td_01{
        padding: 50px 2% 0;
    }
    
    .table_01 td.td_01 img {
        width: 100%!important;
        height: 300px!important;
    }
    
    .bg_01 {
        height: auto;
    }
    
    .mm-original_layout--001,
    .mm-original_layout--002{
        width: auto;
        height: 265px;
    }
        
    .mm-original_content_box--001{
        margin-bottom: 0;
    }
        
    .mm-original_content_width--001{
        width: 100%;
    }
    
    .flex-sp-content {
        display: flex;
        flex-direction: column;
    }
        
    .flex-sp--001 {
        order: 1;
    }
        
    .flex-sp--002 {
        order: 2;
    }
        
    .mm-original_layout--002 a{
        width: auto;
        padding: 32px 5%;
        line-height: 25px;
    }
    
    .mm-original_layout_bg-color--001{
        border: 2px #a14797 solid;
    }
    
    .mm-original_layout_bg-color--001:hover{
        border: 2px #fff solid;
    }
    
    .mm-original_item_box--001{
        width: 47%;
    }
        
    .mm-original_item_img-001 img{
        height: 180px;
    }
        
    .news_scroll-center dd{
        margin-left: 5%;
        width: 95%;
    }
        
    .news_scroll-center dt{
        width: 100%;
    }
        
    .mm-original_title--003{
        font-size: 170%;
    }
        
    .mm-original_layout--002 a{
        line-height: 22px;
    }
        
    .mm-original_footre_i_contact_button--001 a{
        font-size: 135%;
        line-height: 35px;
    }
        
    .mm-original_footre_i_tel--001{
        font-size: 200%;
    }
        
    .input-text-s, .input-text-m, .input-text-l, .input .textarea{
        width: 95%;
    }

    /* 2019年12月対応 */
    .mm-original_layout--003 {
        width: 100%;
        padding: 10px;
    }

    td.mm-original--td-content{
        padding: 0;
    }

    .mm-original-content-title{
        width: 100%;
    }
}</pre></body></html>