@charset "utf-8";
/*--------------------
    index
--------------------*/
#index .contents .index_article_title{
    height: auto;
    padding: 20px 0;
    background: #c5e2d5;
}
#index .contents .index_article_title h2{
    display: block;
    width: auto;
    height: auto;
    font-size:20px;
    color: #4e4e4e;
}
#index .contents section{
    padding: 50px 0 40px;
}
#index .contents .index_section_title h3{
    font-size:28px;
    line-height: 1.6em;
    margin-bottom: 32px;
}
#index .contents .p_box{
    margin-bottom: 40px;
    font-weight: 400;
}
#index .contents .link a{
    position:relative;
    display: inline-block;
    padding: 12px 52px;
    border: 3px solid #016fbb;
}
#index .contents .link a span{
    color: #016fbb;
}
#index .contents .link a span:after{
    display: block;
    content:"";
    position: absolute;
    top: 50%;
    right:20px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top:1px solid #016fbb;
    border-right:1px solid #016fbb;
    transform: rotate(45deg);
}
#index .contents .link a:hover{
    background-color: #016fbb;
}
#index .contents .link a:hover span{
    color: #ffffff;
}
#index .contents .link a:hover span:after{
    display: block;
    content:"";
    position: absolute;
    top: 50%;
    right:20px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top:1px solid #ffffff;
    border-right:1px solid #ffffff;
    transform: rotate(45deg);
}
#index .catch_article .catch_section{
    padding: 0;
}
#index .catch_article .catch_section .catchSlider{
    position: relative;
}
#index .catch_article .catch_section .catchSlider li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#index .catch_article .catch_section .catchSlider li.catch01{ background-image: url(../img/bnr_index1.jpg );}
#index .catch_article .catch_section .catchSlider li.catch02{ background-image: url(../img/bnr_index2.jpg );}
#index .catch_article .catch_section .catchSlider li.catch03{ background-image: url(../img/bnr_index3.jpg );}
#index .catch_article .catch_section .catchSlider li .catch_wrap{
    width: 1300px;
    height: 630px;
    margin: 0 auto;
}
#index .catch_article .catch_section .catchSlider li .catch_text{
    position: absolute;
    text-align: left;
}
#index .catch_article .catch_section .catchSlider li.catch01 .catch_text{
    top: 84px;
    left:115px;
}
#index .catch_article .catch_section .catchSlider li.catch02 .catch_text{
    top: 64px;
    right:115px;
}
#index .catch_article .catch_section .catchSlider li.catch03 .catch_text{
    top:84px;
    left:115px;
}
#index .catch_article .catch_section .catchSlider li.catch01 h2{
    font-size: 68px;
    line-height: 1.4em;
    color: #0eac68;
    text-shadow:
        -1px -3px #fff,
        1px -3px #fff,
        -2px -2px #fff,
        2px -2px #fff,
        -2px -2px #fff,
        2px -2px #fff,
        -3px -1px #fff,
        3px -1px #fff,
        -3px 1px #fff,
        3px 1px #fff,
        -2px 2px #fff,
        2px 2px #fff,
        -2px 2px #fff,
        2px 2px #fff,
        -1px 3px #fff,
        1px 3px #fff;
}
#index .catch_article .catch_section .catchSlider li.catch02 h2{
    font-size: 84px;
    line-height: 1.4em;
    color: #1a5781;
}
#index .catch_article .catch_section .catchSlider li.catch03 h2{
    font-size: 68px;
    line-height: 1.4em;
    color: #e77c0a;
}
#index .catch_article .catch_section .catchSlider li .catch_text p{
    margin-top: 45px;
    font-size: 20px;
    line-height: 1.6em;
    color: #7e8884;
    text-shadow:
        -1px -3px #fff,
        1px -3px #fff,
        -2px -2px #fff,
        2px -2px #fff,
        -2px -2px #fff,
        2px -2px #fff,
        -3px -1px #fff,
        3px -1px #fff,
        -3px 1px #fff,
        3px 1px #fff,
        -2px 2px #fff,
        2px 2px #fff,
        -2px 2px #fff,
        2px 2px #fff,
        -1px 3px #fff,
        1px 3px #fff;
}
#index .catch_article .catch_section .catchSlider li .catch_text .link{
    margin-top: 40px;
}
#index .catch_article .catch_section .catchSlider li .catch_text .link a{
    display: inline;
    padding: 12px 52px;
    background: #016fbb;
    color: #FFF;
    border: none;
    font-size:15px;
    line-height: 1em;
}
#index .catch_article .catch_section .catchSlider li .catch_text .link a:after{
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
#index .catch_article .catch_section .catchSlider .bx-controls{
    position: absolute;
    bottom: 30px;
    right:0;
    margin-right:42px;
}
#index .catch_article .catch_section .catchSlider .bx-pager-item {
    float: left;
    width: 200px;
    margin-left:10px;
}
#index .catch_article .catch_section .catchSlider .bx-pager-item a,
#index .catch_article .catch_section .catchSlider .bx-pager-item span{
    display: block;
    width: 200px;
    height:97px;
    position: relative;
    /*text-indent: -9999px;*/
}
#index .catch_article .catch_section .catchSlider .bx-pager-item a img{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.bx-controls-direction {
  display: none;
}
#index .catch_article .catch_section .catchSlider .bx-pager-item a::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 200px;
  height:97px;
  background: url( ../img/img_index1.png) no-repeat center center;
  background-size: cover;
}
#index .catch_article .catch_section .catchSlider .bx-pager-item span{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#index .catch_article .catch_section .catchSlider .bx-pager-item span.pager01{
    background-image: url(../img/bnr_index1_sub.jpg )
}
#index .catch_article .catch_section .catchSlider .bx-pager-item span.pager02{
    background-image: url(../img/bnr_index2_sub.jpg )
}
#index .catch_article .catch_section .catchSlider .bx-pager-item span.pager03{
    background-image: url(../img/bnr_index3_sub.jpg )
}
/*#index .catch_article .catch_section .catchSlider .bx-pager-item a.active span:before {
    display: block;
    content:"";
    width: 200px;
    height:97px;
    background: url( ../img/img_index1.png) no-repeat center center;
    background-size: cover;
}*/
#index .catch_article .catch_section .catchSlider .bx-pager-item a.active::after {
  z-index: 10;
/*
  display: block;
  content:"";
  width: 200px;
  height:97px;
  background: url( ../img/img_index1.png) no-repeat center center;
  background-size: cover;
*/
}
#index .catch_article .catch_section .catchSlider .bx-pager-item a:hover img {
  opacity: 1;
}

#index .company_article .company_section span{
    display: block;
    color: #0eac68;
}
#index .company_article .company_section .p_box{
    width: 925px;
    margin-left: auto;
    margin-right: auto;
}
#index .company_article .company_section .figure{
    margin-bottom:24px;
}
#index .items_article{
    background: url(../img/bg_index1.png) repeat 0 0;
}
#index .items_article .items_section ul{
    width: 925px;
    margin-left: auto;
    margin-right:auto;
}
#index .items_article .items_section li{
    float: left;
    position: relative;
    width: 220px;
    padding: 20px;
    background: #FFF;
    box-shadow: 1px 4px 4px 0 rgba(153,192,175,.7);
}
#index .items_article .items_section li:nth-child(2){
    margin: 0 72px;
}
#index .items_article .items_section li dt{
    font-size: 20px;
    margin: 10px 0 8px;
}
#index .items_article .items_section li dl:before{
    display: block;
    content:"";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 6px;
    background: #0eac68;
}
#index .items_article .items_section img{
    width: 183px;
    margin:0 auto;
}
#index .items_article .items_section dd p{
    width: 200px;
    margin:16px auto 20px;
    font-weight: 400;
    font-size:15px;
}
#index .quality_article {
    background: url(../img/bg_index2.png) no-repeat 0 center #f4f8fa;
    background-size: contain;
}
#index .quality_article .quality_section .img {
    position: absolute;
    right: 100px;
    bottom:32px;
    width: 315px;
}
#index .information_article {
    background: #58a684;
}
#index .information_article .wrapper{
    width: 925px;
    min-width: 0;
}
#index .information_article section{
    position: relative;
    float: left;
    width: 50%;
}
#index .information_article section:before{
    position:absolute;
    top: 0;
    left:50%;
    display: block;
    content:"";
    width: 108px;
    height: 6px;
    margin-left:-54px;
    background: #067646;
}
#index .information_article .index_section_title{
    margin-bottom: 40px;
    font-size:20px;
    color: #FFF;
}
#index .information_article ul{
    width: 370px;
    height: 384px;
    margin:0 auto;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #FFF;
    padding: 20px;
}
#index .information_article li{
    border-bottom:1px solid #cccccc;
    padding: 20px 0;
    text-align: left;
}
#index .information_article li a{
    color: #4e4e4e;
}
#index .information_article li .summary{
    margin-bottom: 10px;
}
#index .information_article li .summary .category{
    display: inline-block;
    margin-right:8px;
    padding: 0 8px;
    border-radius: 5px;
    font-size: 14px;
    color: #FFF;
    font-weight: 400;
}
#index .information_article .news_section li .summary .category01{ background: #6fc19e;}
#index .information_article .news_section li .summary .category02{ background: #da9c08;}
#index .information_article .information_section li .summary .category01{ background: #e78469;}
#index .information_article .information_section li .summary .category02{ background: #858dae;}
#index .information_article li .summary .date{
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
}
#index .information_article li .summary .icon_calender{
    width: 19px;
    margin-right:8px;
}
#index .information_article li .title{
    font-size: 18px;
    font-weight: 400;
}
/*--------------------
    new_information
--------------------*/
#new_information ul{
    width: 330px;
    margin:0 auto;
    background: #FFF;
}
#new_information li{
    border-bottom:1px solid #cccccc;
    padding: 20px 0;
    text-align: left;
}
#new_information li a{
    color: #4e4e4e;
}
#new_information li .summary{
    margin-bottom: 10px;
}
#new_information li .summary .category{
    display: inline-block;
    margin-right:8px;
    padding: 0 8px;
    border-radius: 5px;
    font-size: 14px;
    color: #FFF;
    font-weight: 400;
}
#new_information li .summary .category01{ background: #6fc19e;}
#new_information li .summary .category02{ background: #da9c08;}
#new_information li .summary .date{
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
}
#new_information li .summary .icon_calender{
    width: 19px;
    margin-right:8px;
}
#new_information li .title{
    font-size: 18px;
    font-weight: 400;
}
/*--------------------
    goods_exhibition
--------------------*/
#goods_exhibition ul{
    width: 330px;
    margin:0 auto;
    background: #FFF;
}
#goods_exhibition li{
    border-bottom:1px solid #cccccc;
    padding: 20px 0;
    text-align: left;
}
#goods_exhibition li a{
    color: #4e4e4e;
}
#goods_exhibition li .summary{
    margin-bottom: 10px;
}
#goods_exhibition li .summary .category{
    display: inline-block;
    margin-right:8px;
    padding: 0 8px;
    border-radius: 5px;
    font-size: 14px;
    color: #FFF;
    font-weight: 400;
}
#goods_exhibition li .summary .category01{ background: #6fc19e;}
#goods_exhibition li .summary .category02{ background: #da9c08;}
#goods_exhibition li .summary .date{
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
}
#goods_exhibition li .summary .icon_calender{
    width: 19px;
    margin-right:8px;
}
#goods_exhibition li .title{
    font-size: 18px;
    font-weight: 400;
}
/*--------------------
    corporate_concept
--------------------*/
/*タイトル*/
#corporate .globalMenu li:first-child{
    background-color: #0eac68;
}
#corporate .globalMenu li:first-child .menu_li_title a{
    color: #ffffff;
}
#corporate .contents .article_title{
    background-image: url("../img/bg_comopany_concept1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#corporate .contents .corporate_section .p_box{
    margin-top: 28px;
}
#corporate .contents .corporate_section .distribution_img{
    margin-bottom: 92px;
}
#corporate .contents .corporate_section .distribution_img img{
    width: 865px;
    height: auto;
    margin: 0 auto;
}
#corporate .contents .corporate_section .flow{
    background-color: #eef7f3;
    padding-bottom: 50px;
}
#corporate .contents .corporate_section .flow .flow_list{
    margin: 0 auto;
    width: 965px;
}
#corporate .contents .corporate_section .flow .flow_list li{
    width: 160px;
    height: 113px;
    margin-top: 43px;
    margin-bottom: 0;
    margin-right: 20px;
    padding-right: 5px;
    display: inline-block;
    background-color: #c7e0d5;
    box-shadow: 0 3px 1px -1px #abc9bc;
}
#corporate .contents .corporate_section .flow .flow_list li:after{
    display: block;
    content: "";
    border-top: 56px solid transparent;
    border-bottom: 56px solid transparent;
    border-left: 10px solid #c7e0d5;
    position: relative;
    left: 165px;
    bottom: 155px;
}
#corporate .contents .corporate_section .flow .flow_list li:last-child{
    margin-right: 0;
    padding-right: 0;
}
#corporate .contents .corporate_section .flow .flow_list li:last-child:after{
    border: none;
}
#corporate .contents .corporate_section .flow .flow_list li img{
    width: 100%;
    height: auto;
    margin: 3px 0;
}
#corporate .contents .corporate_section .flow .flow_list li p{
    font-size: 18px;
    vertical-align: middle;
    margin-top: 10px;
    background-color: #eef7f3;
}
#corporate .contents .corporate_section .flow .flow_list li p span{
    border: 1px solid #4e4e4e;
    border-radius: 100%;
    padding: 0 4px;
    margin-right: 5px;
    font-size: 16px;
}
#corporate .contents .corporate_section .Performance .Performance_list{
    margin: 0 auto;
    padding-bottom: 50px;
    width: 965px;
}
#corporate .contents .corporate_section .Performance .Performance_list li{
    display: inline-block;
    margin-right: 60px;
}
#corporate .contents .corporate_section .Performance .Performance_list li img{
    width: 149px;
    height: 100px;
}
#corporate .contents .corporate_section .Performance .Performance_list li:nth-child(4n){
    margin-right: 0;
}
#corporate .contents .corporate_section .Performance .Performance_list li p{
    font-size: 13px;
    margin: 10px 0 25px 0;
}
/*--------------------
    corporate_info
--------------------*/
#company .globalMenu li:nth-child(2){
    background-color: #0eac68;
}
#company .globalMenu li:nth-child(2) .menu_li_title a{
    color: #ffffff;
}
#company .contents .company_article .article_title{
    background-image: url("../img/bg_corporate_info1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#company .contents .company_section .philosophy{
    width: 715px;
    margin: 0 auto 115px;;
}
#company .contents .company_section .philosophy li{
    text-align: left;
    font-size: 22px;
    line-height: 1.7em;
    font-weight: normal;
    position: relative;
}
#company .contents .company_section .philosophy li span:first-child{
    color: #0eac68;
    margin-right: 10px;
    position: absolute;
}
#company .contents .company_section .philosophy li span:last-child{
    font-weight: normal;
    text-align: left;
    display: block;
    padding-left: 35px;
}
#company .contents .company_section .catch{
    font-size: 22px;
}
#company .contents .company_section .catch span{
    font-size: 42px;
    color: #0eac68;
}
#company .contents .company_section .p_box{
    margin-top: 48px;
}
#company .contents .company_section .president{
    width: 715px;
    margin: 0 auto 100px;
    display: inline-block;
}
#company .contents .company_section .president .president_left,
#company .contents .company_section .president .president_right{
    border: 1px solid #0eac68;
}
#company .contents .company_section .president .president_left{
    float: left;
    width: 340px;
}
#company .contents .company_section .president .president_left img{
    width: 111px;
    height: 143px;
    float: left;
    margin: 29px 0 29px 26px;
}
#company .contents .company_section .president .president_left p{
    float: right;
    margin: 67px 58px;
}
#company .contents .company_section .president .president_right{
    float: right;
    width: 340px;
}
#company .contents .company_section .president .president_right img{
    width: 111px;
    height: 143px;
    float: left;
    margin: 29px 0 29px 26px;
}
#company .contents .company_section .president .president_right p{
    float: right;
    margin: 67px 39px;
}
#company .contents .company_section .overview{
    width: 965px;
    margin: 0 auto 84px;
}
#company .contents .company_section .overview ul li{
    margin-top: 10px;
    width: 100%;
    display: inline-block;
}
#company .contents .company_section .overview ul li span{
    padding: 15px 41px;
    font-size: 16px;
    float: left;
}
#company .contents .company_section .overview ul li span:first-child{
    background-color: #deede6;
    width: 20%;
    text-align: justify;
}
#company .contents .company_section .overview ul li span:last-child{
    background-color: #f5fbf8;
    width: 63%;
    text-align: left;
    font-weight: normal;
}
#company .contents .company_section .overview ul li:last-child span:first-child{
    padding-bottom: 240px;
}
#company .contents .company_section .corporate_img{
    width: 965px;
    margin: 0 auto 110px;
}
#company .contents .company_section .corporate_img img{
    width: 100%;
    height: auto;
}
#company .contents .company_section .office{
    width: 965px;
    margin: 0 auto 100px;
    display: inline-block;
}
#company .contents .company_section .office_title{
    background-color: #f5fbf8;
    text-align: left;
    width: 965px;
    margin: 0 auto 50px;
    padding: 20px 0;
}
#company .contents .company_section .office_title h4{
    margin-left: 60px;
    font-size: 20px;
}
#company .contents .company_section .office_title h4:before{
    display: block;
    content: "";
    border-top: 2px solid #0eac68;
    border-bottom: 2px solid #0eac68;
    width: 20px;
    position: relative;
    top: 15px;
    right: 60px;
}
#company .contents .company_section .office .office_img{
    border: 1px solid #cccccc;
    display: inline-block;
    float: left;
}
#company .contents .company_section .office .office_img img{
    width: 200px;
    height: 150px;
    margin: 30px;
}
#company .contents .company_section .office .office_text{
    float: left;
    text-align: left;
    margin-left: 41px;
}
#company .contents .company_section .office .office_text p{
    font-size: 13px;
}
#company .contents .company_section .office .office_text p:last-child{
    font-size: 16px;
    margin-top: 20px;
}
#company .contents .company_section .office .office_text p span{
    font-size: 20px;
    color: #0eac68;
}
#company .contents .company_section .office .office_text p img{
    width: 49px;
    height: 14px;
    margin-left: 10px;
}
#company .contents .company_section .history{
    width: 965px;
    margin: 0 auto 90px;
    display: inline-block;
}
#company .contents .company_section .history dl{
    font-size: 14px;
    margin-top: 10px;
}
#company .contents .company_section .history dt{
    float: left;
}
#company .contents .company_section .history dd{
    font-weight: normal;
    text-align: left;
    float: right;
    width: 700px;
}
/*--------------------
    products
--------------------*/
#products .globalMenu li:nth-child(3){
    background-color: #0eac68;
}
#products .globalMenu li:nth-child(3) .menu_li_title a{
    color: #ffffff;
}
#products .contents .article_title{
    background-image: url("../img/bg_products1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#products .contents .products_article .products_section .p_box{
    margin-top: 43px;
}
#products .contents .products_section .img_list{
    width: 765px;
    margin: 0 auto;
}
#products .contents .products_section .img_list li{
    display: inline-block;
    width: 45%;
    margin: 0 10px;
}
#products .contents .products_section .img_list li img{
    width: 100%;
    height: auto;
    margin-bottom: 70px;
}
#products .contents .products_section h4{
    background-color: #c5e2d5;
    padding: 20px 0;
    font-size: 20px;
}
#products .contents .products_section .catalog01{
    padding-top: 80px;
    width: 965px;
    margin: 0 auto;
    display: inline-block;
}
#products .contents .products_section .catalog02{
    padding-top: 38px;
    width: 965px;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 100px;
}
#products .contents .products_section .catalog_left{
    float: left;
}
#products .contents .products_section .catalog_left img{
    width: 371px;
    height: auto;
}
#products .contents .products_section .catalog_right{
    width: 55%;
    float: right;
    margin-left: 38px;
}
#products .contents .products_section .catalog_right p{
    font-size: 25px;
    text-align: left;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 14px;
    margin-bottom: 10px;
}
#products .contents .products_section .catalog_right p span{
    font-size: 20px;
    color: #0eac68;
}
#products .contents .products_section .catalog_right ul{
    float: left;
}
#products .contents .products_section .catalog_right ul li{
        width: 48%;
    text-align: left;
    margin: 7px 0;
    float: left;
}
#products .contents .products_section .catalog_right ul li:nth-child(2n){
    margin: 7px 0;
    float: right;
}
#products .contents .products_section .catalog_right ul li a{
    display: block;
    border-radius: 10px;
    background-color: #f5f6e2;
    padding: 25px 25px;
    color:#4e4e4e;
}
#products .contents .products_section .catalog_right img{
    width: 12%;
    height: auto;
    vertical-align: middle;
    float: right;
}
#products .contents .products_section .past_list{
    width: 965px;
    background-color: #e7edeb;
    margin: 0 auto 100px;
    padding: 8px 0;
}
#products .contents .products_section .past_list p{
    color: #8b8b8b;
}
#products .contents .products_section .past_list p:after{
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: 2px solid #8b8b8b;
    border-right: 2px solid #8b8b8b;
    float: right;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: relative;
    right: 20px;
    top: 2px;
}
#products .contents .products_section .original{
    width: 965px;
    margin: 90px auto 100px;
    display: inline-block;
}
#products .contents .products_section .original .original_left{
    width: 317px;
    float: left;
}
#products .contents .products_section .original .original_left img{
    width: 371px;
    height: auto;
}
#products .contents .products_section .original .original_right{
    width: 55%;
    float: right;
}
#products .contents .products_section .original .original_right p{
    text-align: left;
}
#products .contents .products_section .original .original_right p:first-child{
    font-size: 20px;
    margin-bottom: 25px;
}
#products .contents .products_section .original .original_right p span{
    font-size: 25px;
    color: #0eac68;
}
#products .contents .products_section .original .original_right .to_contact{
    float: left;
    width: 100%;
    font-size: 23px;
    margin-top: 50px;
}
#products .contents .products_section .original .original_right .to_contact a{
    display: block;
    color: #0eac68;
    border: 3px solid #0eac68;
    border-radius: 5px;
    padding: 19px 0;
    background: #FFF;
}
#products .contents .products_section .original .original_right .to_contact a:hover{
    background: #0eac68;
     border: 3px solid #0eac68;
     color: #FFF;
}
#products .contents .products_section .original .original_right .to_contact a span{
    background: url(../img/icon_products1.png) no-repeat left center;
    padding-left: 53px;
}
#products .contents .products_section .original .original_right .to_contact a:hover span{
    background: url(../img/icon_products4.png) no-repeat left center;
}
#products .contents .products_section .osechi{
    width: 965px;
    margin: 90px auto 50px;
    display: inline-block;
}
#products .contents .products_section .osechi .osechi_left{
    width: 371px;
    float:left;
}
#products .contents .products_section .osechi .osechi_left img{
    width: 371px;
    height: auto;
}
#products .contents .products_section .osechi .osechi_right{
    width: 55%;
    float: right;
}
#products .contents .products_section .osechi .osechi_right p{
    font-size: 20px;
    text-align: left;
}
#products .contents .products_section .osechi .osechi_right p span{
    font-size: 25px;
    color: #0eac68;
}
#products .contents .products_section .offer{
    display: inline-block;
    width: 965px;
}
#products .contents .products_section .offer ul{
    float:left;
    width: 100%;
    margin-bottom: 100px;
}
#products .contents .products_section .offer ul li{
    width: 48%;
    float: left;
    background-color: #f5f6e2;
    border-radius: 10px;
    vertical-align: middle;
}
#products .contents .products_section .offer ul li:last-child{
    float: right;
}
#products .contents .products_section .offer ul li a{
    color: #4e4e4e;
}
#products .contents .products_section .offer ul li p{
    font-size: 20px;
    margin: 20px 0;
    position: relative;
    left: 60px;
}
#products .contents .products_section .offer ul li img{
    width: 9%;
    float: right;
    margin-right: 85px;
    position: relative;
    bottom: 8px;
}
.products_title_br {
  display: none;
}
/*--------------------
    quality
--------------------*/
#quality .globalMenu li:nth-child(4){
    background-color: #0eac68;
}
#quality .globalMenu li:nth-child(4) .menu_li_title a{
    color: #ffffff;
}
#quality .contents .quality_article .article_title{
  background-image: url("../img/img_quality_top.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#quality .contents .quality_section .section_content{
    width: 965px;
    margin: 0 auto;
}
#quality .contents .quality_section .p_box{
    margin-top: 24px;
}

#quality .contents .quality_section .quality_box_shadow01{
    display: block;
    border: 1px solid #0eac68;
    box-shadow: 20px 20px #a2dbc3;
    margin-bottom: 50px;
    margin-right: 40px;
    margin-left: 20px;
    padding: 55px 0;
}
#quality .contents .quality_section .quality_box_shadow01:last-child{
    margin-bottom: 100px;
}
#quality .contents .quality_section .quality_box_shadow02{
    display: block;
    border: 1px solid #0eac68;
    box-shadow: -20px 20px #a2dbc3;
    margin-bottom: 50px;
    margin-left: 40px;
    margin-right: 20px;
    padding: 55px 0;

}
#quality .contents .quality_section .quality_box_shadow01,
#quality .contents .quality_section .quality_box_shadow02,
#quality .contents .quality_section .quality_box {
  display: flex;
  justify-content: space-between;
}
#quality .contents .quality_section .quality_box_shadow01 > p,
#quality .contents .quality_section .quality_box_shadow02 > p,
#quality .contents .quality_section .quality_box > p {
  box-sizing: border-box;
  width: 32%;
  padding: 0 0 0 85px;
}
#quality .contents .quality_section .quality_box_shadow02 > p,
#quality .contents .quality_section .quality_box > p{
  width: 30%;
  padding: 0 0 0 47px;
}
#quality .contents .quality_section .quality_box_shadow01 > div,
#quality .contents .quality_section .quality_box_shadow02 > div,
#quality .contents .quality_section .quality_box > div{
  box-sizing: border-box;
  width: 63%;
  padding: 0 10px 0 0;
  text-align: left;
}
#quality .contents .quality_section .quality_box_shadow02 > div,
#quality .contents .quality_section .quality_box > div {
  width: 65%;
}
#quality .contents .quality_section .quality_box_shadow01 img,
#quality .contents .quality_section .quality_box_shadow02 img,
#quality .contents .quality_section .quality_box img{
  margin-left: 0;
  width: 100%;
  max-width: 203px;
  height: auto;
}
#quality .contents .quality_section .quality_box_shadow01 h4, 
#quality .contents .quality_section .quality_box_shadow02 h4, 
#quality .contents .quality_section .quality_box h4,
#quality .contents .quality_section .quality_box_shadow01 p, 
#quality .contents .quality_section .quality_box_shadow02 p,
#quality .contents .quality_section .quality_box p{
  left: 0;
}

#quality .contents .quality_section .quality_box_shadow01 h4,
#quality .contents .quality_section .quality_box_shadow02 h4{
    font-size: 20px;
    margin-bottom: 13px;
    line-height: 30px;
}

#quality .contents .quality_section .quality_box_shadow01 h4 span,
#quality .contents .quality_section .quality_box_shadow02 h4 span{
    color: #0eac68;
}
#quality .contents .quality_section .quality_box{
  padding-bottom: 60px;
  margin-left: 20px;
  margin-right: 20px;
}
#quality .contents .quality_section .section_content .quality_box.first_box {
  padding-top: 50px;
  margin-bottom: 60px;
  border-bottom: #0eac68 1px solid;
}

#quality .contents .quality_section .quality_box p{
    font-size: 16px;
}
#quality .contents .quality_section .quality_box h4{
    font-size: 20px;
    margin-bottom: 18px;
}
#quality .contents .quality_section .quality_box h4 span{
    font-size: 14px;
}

#quality .contents .quality_section .p_box p{
    margin-bottom: 80px;
}
#quality .contents .quality_section .p_box span{
    font-size: 15px;
    position: relative;
    bottom: 60px;
}
#quality .contents .quality_section .quality_iframe iframe {
  width: 945px;
}
#quality .contents .quality_section .quarity_news .date{
    border-top: 2px solid #eeeeee;
    border-bottom: 2px solid #eeeeee;
    padding: 13px 0 13px 30px;
    text-align: left;
    color: #5abd8c;
    font-size: 15px;
}
#quality .contents .quality_section .quarity_news .date:before{
    display: block;
    content: "";
    border-top: 2px solid #0eac68;
    border-bottom: 2px solid #0eac68;
    width: 13px;
    position: relative;
    right: 33px;
    top: 14px;
}
#quality .contents .quality_section .quality_news .date span{
    margin-left: 10px;
}
#quality .contents .quality_section .quality_news .pdf_link{
    display: inline-block;
    margin-bottom: 30px;
}
#quality .contents .quality_section .quality_news .pdf_link .pdf_link_left{
    display: block;
    float: left;
    margin: 20px 97px 20px 0;
}
#quality .contents .quality_section .quality_news .pdf_link .pdf_link_left img{
    width: 185px;
    height: 138px;
}
#quality .contents .quality_section .quality_news .pdf_link .pdf_link_right{
    display: block;
    float: right;
    margin: 20px 0 20px 97px;
}
#quality .contents .quality_section .quality_news .pdf_link .pdf_link_right img{
    width: 185px;
    height: 138px;
}
#quality .contents .quality_section .quality_news .pdf_link #pdf_link_last{
    margin-right: -13px;
}
.pdf_link .pdf_link_left p span,
.pdf_link .pdf_link_right p span{
    font-size: 15px;
    display: block;
    margin-top: 30px;
}
#quality .contents .quality_section .past_list{
    width: 965px;
    margin: 0 auto 100px;
}
#quality .contents .quality_section .past_list p{
    color: #8b8b8b;
    background-color: #e7edeb;
    padding: 8px 0;
    cursor: pointer;
}
#quality .contents .quality_section .past_list p:after{
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: 2px solid #8b8b8b;
    border-right: 2px solid #8b8b8b;
    float: right;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: relative;
    right: 20px;
    top: 2px;
}
#quality .contents .active .past_list{
    width: 965px;
    margin: 0 auto 10px;
}
#quality .contents .active .past_list p{
    color: #8b8b8b;
    background-color: #e7edeb;
    padding: 8px 0;
    cursor: pointer;
}
#quality .contents .active .past_list p:after{
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 2px solid #8b8b8b;
    border-left: 2px solid #8b8b8b;
    float: right;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: relative;
    right: 20px;
    top: 10px;
}
/*--------------------
    quality_news
--------------------*/
#quality_news .section_content{
    width: 935px;
    margin-left: 15px;
}
#quality_news .section_content .quarity_news{
    display: block;
}
#quality_news .quality_news .date{
    border-top: 2px solid #eeeeee;
    border-bottom: 2px solid #eeeeee;
    padding: 13px 0 13px 30px;
    text-align: left;
    color: #5abd8c;
    font-size: 15px;
}
#quality_news .quality_news .date:before{
    display: block;
    content: "";
    border-top: 2px solid #0eac68;
    border-bottom: 2px solid #0eac68;
    width: 13px;
    position: relative;
    right: 33px;
    top: 14px;
}
#quality_news .quality_news .date span{
    margin-left: 10px;
}
#quality_news .quality_news .pdf_link{
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}
#quality_news .quality_news .pdf_link .pdf_link_left{
    display: block;
    float: left;
    margin: 20px 0 20px 18%;
    width: 26%;
}
#quality_news .quality_news .pdf_link .pdf_link_left img{
    width: 100%;
    height: 180px;
}
#quality_news .quality_news .pdf_link .pdf_link_right{
    display: block;
    float: right;
    margin: 20px 18% 20px 0;
    width: 26%;
}
#quality_news .quality_news .pdf_link .pdf_link_right img{
    width: 100%;
    height: 180px;
}
#quality_news .quality_news .pdf_link a{
    color: #0eac68;
}
#quality_news .quality_news .pdf_link a:hover{
    color: #067646;
}
#quality_news .section_content .past_list{
    width: 100%;
    background-color: #e7edeb;
    margin: 0 auto;
    padding: 8px 0;
}
#quality_news .past_list{
    width: 100%;
    background-color: #e7edeb;
    margin: 0 auto;
    padding: 8px 0;
}
#quality_news .past_list p{
    color: #8b8b8b;
}
#quality_news .past_list p:after{
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 2px solid #8b8b8b;
    border-left: 2px solid #8b8b8b;
    float: right;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: relative;
    right: 20px;
    top: 10px;
}
/*--------------------
    qa
--------------------*/
#qa .contents .qa_article .article_title h2 p img{
    width: 46px;
    height: 46px;
    margin-right: 40px;
    vertical-align: middle;
}
#qa .contents .qa_section .p_box{
    padding-top: 52px;
    margin-bottom: 60px;
}
#qa .contents .qa_section .qa_box dl{
    width: 925px;
    margin: 0 auto;
    padding-bottom: 100px;
}
#qa .contents .qa_section .qa_box dl dt{
    border-top: 1px solid #0eac68;
    border-bottom: 1px solid #0eac68;
    padding: 20px 0 20px 25px;
    font-size: 23px;
    text-align: left;
}
#qa .contents .qa_section .qa_box dl dt span{
    font-size: 31px;
    color: #0eac68;
    margin-right: 30px;
}
#qa .contents .qa_section .qa_box dl dd{
    text-align: left;
    margin-top: 20px;
    margin-left: 80px;
    margin-bottom: 70px;
    font-size: 16px;
    font-weight: normal;
}
/*--------------------
    recruit
--------------------*/
#rectuit .globalMenu li:nth-child(5){
    background-color: #0eac68;
}
#rectuit .globalMenu li:nth-child(5) .menu_li_title a{
    color: #ffffff;
}
#rectuit .contents .recruit_section .recruit_list{
    width: 965px;
    margin: 0 auto;
}
#rectuit .contents .recruit_section .recruit_list ul li{
    margin-top: 10px;
    width: 100%;
    display: inline-block;
}
#rectuit .contents .recruit_section .recruit_list ul li span{
    padding: 15px 41px;
    font-size: 16px;
    float: left;
}
#rectuit .contents .recruit_section .recruit_list ul li span:first-child{
    background-color: #deede6;
    width: 20%;
    text-align: justify;
}
#rectuit .contents .recruit_section .recruit_list ul li span:last-child{
    background-color: #f5fbf8;
    width: 63%;
    text-align: left;
    font-weight: normal;
}
#rectuit .contents .recruit_section .recruit_list ul li:nth-child(4) span:first-child,
#rectuit .contents .recruit_section .recruit_list ul li:last-child span:first-child{
    padding-bottom: 40px;
}
#rectuit .contents .recruit_section .recruit_list ul li:nth-child(1) span:first-child,
#rectuit .contents .recruit_section .recruit_list ul li:nth-child(5) span:first-child,
#rectuit .contents .recruit_section .recruit_list ul li:nth-child(6) span:first-child,
#rectuit .contents .recruit_section .recruit_list ul li:nth-child(8) span:first-child,
#rectuit .contents .recruit_section .recruit_list ul li:nth-child(9) span:first-child {
  letter-spacing: 5rem;
}
#rectuit .contents .recruit_section .recruit_list ul li:nth-child(2) span:first-child,
#rectuit .contents .recruit_section .recruit_list ul li:nth-child(3) span:first-child,
#rectuit .contents .recruit_section .recruit_list ul li:nth-child(4) span:first-child {
  letter-spacing: 2rem;
}
#rectuit .contents .recruit_section .recruit_list ul li:nth-child(7) span:first-child,
#rectuit .contents .recruit_section .recruit_list ul li:nth-child(10) span:first-child {
  letter-spacing: 1rem;
}
#rectuit .contents .recruit_section .quality_recruit{
    margin: 54px auto 104px;
}
#rectuit .contents .recruit_section .quality_recruit p{
    padding: 25px 20px;
    display: inline-block;
    border-radius: 10px;
    width: 30%;
    text-align: center;
    background-color: #f5f6e2;
    font-size: 20px;
}
#rectuit .contents .recruit_section .quality_recruit p img{
    width: 9%;
    vertical-align: middle;
    float: right;
    margin-right: 20px;
    margin-top: -5px;
}
#rectuit .contents .recruit_section .contact_tel span.charge_name{
    margin-left: 20px;
    font-size: 18px;
}
#rectuit .contents .recruit_section .to_contactform{
    width: 45%;
    margin: 39px auto 54px;
    border: 3px solid #0eac68;
    border-radius: 5px;
    color: #0eac68;
    padding: 23px 0;
    font-size: 23px;
}

#rectuit .contents .recruit_section .to_contactform img{
    width: 7%;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 20px;
}
/*--------------------
    contact
--------------------*/
#contact .contents .contact_article .article_title h2 p img{
    width: 53px;
    height: auto;
    margin-right: 40px;
    margin-bottom: 3px;
    vertical-align: middle;
}
#contact .contents .contact_section .p_box{
    margin-bottom: 36px;
    padding-top: 48px;
}
#contact .contents .contact_section .p_box p span{
    font-size: 23px;
}
#contact .contents .contact_section .tel_list{
    width: 965px;
    margin: 0 auto;
    border: 3px solid #0eac68;
}
#contact .contents .contact_section .tel_list ul{
    width: 68%;
    margin: 0 auto;
}
#contact .contents .contact_section .tel_list ul li{
    font-size: 30px;
    margin: 50px auto 0;
    text-align: left;
}
#contact .contents .contact_section .tel_list ul li:last-child{
    margin-top: 27px;
    margin-bottom: 50px;
}
.tel{
    color: #0eac68;
    font-size: 30px;
}
.number{
    font-size: 40px;
}
#contact .contents .contact_section .tel_list ul li .time{
    font-size: 18px;
    margin-left: 20px;
}
#contact .contents .contact_section .tel_list ul li span:last-child{
    font-size: 13px;
}
#contact .contents .contact_section .contact_mail{
    margin-top: 90px;
    margin-bottom: 50px;
}
#contact .contents .contact_section .contact_mail h4{
    font-size: 23px;
    margin-bottom: 14px;
}
#contact .contents .contact_section .contact_mail p span{
    color: #f95757;
}
#contact .contents .contact_section .contact_form{
    width: 965px;
    margin: 0 auto;
}
#contact .contents .contact_section .contact_form dl{
    border: 1px solid #c6ded2;
    margin-bottom: -1px;
    height: 80px;
    display: block;
}
#contact .contents .contact_section .contact_form dl:nth-child(8){
    height: 80px;
}
#contact .contents .contact_section .contact_form dl:nth-child(8) dt label,
#contact .contents .contact_section .contact_form dl:nth-child(8) dt span{
    position: relative;
    top: 40%;
}
#contact .contents .contact_section .contact_form dl:last-child{
    padding-bottom: 120px;
}
#contact .contents .contact_section .contact_form dl:last-child dt{
    padding-bottom: 120px;
}
#contact .contents .contact_section .contact_form dl:last-child dt label{
    position: relative;
    top: 80px;
}
#contact .contents .contact_section .contact_form dl dt{
    background-color: #f5fbf8;
    float: left;
    clear: left;
    display: block;
    height: inherit;
    width: 200px;
}
#contact .contents .contact_section .contact_form dl dt label,
#contact .contents .contact_section .contact_form dl dt span{
    position: relative;
    top: 32%;
}
#contact .contents .contact_section .contact_form dl dt span{
    color: #f95757;
}
#contact .contents .contact_section .contact_form dl dd{
    text-align: left;
    position: relative;
    top: 28%;
    left: 30px;
}
#contact .contents .contact_section .contact_form dl dd input{
    height: 18px;
    width: 450px;
}
#contact .contents .contact_section .contact_form dl:first-child dd input{
    width: auto;
}
#contact .contents .contact_section .contact_form dl dd p{
    float: right;
    font-size: 13px;
    text-align: left;
    width: 290px;
    margin-top: 10px;
}
#contact .contents .contact_section .contact_form dl dd .yubin{
    width: auto;
    text-align: left;
    float: none;
    position: relative;
    left: 200px;
    bottom: 35px;
}
#contact .contents .contact_section .contact_form dl:nth-child(5) dd input{
    width: auto;
}
#contact .contents .contact_section .contact_form dl .mail_address{
}
#contact .contents .contact_section .contact_form dl dd .check{
    float: none;
    color: #f95757;
    width: auto;
}
#contact .contents .contact_section .contact_form dl dd textarea{
    width: 450px;
    height: 120px;
    position: relative;
    top: 10px;
}
#contact .contents .contact_section .send-btn{
    border: 3px solid #0eac68;
    border-radius: 5px;
    padding: 20px 147px;
    font-size: 23px;
    background-color: #ffffff;
    color: #0eac68;
    cursor: pointer;
    margin-top: 50px;
}
#contact .contents .contact_section .kojinjouhou{
    margin-top: 50px;
    margin-bottom: 100px;
}
#contact .contents .contact_section .kojinjouhou p span{
    font-size: 14px;
}
#contact .contents .contact_section .kojinjouhou p span span{
    color: #0eac68;
    text-decoration: underline;
}
/*--------------------
    privacy
--------------------*/
#privacy .contents .privacy_section{
    margin: 0 auto;
}
#privacy .contents .privacy_section .p_box{
    width: 765px;
    margin: 0 auto 70px;
    text-align: left;
}
#privacy .contents .privacy_section .p_box:first-child{
    padding-top: 40px;
}
#privacy .contents .privacy_section .p_box p span{
    color: #0eac68;
}
#privacy .contents .privacy_section .p_box .list{
    margin-top: 10px;
}
#privacy .contents .privacy_section .p_box .p_last{
    padding-bottom: 100px;
}


/*メールフォームPRO*/
form#mailformpro dl dd {
    border-top: none !important;
    padding: 0 !important;
    font-size: 100% !important;
}
form#mailformpro dl dt {
    width: 200px !imporatnt;
    font-size: 100% !important;
    padding: 0 !important;
    text-align: center !important;
    border-top: none !important;
    margin: 0px;
}
form#mailformpro label.mfp_not_checked {
    border: none !important;
}
.mfp.mfp_achroma {
	width: 970px !important;
	margin: 0 auto !important;
}
.must {
	float: none !important;
	display: inline !important;
}
#contact .contents .contact_section .contact_form dl:last-child dt {
    padding-bottom: 120px !important;
}
.send-btn.mfp_element_submit.mfp_element_all {
	text-shadow: none !important;
	background: none !important;
}
.mfp_err {
	display: none !important;
}



/*--------------------
　responsive
--------------------*/
/*ヘッダー幅未満*/
@media screen and (max-width: 1299px) {
  #index .catch_article .catch_section .catchSlider li .catch_wrap {
    width: auto;
  }
  #index .quality_article .quality_section .img {
    right: 0;
  }
  
}

@media screen and (max-width: 1099px) {
  #index .quality_article .quality_section .img {
    position: static;
    display: block;
    margin: 0 auto 30px;
  }
  #index .quality_article {
    background-size: cover;
    background-position: right bottom;
  }
  
}

/*コンテンツ幅？*/
@media screen and (max-width: 999px) {
  /*--------------------
　index
　--------------------*/
  #index .catch_article .catch_section .catchSlider li.catch01 .catch_text,
  #index .catch_article .catch_section .catchSlider li.catch02 .catch_text,
  #index .catch_article .catch_section .catchSlider li.catch03 .catch_text {
    top: 30px;
  }
  #index .catch_article .catch_section .catchSlider li.catch02 h2,
  #index .catch_article .catch_section .catchSlider li.catch03 h2 {
    text-shadow: -1px -3px #fff, 1px -3px #fff, -2px -2px #fff, 2px -2px #fff, -2px -2px #fff, 2px -2px #fff, -3px -1px #fff, 3px -1px #fff, -3px 1px #fff, 3px 1px #fff, -2px 2px #fff, 2px 2px #fff, -2px 2px #fff, 2px 2px #fff, -1px 3px #fff, 1px 3px #fff;
  }
  #index .catch_article .catch_section .catchSlider .bx-controls {
    bottom: 10px;
  }
  #index .company_article .company_section .p_box,
  #index .items_article .items_section ul,
  #index .information_article .wrapper {
    width: 100%;
    max-width: 925px;
  }
  #index .items_article .items_section ul {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
  }
  #index .items_article .items_section li {
    box-sizing: border-box;
    float: none;
    width: 32%;
  }
  #index .items_article .items_section li:nth-child(2) {
    margin: 0;
  }
  #index .contents .link a {
    padding: 12px 30px;
  }
  #index .quality_article .quality_section .img {
    width: 100%;
    max-width: 315px;
  }
  
  /*--------------------
　corporate_concept
　--------------------*/
  #corporate .contents .corporate_section .distribution_img img {
    width: 100%;
    max-width: 865px;
  }
  #corporate .contents .corporate_section .flow .flow_list {
    width: 100%;
    max-width: 965px;
  }
  #corporate .contents .corporate_section .Performance .Performance_list {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 965px;
  }
  #corporate .contents .corporate_section .Performance .Performance_list li {
    width: 23%;
    margin-right: 0;
  }
  
  
  /*--------------------
　company
　--------------------*/
  #company .contents .company_section .philosophy,
  #company .contents .company_section .corporate_img,
  #company .contents .company_section .office,
  #company .contents .company_section .office_title,
  #company .contents .company_section .overview,
  #company .contents .company_section .president,
  #company .contents .company_section .history {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #company .contents .company_section .philosophy {
    margin: 0 auto 115px;
  }
  #company .contents .company_section .president {
    max-width: 715px;
  }
  #company .contents .company_section .president .president_left,
  #company .contents .company_section .president .president_right {
    display: flex;
    align-items: center;
    width: 49%;
    max-width: 340px;
  }
  #company .contents .company_section .president .president_left img,
  #company .contents .company_section .president .president_right img {
    float: none;
    margin: 0;
  }
  #company .contents .company_section .president .president_left p,
  #company .contents .company_section .president .president_right p {
    float: none;
    margin: 0 0 0 15px;
  }
  #company .contents .company_section .office {
    display: flex;
    align-items: center;
  }
  #company .contents .company_section .office .office_img {
    float: none;
    margin: 0 20px 0 0;
  }
  #company .contents .company_section .office .office_text {
    float: none;
    margin-left: 0;
  }
  #company .contents .company_section .overview ul li span {
    box-sizing: border-box;
  }
  #company .contents .company_section .overview ul li span:first-child {
    width: 30%;
  }
  #company .contents .company_section .overview ul li span:last-child {
    width: 70%;
  }
  #company .contents .company_section .history dt {
    width: 20%;
    text-align: left;
  }
  #company .contents .company_section .history dd {
    width: 75%;
  }
  
  
  /*--------------------
　products
　--------------------*/
  #products .contents .products_section .img_list {
    width: 100%;
    max-width: 765px;
  }
  #products .contents .products_section .catalog01,
  #products .contents .products_section .catalog02,
  #products .contents .products_section .original,
  #products .contents .products_section .osechi {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }
  #products .contents .products_section .catalog_left,
  #products .contents .products_section .catalog_right,
  #products .contents .products_section .original .original_left,
  #products .contents .products_section .original .original_right,
  #products .contents .products_section .osechi .osechi_left,
  #products .contents .products_section .osechi .osechi_right {
    float: none;
  }
  #products .contents .products_section .catalog_left,
  #products .contents .products_section .original .original_left,
  #products .contents .products_section .osechi .osechi_left {
    width: 40%;
  }
  #products .contents .products_section .catalog_left img,
  #products .contents .products_section .original .original_left img,
  #products .contents .products_section .osechi .osechi_left img{
    width: 100%;
    max-width: 371px;
  }
  #products .contents .products_section .catalog_right ul {
    float: none;
  }
  #products .contents .products_section .catalog_right ul li,
  #products .contents .products_section .catalog_right ul li:nth-child(2n) {
    float: none;
    width: 100%;
  }
  #products .contents .products_section .offer ul li p {
    position: static;
    
  }
  #products .contents .products_section .catalog_right img,
  #products .contents .products_section .offer ul li img {
    width: 35px;
    margin-right: 0;
    right: 45px;
    top: -3px;
  }
  #products .contents .products_section .catalog_right ul li a {
    padding: 15px;
  }
  #products .contents .products_section .offer {
    width: 100%;
  }
  
  
  /*--------------------
　quality
　--------------------*/
  #quality .contents .quality_section .section_content {
    width: 100%;
  }
  #quality .contents .quality_section .quality_iframe iframe {
    width: 100%;
    max-width: 945px;
  }
  #quality_news .section_content {
    width: 100%;
    max-width: 935px;
    margin-left: 0;
  }
  #quality .contents .quality_section .past_list {
    width: 100%;
    max-width: 965px;
  }
  
  /*--------------------
　recruit
　--------------------*/
  #rectuit .contents .recruit_section .recruit_list {
    width: 100%;
    max-width: 965px;
  }
  #rectuit .contents .recruit_section .recruit_list ul li span {
    box-sizing: border-box;
  }
  #rectuit .contents .recruit_section .recruit_list ul li span:first-child {
    width: 30%;
    letter-spacing: 0!important;
  }
  #rectuit .contents .recruit_section .recruit_list ul li span:last-child {
    width: 70%;
  }
  #rectuit .contents .recruit_section .recruit_list ul li:nth-of-type(4) span:last-child br {
    display: none;
  }
  #rectuit .contents .recruit_section .to_contactform {
    font-size: 19px;
  }
  #rectuit .contents .recruit_section .quality_recruit p img {
    width: 35px;
  }
  
  
  /*--------------------
　qa
　--------------------*/
  #qa .contents .qa_section .qa_box dl {
    width: 100%;
    max-width: 925px;
  }
  
  /*--------------------
　contact
　--------------------*/
  #contact .contents .contact_section .tel_list,
  #contact .contents .contact_section .contact_form {
    width: 96%;
    max-width: 965px;
  }
  #contact .contents .contact_section .tel_list ul li .number {
    margin-right: 20px;
  }
  #contact .contents .contact_section .tel_list ul li .time,
  #contact .contents .contact_section .tel_list ul li span:last-child {
    display: inline-block;
    margin-left: 0;
  }
  #contact .contents .contact_section .contact_form dl {
    display: flex;
    align-items: stretch;
    height: auto;
  }
  #contact .contents .contact_section .contact_form dl:nth-child(8) {
    height: auto;
  }
  #contact .contents .contact_section .contact_form dl dt {
    box-sizing: border-box;
    padding: 20px 0!important;
    float: none;
    width: 25%;
  }
  #contact .contents .contact_section .contact_form dl dd {
    box-sizing: border-box;
    padding: 20px!important;
    position: static;
    width: 75%;
  }
  #contact .contents .contact_section .contact_form dl dt label, 
  #contact .contents .contact_section .contact_form dl dt span {
    position: static!important;
  }
  #contact .contents .contact_section .contact_form dl:last-child {
    padding-bottom: 0;
  }
  #contact .contents .contact_section .contact_form dl dd p,
  #contact .contents .contact_section .contact_form dl dd .yubin {
    position: static;
    float: none;
    display: inline-block;
    width: auto;
  }
  .mfp.mfp_achroma {
    width: 100%!important;
    max-width: 970px;
  }
  
}

/*スマートフォン幅（ブレイクポイント）*/
@media screen and (max-width: 767px) {
  


  /*--------------------
　index
　--------------------*/
  #index .company_article .company_section .p_box,
  #index .items_article .items_section ul,
  #index .information_article .wrapper {
    width: auto;
  }
  #index .company_article .company_section .p_box,
  #index .quality_article .quality_section .p_box{
    text-align: left;
  }
  #index .catch_article .catch_section .catchSlider .bx-controls {
    display: none;
  }
  #index .catch_article .catch_section .catchSlider li .catch_wrap {
    height: 330px;
  }
  #index .catch_article .catch_section .catchSlider li.catch01 .catch_text,
  #index .catch_article .catch_section .catchSlider li.catch03 .catch_text {
    top: 30px;
    left: 20px;
  }
  #index .catch_article .catch_section .catchSlider li.catch02 .catch_text {
    top: 50px;
    left: 50px;
    right: 0;
  }
  #index .catch_article .catch_section .catchSlider li.catch01 h2,
  #index .catch_article .catch_section .catchSlider li.catch02 h2,
  #index .catch_article .catch_section .catchSlider li.catch03 h2 {
    font-size: 30px;
  }
  #index .catch_article .catch_section .catchSlider li .catch_text p {
    margin-top: 10px;
    font-size: 17px;
  }
  #index .catch_article .catch_section .catchSlider li .catch_text .link {
    margin-top: 30px;
  }
  #index .contents section {
    padding: 30px 4% 20px;
  }
  #index .information_article .index_section_title {
    margin-bottom: 20px;
  }
  #index .contents .index_section_title h3 {
    margin-bottom: 18px;
    font-size: 24px;
  }
  #index .company_article .company_section .figure {
    margin-bottom: 0;
    padding: 0;
  }
  #index .company_article .company_section .scroll_txt {
    margin: 0 0 44px;
  }
  #index .items_article .items_section ul {
    flex-wrap: wrap;
  }
  #index .items_article .items_section li {
    float: none;
    width: 80%;
    margin: 0 auto 20px;
    padding: 10px;
  }
  #index .items_article .items_section img,
  #index .items_article .items_section dd p {
    width: 100%;
    max-width: 200px;
  }
  #index .items_article .items_section dd p {
    margin: 5px auto 10px;
    font-size: 14px;
  }
  #index .items_article .items_section li:nth-child(2) {
    margin: 0 auto 20px;
  }
  #index .contents .items_article .items_section .link a {
    padding: 6px 30px;
  }
  
  
  #index .information_article section {
    float: none;
    width: 95%;
    margin: 0 auto 20px;
    padding: 20px 2% 10px;
  }
  #index .information_article .iframe_box {
    width: 100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  #index .information_article iframe {
    width: 100%!important;
    display: block;
  }
  
  /*--------------------
　new_information
　--------------------*/
  #new_information ul {
    width: 96%;
    padding: 0 2%;
  }
  #new_information li .title {
    font-size: 15px;
  }
  
  /*--------------------
　goods_exhibition
　--------------------*/
  #goods_exhibition ul {
    width: 96%;
    padding: 0 2%;
  }
  #goods_exhibition li .title {
    font-size: 15px;
  }
  
  /*--------------------
　corporate_concept
　--------------------*/
  
  #corporate .globalMenu li:first-child {
    background: none;
  }
  #corporate .globalMenu li:first-child .menu_li_title a {
    color: #333;
  }
  #corporate .contents .corporate_section .distribution_img {
    margin-bottom: 45px;
    padding: 0;
  }
  #corporate .contents .corporate_section .flow .flow_list.scroll_img {
    padding: 0;
  }
  #corporate .contents .corporate_section .Performance .Performance_list li {
    width: 49%;
  }
  #corporate .contents .corporate_section .p_box {
    margin-top: 0;
    text-align: left;
  }
  #corporate .contents .corporate_section .Performance .Performance_list li p {
    margin: 0 0 15px;
  }
  #corporate .contents .corporate_section .Performance .Performance_list {
    padding-bottom: 25px;
  }
  
  /*--------------------
　corporate_info
　--------------------*/
  #company .globalMenu li:nth-child(2) {
    background: none;
  }
  #company .globalMenu li:nth-child(2) .menu_li_title a {
    color: #333;
  }
  #company .contents .company_section .philosophy,
  #company .contents .company_section .corporate_img,
  #company .contents .company_section .office {
    margin: 0 auto 50px;
  }
  #company .contents .company_section .philosophy li {
    font-size: 17px;
  }
  #company .contents .company_section .catch span {
    font-size: 23px;
  }
  #company .contents .company_section .p_box {
    margin-top: 25px;
    text-align: left;
  }
  #company .contents .company_section .president {
    display: block;
    margin: 0 auto 50px;
  }
  #company .contents .company_section .president .president_left,
  #company .contents .company_section .president .president_right {
    float: none;
    width: 80%;
    margin: 0 auto 10px;
    padding: 20px;
  }
  #company .contents .company_section .overview {
    width: auto;
    margin: 0 auto 40px;
  }
  #company .contents .company_section .overview ul li span:first-child,
  #company .contents .company_section .overview ul li span:last-child {
    width: 100%;
  }
  #company .contents .company_section .overview ul li span {
    display: block;
    box-sizing: border-box;
    float: none;
    padding: 10px 20px;
  }
  #company .contents .company_section .overview ul li:last-child span:first-child {
    padding-bottom: 10px;
  }
  #company .contents .company_section .office {
    flex-wrap:wrap;
  }
  #company .contents .company_section .office .office_img {
    margin: 0 auto 20px;
  }
  #company .contents .company_section .office_title {
    width: auto;
    margin: 0 auto 20px;
  }
  #company .contents .company_section .history {
    width: auto;
    margin: 0 auto 40px;
  }
  #company .contents .company_section .history dt,
  #company .contents .company_section .history dd {
    display: block;
    float: none;
    width: 100%;
  }
  #company .contents .company_section .corporate_img {
    margin: 0 auto 50px;
  }
  #company .contents .company_section .scroll_txt {
    margin: 0 0 50px;
  }
  
  /*--------------------
　products
　--------------------*/
  #products .globalMenu li:nth-child(3) {
    background: none;
  }
  #products .globalMenu li:nth-child(3) .menu_li_title a {
    color: #333;
  }
  #products .contents .products_article .products_section .p_box {
    margin-top: 20px;
    text-align: left;
  }
  #products .contents .products_section .img_list li {
    width: 96%;
    margin: 0 2%;
  }
  #products .contents .products_section .img_list li img {
    margin-bottom: 20px;
  }
  #products .contents .products_section .catalog01, 
  #products .contents .products_section .catalog02, 
  #products .contents .products_section .original, 
  #products .contents .products_section .osechi {
    flex-wrap: wrap;
  }
  #products .contents .products_section .catalog_left, 
  #products .contents .products_section .original .original_left, 
  #products .contents .products_section .osechi .osechi_left {
    width: 100%;
    margin: 0 0 15px;
    text-align: center;
  }
  #products .contents .products_section .catalog_right,
  #products .contents .products_section .original .original_right,
  #products .contents .products_section .osechi .osechi_right {
    width: 100%;
    margin-left: 0;
  }
  #products .contents .products_section .catalog01 {
    padding-top: 40px;
  }
  #products .contents .products_section .catalog02 {
    margin-bottom: 50px;
  }
  #products .contents .products_section .catalog_right p {
    font-size: 17px;
  }
  #products .contents .products_section .original {
    margin: 40px 0 50px;
  }
  #products .contents .products_section .original .original_right .to_contact {
    margin-top: 25px;
    font-size: 16px;
  }
  #products .contents .products_section .osechi {
    margin: 40px 0 25px;
  }
  #products .contents .products_section .offer ul {
    margin-bottom: 0;
  }
  #products .contents .products_section .offer ul li {
    float: none;
    width: 100%;
  }
  #products .contents .products_section .offer ul li:first-of-type {
    margin: 0 0 10px;
  }
  #products .contents .products_section .offer ul li p {
    left: 0;
    padding: 20px 0;
    margin: 0;
    font-size: 16px;
  }
  #products .contents .products_section .offer ul li img {
    top: 0;
    right: 4px;
    margin-right: 0;
  }
  #products .contents .products_section .catalog_left img, 
  #products .contents .products_section .original .original_left img, 
  #products .contents .products_section .osechi .osechi_left img {
    max-width: 338px;
  }
  #products .contents .products_section .original .original_right p,
  #products .contents .products_section .osechi .osechi_right p {
    line-height: 1.5;
  }
  #products .contents .products_section .original .original_right p span,
  #products .contents .products_section .osechi .osechi_right p span{
    font-size: 23px;
  }
  
  /*--------------------
　quality
　--------------------*/
  #quality .globalMenu li:nth-child(4) {
    background: none;
  }
  #quality .globalMenu li:nth-child(4) .menu_li_title a {
    color: #333;
  }
  #quality .contents .quality_section .quality_box_shadow01, 
  #quality .contents .quality_section .quality_box_shadow02, 
  #quality .contents .quality_section .quality_box {
    flex-wrap: wrap;
  }
  #quality .contents .quality_section .quality_box_shadow01,
  #quality .contents .quality_section .quality_box_shadow02 {
    padding: 14px 0;
  }
  #quality .contents .quality_section .quality_box_shadow01 {
    margin: 0 20px 35px 10px;
    box-shadow: 10px 10px #a2dbc3;
  }
  #quality .contents .quality_section .quality_box_shadow02 {
    margin: 0 10px 35px 20px;
    box-shadow: -10px 10px #a2dbc3;
  }
  #quality .contents .quality_section .quality_box_shadow01 > div, 
  #quality .contents .quality_section .quality_box_shadow02 > div, 
  #quality .contents .quality_section .quality_box > div {
    order: 1;
    width: 100%;
    padding: 0 10px;
    margin: 0 0 15px;
  }
  #quality .contents .quality_section .quality_box_shadow01 > p, 
  #quality .contents .quality_section .quality_box_shadow02 > p, 
  #quality .contents .quality_section .quality_box > p {
    order: 2;
    width: 100%;
    padding: 0;
  }
  #quality .contents .quality_section .quality_box_shadow01 h4, 
  #quality .contents .quality_section .quality_box_shadow02 h4 {
    font-size: 17px;
    line-height: 1.5;
  }
  #quality .contents .quality_section .quality_box h4 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.5;
  }
  #quality .contents .quality_section .section_content .quality_box.first_box {
    padding-top: 25px;
    margin-bottom: 30px;
  }
  #quality_news .quality_news .pdf_link .pdf_link_left {
    width: 45%;
    margin: 10px 5% 10px 0;
  }
  #quality_news .quality_news .pdf_link .pdf_link_right {
    width: 45%;
    margin: 10px 0 10px 5%;
  }
  #quality .contents .quality_section .p_box {
    margin-top: 0;
    text-align: left;
  }
  #quality .contents .quality_section .p_box p {
    margin-bottom: 25px;
  }
  #quality .contents .quality_section .quality_box {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 30px;
  }
  #quality .contents .quality_section .p_box span {
    display: block;
    position: static;
    bottom: 0;
    font-size: 13px;
    text-align: center;
  }
  #quality_news .quality_news .pdf_link {
    margin-bottom: 15px;
  }
  .pdf_link .pdf_link_left p span, 
  .pdf_link .pdf_link_right p span {
    margin-top: 5px;
  }
  
  /*--------------------
　recruit
　--------------------*/
  #rectuit .globalMenu li:nth-child(5) {
    background: none;
  }
  #rectuit .globalMenu li:nth-child(5) .menu_li_title a {
    color: #333;
  }
  #rectuit .contents .recruit_section .recruit_list ul li span {
    display: block;
    box-sizing: border-box;
    float: none;
    padding: 8px 15px;
    font-size: 15px;
  }
  #rectuit .contents .recruit_section .recruit_list ul li span:first-child,
  #rectuit .contents .recruit_section .recruit_list ul li span:last-child {
    width: 100%;
  }
  #rectuit .contents .recruit_section .recruit_list ul li:nth-child(4) span:first-child, #rectuit .contents .recruit_section .recruit_list ul li:last-child span:first-child {
    padding-bottom: 10px;
  }
  #rectuit .contents .recruit_section .quality_recruit {
    margin: 25px 0 50px;
  }
  #rectuit .contents .recruit_section .contact_tel span.charge_name {
    display: block;
    margin-left: 0;
    font-size: 16px;
  }
  #rectuit .number {
    font-size: 30px;
  }
  #rectuit .contents .recruit_section .quality_recruit p {
    width: 93%;
    padding: 15px 10px;
    font-size: 16px;
  }
  #rectuit .contents .recruit_section .to_contactform {
    width: 96%;
    margin: 20px auto 25px;
    padding: 12px 0;
    font-size: 16px;
  }
  #rectuit .contents .recruit_section .p_box {
    margin-bottom: 10px;
    text-align: left;
  }
  #rectuit .contents .recruit_section .quality_recruit p img {
    margin-top: -3px;
  }
  
  
  /*--------------------
　qa
　--------------------*/
  #qa .contents .qa_section .qa_box dl {
    padding-bottom: 20px;
  }
  #qa .contents .qa_section .qa_box dl dt {
    padding: 10px;
    font-size: 18px;
    line-height: 1.5;
  }
  #qa .contents .qa_section .qa_box dl dt span {
    display: block;
    margin-right: 0;
    line-height: 1.2;
  }
  #qa .contents .qa_section .qa_box dl dd {
    margin: 20px 10px 35px;
    font-size: 15px;
  }
  #qa .contents .qa_article .article_title h2 p img {
    margin-right: 10px;
  }
  #qa .contents .qa_section .p_box {
    padding-top: 25px;
    margin-bottom: 30px;
    text-align: left;
  }
  
  /*--------------------
　contact
　--------------------*/
  #contact .contents .contact_article .article_title h2 p img {
    margin-right: 10px;
  }
  #contact .contents .contact_section .tel_list ul {
    width: 94%;
  }
  #contact .contents .contact_section .tel_list ul li {
    margin: 25px auto 0;
    line-height: 1;
  }
  #contact .contents .contact_section .tel_list ul li:last-child {
    margin: 15px auto 25px;
  }
  #contact .contents .contact_section .tel_list ul li .tel,
  #contact .contents .contact_section .tel_list ul li .number {
    font-size: 25px!important;
  }
  #contact .contents .contact_section .contact_mail {
    margin: 45px 0 25px;
  }
  #contact .contents .contact_section .contact_mail h4 {
    font-size: 20px;
  }
  #contact .contents .contact_section .contact_form dl {
    flex-wrap: wrap;
  }
  #contact .contents .contact_section .contact_form dl dt,
  #contact .contents .contact_section .contact_form dl dd {
    width: 100%;
    padding: 8px 15px!important;
    text-align: left!important;
  }
  #contact .contents .contact_section .contact_form dl:last-child dt {
    padding-bottom: 10px!important;
  }
  #contact .contents .contact_section .contact_form dl dd input,
  #contact .contents .contact_section .contact_form dl dd textarea {
    width: 95%;
  }
  #contact .contents .contact_section .contact_form dl dd textarea {
    position: static;
  }
  #contact .contents .contact_section .send-btn {
    box-sizing: border-box;
    padding: 10px;
    width: 60%;
    margin: 25px auto 0;
    font-size: 16px;
  }
  form#mailformpro label {
    white-space: normal!important;
  }
  #contact .contents .contact_section .kojinjouhou {
    margin: 25px 0 50px;
    text-align: left;
  }
  
  .contents .article_title h2 .title.thanks {
    font-size: 22px;
  }
  #contact .contents .contact_section .p_box,
  #contact .contents .contact_section .contact_mail p {
    text-align: left;
    line-height: 1.5;
  }
  #contact .contents .contact_section .p_box p span {
    font-size: 20px;
  }
  #contact .contents .contact_section .p_box {
    padding: 18px 0 25px;
    margin-bottom: 10px;
  }

  
  /*--------------------
　privacy
　--------------------*/
  #privacy .contents .privacy_section .p_box {
    width: 100%;
    margin: 0 auto 40px;
  }
  #privacy .contents .privacy_section .p_box .p_last {
    padding-bottom: 20px;
  }
  
  
}

@media screen and (max-width: 419px) {
  /*--------------------
　quality
　--------------------*/
  .quality_title_br {
    display: none;
  }
  
  /*--------------------
　products
　--------------------*/
  .products_title_br {
    display: inline;
  }
  
}

@media screen and (max-width: 359px) {
  /*--------------------
　contact
　--------------------*/
  .contents .article_title h2 .title.thanks {
    font-size: 15px;
  }
  
}