@media screen and (max-width: 750px) {
    .sp_hidden {
        display: none
    }
    .pc_hidden {
        display: inline
    }
    p {
        padding: 0;
        margin: 0;
    }
    /*font-face*/
    @font-face {
        font-family: 'condenseicon';
        src: url('../font/CONDENSEicon.ttf') format('truetype'), url('../font/CONDENSEicon.otf') format('opentype'), url('../font/CONDENSEicon.woff') format('woff');
    }
    @font-face {
        font-family: 'LigatureSymbols';
        src: url('../font/LigatureSymbols-2.11.eot');
        src: url('../font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'), url('../font/LigatureSymbols-2.11.woff') format('woff'), url('../font/LigatureSymbols-2.11.ttf') format('truetype'), url('../font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    body {
        -webkit-text-size-adjust: none;
        font-family: 'Noto Sans JP', sans-serif, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        color: #222 !important;
        font-size: 10pt !important;
        line-height: 160% !important;
        text-align: left;
        letter-spacing: 1pt;
    }
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .switch {
        visibility: hidden;
    }
    .imgall {
        max-width: 100%;
        height: auto;
    }
    img, iframe {
        vertical-align: bottom;
    }
    #wrap {
        background: #fff;
    }
    #ind #contents {
        margin: 0px auto 0;
        padding: 0 0px;
    }
    .sec #contents {
        padding: 20px 0px;
        margin: 0 auto;
        width: 90%;
    }
    #contents img {
        max-width: 100%;
        width: auto;
    }
    ol {
        margin: 0;
        padding: 0;
    }
    ul {
        margin: 0;
        padding: 0;
    }
    ol.un {
        padding-bottom: 20px;
    }
    ol.un li {
        margin-left: 1.5em;
    }
    .table_basic {
        border-collapse: separate;
        border-spacing: 1px;
        background: #ded7cd;
        border-style: none;
        width: 100%;
        table-layout: fixed;
    }
    .table_basic th {
        background-color: #f9f6f1;
        padding: 10px;
        font-weight: normal;
        text-align: left;
        display: block;
        width: 100% !important;
    }
    .table_basic td {
        background-color: #FFF;
        padding: 10px;
        display: block;
        width: 100% !important;
    }
    .table_basic td .full {
        width: 100%;
    }
    .table_basic td textarea {
        width: 100%;
        height: 120px;
    }
    .scrool-table table {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .table_scrool {
        border-collapse: separate;
        border-spacing: 1px;
        background: #ddd;
        border-style: none;
        width: 100%;
    }
    .table_scrool th {
        background-color: #f3f3f3;
        padding: 8px;
        font-weight: normal;
        border-top: 1px solid #FFF;
        text-align: left;
    }
    .table_scrool td {
        background-color: #FFF;
        padding: 8px;
        border-top: 1px solid #FFF;
    }
    .table_scrool td img {}
    .right {
        text-align: right;
    }
    .cen {
        text-align: center;
    }
    .sp_no {
        display: none
    }
    .content_wrap {
        width: 92%;
        margin: 0 auto;
    }
    /*----------------------------------------ヘッダ----------------------------------------*/
    header {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 15px 0 20px;
    }
    header h1 {
        display: none;
    }
    header .logo {}
    header .logo img {
        width: 160px;
    }
    header .sp_nav {
        position: fixed;
        bottom: 0;
        width: 100%;
        display: flex;
        background: #774e00;
        z-index: 999999;
    }
    header .sp_nav li {
        flex: 1;
        padding: 12px 0;
    }
    header .sp_nav li + li {
        border-left: 1px solid #dbdbdb;
    }
    header .sp_nav li a {
        color: #fff;
        display: block;
    }
    header .sp_nav li:nth-child(1) a:before {
        font-family: FontAwesome;
        content: "\f095";
        font-weight: normal;
        font-size: 16pt;
    }
    header .sp_nav li:nth-child(2) a:before {
        font-family: FontAwesome;
        content: "\f0c9";
        font-weight: normal;
        font-size: 16pt;
    }
    header .sp_nav li a span {
        font-size: 10pt;
        line-height: 1.4;
        padding-top: 6px;
        display: block;
    }
    header .head_nav {
        display: none;
    }
    .menu-btn {}
    /*----------------------------------------Ｇナビ----------------------------------------*/
    nav {
        display: none;
    }
    /*----------------------------------------フッタ----------------------------------------*/
    footer {
        background: #f9f6f1;
        color: #774e00;
        padding-bottom: 74px;
        text-align: center;
    }
    footer .inner {
        padding: 17px 0px 20px;
        width: 90%;
        margin: 0 auto;
    }
    footer .flogo {
        padding-bottom: 20px;
    }
    footer .flogo img {
        width: 130px;
    }
    ol.f_nav {
        margin-bottom: 20px;
    }
    ol.f_nav li {
        margin-bottom: 7px;
    }
    ol.f_nav li a {
        border: 1px solid #b0883b;
        display: block;
        padding: 10px 10px;
        font-size: 11pt;
        line-height: 11pt;
        font-weight: 400;
        color: #774e00;
        background: #fff;
        text-align: left;
    }
    footer .tel {
        color: #774e00;
        font-size: 15pt;
        line-height: 15pt;
        margin-bottom: 5px;
        font-weight: 400;
    }
    footer .tel:before {
        font-family: 'LigatureSymbols';
        content: "\E100";
        line-height: 1;
        margin-right: 5px;
        font-weight: 300;
    }
    footer p {
        padding-bottom: 10px;
    }
    footer .icon1 span:before {
        font-family: 'LigatureSymbols';
        content: "\E08a";
        line-height: 1;
        font-weight: 300;
        color: #774e00;
        font-size: 27pt;
        line-height: 27pt;
    }
    footer .icon2 span:before {
        font-family: 'LigatureSymbols';
        content: "\E047";
        line-height: 1;
        margin-left: 20px;
        font-weight: 300;
        color: #774e00;
        font-size: 27pt;
        line-height: 27pt;
    }
    footer .icon3 span:before {
        font-family: 'LigatureSymbols';
        content: "\E155";
        line-height: 1;
        font-weight: 300;
        margin-left: 20px;
        color: #774e00;
        font-size: 27pt;
        line-height: 27pt;
    }
    .page_top {
        background: #e52bbb;
        position: fixed;
        bottom: 76px;
        right: 0px;
        display: none;
    }
    .page_top img {
        display: none;
        width: 60px;
        height: 60px;
    }
    .copy {
        text-align: center;
        font-size: 10pt;
        padding: 15px 0 80px;
    }
    /*----------------------------------------メインイメージＩＮＤＥＸ----------------------------------------*/
    #slides {
        margin: 0 auto;
    }
    /*----------------------------------------index----------------------------------------*/
    #index01 {
        text-align: center;
        padding: 30px 0 25px;
        background:
            url("../img/index01_bg_left.png") no-repeat left 10px top 50px / 80px auto, url("../img/index01_bg_right.png") no-repeat right 10px bottom 0px / 80px auto;
    }
    #index01 div {
        color: #774e00;
        align-items: center;
        font-weight: 500;
        font-size: 14pt;
        line-height: 14pt;
        letter-spacing: 1pt;
        margin-bottom: 30px;
    }
    #index01 p {
        text-align: left;
    }
    #index02 {
        background: #f9f6f1;
        padding: 20px;
    }
    #index02 div.news{
        overflow-y: scroll;
        height: 500px;
            }    
    #index02 div.box {
        background: #fff;
        border: 1px solid #dfd2c1;
        padding: 20px;
        box-sizing: border-box;
    }
    #index02 div.box + .box {
        margin-top: 20px;
    }
    #index02 div.box .tit {
        color: #774e00;
        align-items: center;
        font-weight: 400;
        font-size: 14pt;
        line-height: 14pt;
        letter-spacing: 3pt;
        margin-bottom: 20px;
        text-align: center;
        padding-bottom: 20px;
        background-image: linear-gradient(to right, #774e00, #774e00 2px, transparent 2px);
        background-size: 7px 2px;
        background-position: left bottom;
        background-repeat: repeat-x;
    }
    #index02 div..news ol {}
    #index02 div.news ol li + li {
        padding-top: 20px;
    }
    #index02 div.news ol li span {
        display: block;
    }
    #index03 {
        padding: 30px 0 0px;
    }
    #index03 .tit {
        color: #774e00;
        align-items: center;
        font-weight: 400;
        font-size: 16pt;
        line-height: 16pt;
        letter-spacing: 3pt;
        margin-bottom: 20px;
        text-align: center;
    }
    #index03 ol {}
    #index03 ol li {
        margin-bottom: 20px;
    }
    #index04 {
        background: #f6f6f6;
        padding: 15px;
        text-align: center;
        margin-bottom: 30px;
    }
    #index04 .box {}
    #index04 .box div {
        flex: 1;
    }
    #index04 .box div img {
        width: 100%;
    }
    #index04 div.txt {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        color: #fff;
        background: #2cbdb5;
        flex-flow: column;
    }
    #index04 div.txt span {
        align-items: center;
        font-weight: 500;
        font-size: 16pt;
        line-height: 16pt;
        letter-spacing: 3pt;
        margin-bottom: 15px;
    }
    #index04 div.txt p {
        margin-bottom: 15px;
    }
    #index04 div.txt a {
        display: inline-block;
        background: #fff;
        color: #2cbdb5;
        line-height: 1;
        padding: 10px 30px 12px;
    }
    
    #index05 {
        background: #f6f6f6;
        padding: 15px;
        text-align: center;
        margin-bottom: 30px;
    }
    #index05 .box {}
    #index05 .box div {
        flex: 1;
    }
    #index05 .box div img {
        width: 100%;
    }
    #index05 div.txt {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        color: #fff;
        background: #e8af34;
        flex-flow: column;
    }
    #index05 div.txt span {
        align-items: center;
        font-weight: 500;
        font-size: 16pt;
        line-height: 16pt;
        letter-spacing: 3pt;
        margin-bottom: 15px;
    }
    #index05 div.txt p {
        margin-bottom: 15px;
    }
    #index05 div.txt a {
        display: inline-block;
        background: #fff;
        color: #e8af34;
        line-height: 1;
        padding: 10px 30px 12px;
    }
    
    #index05a {
        background: #f6f6f6;
        padding: 15px;
        text-align: center;
        margin-bottom: 30px;
    }
    #index05a .box {}
    #index05a .box div {
        flex: 1;
    }
    #index05a .box div img {
        width: 100%;
    }
    #index05a div.txt {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        color: #fff;
        background: #f46c9b;
        flex-flow: column;
    }
    #index05a div.txt span {
        align-items: center;
        font-weight: 500;
        font-size: 16pt;
        line-height: 16pt;
        letter-spacing: 3pt;
        margin-bottom: 15px;
    }
    #index05a div.txt p {
        margin-bottom: 15px;
    }
    #index05a div.txt a {
        display: inline-block;
        background: #fff;
        color: #f46c9b;
        line-height: 1;
        padding: 10px 30px 12px;
    }
	
    #index05b {
        background: #f6f6f6;
        padding: 15px;
        text-align: center;
        margin-bottom: 30px;
    }
    /*--------------------------------------------------------------------------------*/
    .sec_kv {
        height: 70px;
        background: #f9f6f1 url("../img/sec_kv.jpg") no-repeat center center / cover;
    }
#body_recruit .sec_kv {
    height: 70px;
    background:#f9f6f1 url("../img/recruit_kv.jpg") no-repeat center center / cover;
}
#body_work .sec_kv {
    height: 70px;
    background:#f9f6f1 url("../img/work_kv.jpg") no-repeat center center / cover;
}
#body_message .sec_kv {
    height: 70px;
    background:#f9f6f1 url("../img/message_kv.jpg") no-repeat center center / cover;
}
#body_branch .sec_kv {
    height: 70px;
    background:#f9f6f1 url("../img/branch_kv.jpg") no-repeat center center / cover;
}
#body_contact .sec_kv {
    height: 70px;
    background:#f9f6f1 url("../img/contact_kv.jpg") no-repeat center center / cover;
}
    h2 {
        color: #774e00;
        display: block;
        text-align: center;
        font-size: 16pt;
        line-height: 16pt;
        margin-bottom: 20px;
        font-weight: 500;
        display: flex;
        align-items: center;
        letter-spacing: 3pt;
    }
    h2:before, h2:after {
        content: "";
        flex-grow: 1;
        height: 5px;
        background: #f9f6f1;
        display: block;
    }
    h2:before {
        margin-right: .6em;
    }
    h2:after {
        margin-left: .6em;
    }
    h3 {}
    h4 {}
    .mbs {
        margin-bottom: 10px;
    }
    .mbm {
        margin-bottom: 25px;
    }
    .mbl {
        margin-bottom: 40px;
    }
    .num {}
    .num li {
        padding: 0 0 5px;
        margin-left: 2em;
        list-style-type: decimal;
    }
    .disc {}
    .disc li {
        padding: 0 0 5px;
        margin-left: 2em;
        list-style-type: disc;
    }
    .check {
        padding-left: 1em; /* 文章のスタート位置。li:beforeが入るスペースを確保*/
    }
    .check li {
        position: relative;
        padding: 5px 0 5px 0.4em;
    }
    .check li:before {
        font-family: FontAwesome;
        content: "\f058";
        position: absolute;
        left: -1em; /* アイコンのスタート位置。左揃えの場合 ul のpadding-leftと同じ値 */
        color: #69a41a;
    }
	/*-----------------------------------recruit---------------------------------------------*/
	#recruit h3.tit{
	color: #774e00;
    font-weight: 500;
    font-size: 14pt;
    line-height: 14pt;
    letter-spacing: 3pt;
	}
	#recruit .recruit_list{margin:0 0 30px;}
	#recruit .recruit_list li{
		position: relative;
		padding-left: 1.25rem;
	}
	#recruit .recruit_list li::before{
	font-family: FontAwesome;
        content: "\f138";
        position: absolute;
        left: 0;
	}
	#recruit .lead{
	background: url("../img/recruit_lead_bg4.png") no-repeat right bottom / cover;
    padding:75px 20px 5px;
    margin-bottom: 30px;
	}
	#recruit .lead span{
	color: #1a8414;
    font-weight: 500;
    font-size: 14pt;
    line-height: 14pt;
    display: block;
    margin-bottom: 14px;
    letter-spacing: 1pt;
	}
    /*-----------------------------------company---------------------------------------------*/
    #company .box {
        background: url("../img/company01_bg.jpg") no-repeat center bottom / contain;
        padding: 20px 0 90px;
        text-align: center;
        margin-bottom: 30px;
    }
    #company .box span {
        color: #1a8414;
        font-weight: 500;
        font-size: 14pt;
        line-height: 14pt;
        display: block;
        margin-bottom: 24px;
        letter-spacing: 1pt;
    }
    #company .box p {
        line-height: 1.7;
        padding: 0 10%;
    }
    /*-----------------------------------message---------------------------------------------*/
    #message .box {}
    #message .box .pic {
        text-align: center;
        margin-bottom: 30px;
    }
    #message .box .txt {}
    #message .box .txt .tit {
        color: #774e00;
        font-weight: 500;
        font-size: 14pt;
        line-height: 14pt;
        letter-spacing: 3pt;
        padding-bottom: 20px;
    }
    #message .box .txt .come {
        padding-bottom: 25px;
    }
    #message .box .txt .name {
        text-align: right;
    }
    /*-----------------------------------work---------------------------------------------*/
    #work .box {
        background: #f9f6f1;
        padding: 20px 20px 1px;
    }
    #work .box .key {
        margin-bottom: 20px;
    }
    #work .box .tit {
        display: block;
        text-align: left;
        color: #774e00;
        font-weight: 500;
        font-size: 13pt;
        line-height: 1.6;
        letter-spacing: 1pt;
        text-align: center;
        padding-bottom: 20px;
    }
    #work .box .txt {
        border: 1px solid #e2d6c6;
        background: #fff;
        padding: 15px;
        margin-bottom: 30px;
    }
    #work .box .txt .txth {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f9f6f1;
        color: #774e00;
        text-align: center;
        padding: 10px 0;
        margin-bottom: 15px;
    }
    #work .box .txt ol, #work .box .txt .maker {}
    #work .box .txt ol li {
        display: flex;
        justify-content: space-between;
    }
    #work .box .txt ol li + li {
        margin-top: 10px;
    }
    #work .box .txt ol li span {
        display: block;
        width: 80px;
        background: #f4e3c0;
        color: #774e00;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #work .box .txt ol li p {
        display: block;
        width: calc(100% - 90px);
    }
    #work .box a {
        display: block;
        margin: 0 auto 20px;
        text-align: center;
        width: 100%;
        background: #ff8a00;
        color: #fff;
        padding: 10px 5px;
        font-size: 10pt;
        border-radius: 100px;
        letter-spacing: 0.5px;
    }
    #work .box a:before {
        font-family: FontAwesome;
        content: "\f138";
        margin-right: 5px;
    }
    /*-----------------------------------branch---------------------------------------------*/
    #branch .box {
        background: #f9f6f1;
        padding: 20px 20px;
    }
    #branch .box .inner {
        border: 1px solid #e2d6c6;
        background: #fff;
        padding: 20px;
        margin-bottom: 20px;
    }
    #branch .box .inner .pic {
        margin-bottom: 15px;
    }
    #branch .box .inner .txt {}
    #branch .box .inner .txt .tit {
        text-align: center;
        color: #774e00;
        font-weight: 500;
        font-size: 15pt;
        line-height: 1.4;
        letter-spacing: 2pt;
        padding-bottom: 15px;
        margin-bottom: 10px;
        background-image: linear-gradient(to right, #774e00, #774e00 2px, transparent 2px);
        background-size: 7px 2px;
        background-position: left bottom;
        background-repeat: repeat-x;
    }
    #branch .box .inner .txt .add {
        padding-bottom: 10px;
    }
    
    #branch .box .inner .txt .mail {
        color: #774e00;
        font-size: 12pt;
        line-height: 12pt;
        margin-bottom:10px;
        font-weight: 600;
    }
    #branch .box .inner .txt .mail a{
        color: #774e00;
    }
    #branch .box .inner .txt .mail:before {
        font-family: 'LigatureSymbols';
        content: "\E08a";
        line-height: 1;
        margin-right: 5px;
        font-weight: 300;
        font-size: 16pt;
    }
    
    #branch .box .inner .txt .tel {
        color: #774e00;
        font-size: 12pt;
        line-height: 12pt;
        margin-bottom: 5px;
        font-weight: 600;
    }
    #branch .box .inner .txt .tel:before {
        font-family: 'LigatureSymbols';
        content: "\E100";
        line-height: 1;
        margin-right: 5px;
        font-weight: 300;
        font-size: 16pt;
    }
    #branch .box .inner .txt .fax {
        color: #774e00;
        font-size: 12pt;
        line-height: 12pt;
        margin-bottom: 10px;
        font-weight: 600;
    }
    #branch .box .inner .txt .fax:before {
        font-family: 'LigatureSymbols';
        content: "\E10a";
        line-height: 1;
        margin-right: 5px;
        font-weight: 300;
        font-size: 18pt;
    }
    #branch .box .inner .txt .freetel {
        color: #774e00;
        font-size: 12pt;
        line-height: 12pt;
        margin-bottom: 10px;
        font-weight: 600;
        background: url("../img/freetel.svg") no-repeat center left / 17px auto;
        padding-left: 22px;
    }
    #branch .box .inner .txt .come {}
    #branch .box .inner .txt a {
        display: inline-block;
        background: #ff8a00;
        color: #fff;
        padding: 6px 14px;
        text-align: center;
        margin-top: 10px;
        width: 100%;
    }
    #branch .box .inner .txt a:before {
        font-family: FontAwesome;
        content: "\f138";
        margin-right: 5px;
    }
    #branch .box .gmap {
        border: 1px solid #fff;
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }
    #branch .box .gmap iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
    #branch .box + .box {
        margin-top: 30px;
    }
    /*-----------------------------------contact---------------------------------------------*/
    #contact .set {
        background: #f9f6f1;
        padding: 20px 20px 10px;
    }
    #contact .set .box {
        border: 1px solid #e2d6c6;
        background: #fff;
        padding: 15px;
        margin-bottom: 20px;
    }
    #contact .set .box .tit {
        background: #f9f6f1;
        color: #774e00;
        text-align: center;
        padding: 10px;
        font-weight: 500;
        margin-bottom: 15px;
        font-size: 12pt;
    }
    #contact .set .box .txt {
        text-align: center;
    }
    #contact .set .box .txt .mail {
        color: #774e00;
        font-size: 14pt;
        line-height: 14pt;
        margin-bottom:10px;
        font-weight: 500;
    }
    #contact .set .box .txt .mail a{
        color: #774e00;
        font-size: 14px;
    }
    #contact .set .box .txt .mail:before {
        font-family: 'LigatureSymbols';
        content: "\E08a";
        line-height: 1;
        margin-right: 5px;
        font-weight: 300;
        font-size: 16pt;
    }
    #contact .set .box .txt .tel {
        color: #774e00;
        font-size: 12pt;
        line-height: 12pt;
        margin-bottom: 10px;
        font-weight: 500;
    }
    #contact .set .box .txt .tel:before {
        font-family: 'LigatureSymbols';
        content: "\E100";
        line-height: 1;
        margin-right: 5px;
        font-weight: 300;
        font-size: 13pt;
    }
    #contact .set .box .txt .fax {
        color: #774e00;
        font-size: 12pt;
        line-height: 12pt;
        font-weight: 500;
    }
    #contact .set .box .txt .fax:before {
        font-family: 'LigatureSymbols';
        content: "\E10a";
        line-height: 1;
        margin-right: 5px;
        font-weight: 300;
        font-size: 15pt;
    }
    /*-----------------------------------library---------------------------------------------*/
    .slider img {
        width: 100%;
    }
    #al1, #al2, #al3, #al4, #al5, #al6, #al7, #al8, #al9, #al10, #al11, #al12 {}
    
    
.wrap_table_form{
width: 80%;
margin: auto;
}
.table_form span{
font-size: 11px;
background-color: #A60002;
color: #fff;
padding: 1px 2px 2px;
border-radius: 5px;
}
.table_form input, .table_form textarea{
width: 100%;
}
.table_form input.hissu, .table_form textarea.hissu, .table_form select.hissu{
background-color: #FFE5E5;
border: 1px solid #BFBFBF;
}
.con_icons{text-align: center;margin-bottom: 30px;}
.con_icons img{max-height: 70px;}
}