/**
 * スマートフォン用
 */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
.sp {
    display: none;
}

.pc {
    display: block;
}

#top-btn{
    display: none;
}
.access-box .info .address a {
    color: #333;
    text-decoration: none;
}
@media screen and (min-width: 769px){
    a[href^="tel"] {
        pointer-events: none;
    }
}

@media screen and (max-width: 768px) {
    #navi .close span {
        display: block;
        color: white;
        font-size: 14px;
        margin-top: 5px;
    }
    div#head.wrapper.navi-view {
        height: 100vh;
    }
    img{
        max-width: 100%;
    }
    a[href^="tel"] {
       text-decoration: underline;
    }
    .sp {
        display: block;
    }

    .pc {
        display: none;
    }
    #top-btn {
        display: block;
        position: absolute;
        right: 0;
        bottom: calc(100% + 5px);
        z-index: 99;
    }
    .wrapper {
        width: auto;
        min-width: 0;

    }

    .layout {
        width: auto;
        padding: 0 10px;
    }

    .layout2 {
        width: auto;
        overflow: hidden;
        overflow-y: scroll;
        position: fixed;
        top: 75px;
        left: 0;
        right: 0;
        bottom: 70px;
        padding: 0;
        z-index: 999;
    }
    .layout3 {
        width: auto;
        overflow: hidden;
        overflow-y: scroll;
        position: fixed;
        top: 75px;
        left: 0;
        right: 0;
        bottom: 70px;
        padding: 0;
        z-index: 999;
        height:auto;
    }

    body.body-fix {
        -webkit-overflow-scrolling: auto;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    html.html-fix {
        overflow: hidden;
        -ms-touch-action: none;
        touch-action: none;
    }
    body {
        padding-top: 50px;
    }
    body.body-sp{
        padding-top: 0;
    }
    #head {
        height: 50px;

    }
    #head .head-inner {
        height: 50px;
        display: block !important;
        margin: 0 !important;
    }

    #head .head-h1 {
        display: none;
    }

    #head .logo {
        float: none;
        padding-top: 6px;
    }

    #head .logo img {
        width: 218px;
        height: auto;
    }

    #head .tel,
    #head .contact,
    #head .history {
        display: none;
    }

    #head p.history_sp {
        display: block;
        position: absolute;
        right: 110px;
        bottom: 5%;
        font-size: 3vw;
    }

    #head p.history_sp:before {
        display: inline-block;
        content: url(../img/head/history.png);
        padding-right: 5px;
    }

    #head .sp-navi {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    #head .sp-navi img {
        width: 50px;
        height: 50px;
    }

    #navi {
        display: none;
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        height: auto !important;
        z-index: 999;
    }

    #navi ul {
        margin: 0 20px;
        flex-flow: column;
        height:auto;
    }

    #navi li {
        float: none;
        margin-bottom: 8px;
        width: 100%;
    }

    #navi li.sp {
        display: block;
    }

    #navi li a {
        display: block;
        height: 40px;
        background: #fff;
        color: #1a1a1a;
        text-align: center;
        line-height: 40px;
        text-decoration: none;
    }
    #navi li a.is-active{
        color:#fff;
    }
    #navi li a:before {
        content: attr(title);
    }

    #navi li img {
        display: none;
    }

    #navi .close {
        display: block;
        text-align: center;
        margin: 20px 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    #navi .layout2 + .close {
        top: auto;
        bottom: 0;
    }

    #navi .close img {
        width: 30px;
        height: 30px;
    }

    #head .navi-wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 5;
    }

    .navi-view #navi,
    #head.navi-view .navi-wrap {
        display: block;
        background: rgba(0, 0, 0, 0.52);
    }

    .engineering-section {
        margin-bottom: 34px;
    }

    .engineering-section h2 {
        margin-bottom: 10px;
    }

    .engineering-section h2 img {
        height: 18px;
        width: auto;
    }

    .engineering-section ul {
        width: 100% !important;
        margin-right: 0;
    }

    .engineering-section li {
        width: 49%;
        margin: 0 0 16px !important;
        margin-right: 2%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .engineering-section li:nth-child(2n) {
        float: right;
        margin-right: 0;
    }

    .engineering-section li img {
        width: 100%;
        height: auto;
    }

    .contact-box {
        float: none;
        width: auto;
        height: auto;
        padding: 8px 10px;
    }

    .contact-box h2 {
        font-size: 12px;
        margin-bottom: 5px;
        text-align: center;
    }
    #contact-block {
        padding-bottom: 15px;
    }
    .contact-box li.tel {
        padding-bottom: 9px;
        margin-bottom: 10px;
        border-bottom: 1px solid #D9D9D9;
        text-align: center;
    }

    .contact-box li.tel img {
        float: none;
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto 5px;
    }

    .contact-box li.tel span {
        float: none;
        padding: 3px 10px 0;
    }

    .contact-box li.fax {
        margin-bottom: 12px;
        padding: 0;
        display: flex;
        align-items: center;
    }

    .contact-box li.fax img {
        width: 60%;
        height: auto;
        float: left;
        margin-top: -5px;
    }

    .contact-box li.fax span {
        margin: 0 .5em;
        font-size: 12px;
        line-height: 1.3;
    }
    .contact-box li.fax span a{
        color: #333;
    }
    .contact-box li.btn img {
        width: 100%;
        height: auto;
    }
    .recruit-ban {
        float: none;
        text-align: center;
        margin-top: 15px;
    }

    .recruit-ban img {
        width: 100%;
        height: auto;
    }

    #foot-banner {
        padding: 5px 0 0;
        background: #334CB0;
        overflow: inherit;
        position: relative;
    }

    #foot-banner ul {
        width: auto;
        padding-right: 5px;
        text-align: center;
        font-size: 0;
    }

    #foot-banner li {
        font-size: 12px;
        float: none;
        display: inline-block;
        margin-right: 0;
        width: 50%;
        padding-right: 5px;
        margin-bottom: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: none;
    }

    #foot-banner li img {
        max-width: 100%;
        width: auto;
        height: auto;
    }

    #foot {
        padding-top: 15px;
    }

    #foot .info-block {
        width: auto;
        float: none;
    }

    #foot .info-block .desc {
        font-size: 13px;
        text-align: center;
    }

    #foot .info-block h2 {
        text-align: center;
    }

    #foot .info-block h2 img {
        width: 200px;
        height: auto;
    }

    #foot .foot-sitemap-block {
        display: none;
    }

    #foot .copyright {
        text-align: center;
        margin-top: 15px;
        font-size: 11px;
    }
    #headline .topicPath{
        display: none;
    }
    #headline{
        margin-bottom: 0;
        height: auto;
    }
    #headline h1, #headline .headline {
        padding: 30px 0;
        line-height: 1.4;
        font-size: 25px;
    }
    .greeting-section .text,.greeting-section .photo{
        width: 100%;
        float: none;
    }
    .item-about{
        text-align: center;
    }
    .item-about .text h3 {
        padding: 0 0 30px;
    }
    .item-about .text.sp {
        margin-bottom: 30px;
    }
    .item-about img{
        max-width: 230px;
    }
    .greeting-section {
        margin-bottom: 60px;
        font-size: 13px;
        text-align: justify;
    }
    .philosophy-section{
        font-size: 13px;
        margin-bottom: 50px;
    }
    .philosophy-section h3{
       padding: 0 0 30px;
    }
    .txt-img{
        text-align: center;
    }
    .txt-img img{
        max-width: 92%;
        height: auto;
    }
    .philosophy-section .list-box {
        padding: 25px 10px;
        margin: 30px -10px;
    }
    .outline-section {
        margin-bottom: 50px;
        font-size: 13px;
    }
    .mbsp-20{
        margin-bottom: 20px !important;
    }
    .outline-section .half-box,.history-section .half-box {
        width: 100%;
    }
    .outline-section td {
        padding: 3px 0 3px 10px;
    }
    .history-section{
        font-size: 13px;
        margin-bottom: 60px;
    }
    .history-section td {
        padding: 3px 0 8px 10px;
    }
    .eco-box h3 img{
        max-width: 200px;
        height: auto;
        margin-bottom: 15px;
    }
    .eco-box {
        padding: 35px 10px 30px;
        margin: 0 -10px;
        background: #EFF5F8;
        font-size: 13px;
    }
    .eco-box .eco-head h3 {
        float: none;
        text-align: center;
    }
    .eco-box .eco-head .desc {
        float: none;
        padding-left: 0;
        margin-left: 0;
        border: none;
        line-height: 1.7;
    }
    .eco-box .exp {
        margin: 30px 0 30px;
    }
    .history-list{
        margin-bottom: 60px;
    }
    .history-section th{
        width: 6em;
        letter-spacing: 3px;
    }
    .history-banner {
        padding-bottom: 80px;
    }
    .h2-head img{
        height: auto;
        max-width: 355px;
    }
    .access-box{
        font-size: 13px;
        margin-bottom: 60px;
    }
    .access-box .gmap{
        height: 382px;
    }
    .access-box .photo{
        width: 100%;
        margin-bottom: 10px;
    }
    .access-box .photo img{
        height: auto;
    }
    .access-box .info{
        margin-bottom: 21px;
        width: 100%;
    }
    .access-box .info p {
        margin-bottom: 5px !important;
    }
    .access-box ul{
        margin-bottom: 0;
        width: 100%;
    }
    .access-box ul li{
        float: left;
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 21px;
    }
    .access-box ul li:nth-child(2n){
        float: right;
        margin-right: 0;
    }
    .contact-wrap{
        margin-bottom: 60px;
    }
    .contact-wrap,.info-section .desc {
        font-size: 13px;
    }
    .contact-form{
        width: 100%;
    }
    .contact-form tr {
        border-bottom: 1px solid #ccc;
    }
    .contact-form td, .contact-form th {
        display: inline-block;
        border-bottom: none;
        width: auto;
        padding: 0;
        padding-top: 10px;
    }
    .contact-form td.td-label {
        width: auto;
        padding: 10px 0 0;
    }
    .contact-form td.td-label .label{
        width: auto;
        line-height: 1;
        padding: 4px 7px;
        margin-left: 5px;
    }
    .contact-form tr td:nth-child(3){
        display: block;
        width: 100%;
        padding: 5px 0 10px;
    }
    .contact-form .half {
        width: 100%;
        float: none;
        margin: 0;
    }
    .contact-form .privacy-box {
        padding: 10px;
    }
    .contact-form .privacy-box h2{
        margin-bottom: 7px;
    }
    .contact-form .privacy-box dt{
        margin-top: 10px;
    }
    input.text{
        height: 25px;
        line-height: 1.4;
    }
    textarea.text {
        height: 105px;
    }
    .sec01 {
        margin-bottom: 15px;
        font-size: 13px;
    }
    .sec01 .ph-list{
        width: 100%;
    }
    .sec01 .ph-list li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .sub-sec p img,.sec01 p img,.sub-sec ul li img{
        width: 100%;
        height: auto;
    }
    .sec01 .ph-list h3 {
        margin-bottom: 20px;
    }
    .sub-sec .h2-head,.sec01 .h2-head{
        padding-bottom: 5px;
        margin-bottom: 15px;
    }
    .sec06 ul{
        margin-left: 0;
    }
    .sec06 ul li{
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .sec06 ul li:last-child{
        margin-bottom: 0;
    }
    .sec07 .ph-list{
        margin-left: 0;
    }
    .sec07 .ph-list li,.sub-sec .photo{
        width: 100%;
        margin-left: 0;
    }
    .sub-sec .text{
        width: 100%;
    }
    .sub-sec .text {
        width: 100%;
        margin-top: 17px;
    }
    .sub-sec{
        margin-bottom: 50px;
    }
    .service-section {
        margin-bottom: 60px;
        text-align: justify;
    }
    .service-section h2.h2-head {
        padding-bottom: 5px;
        margin-bottom: 15px;
    }
    .solar-section .photo{
        width: 100%;
        text-align: center;
        margin-bottom: 7px;
    }
    .solar-section .photo img{
        max-width: 260px;
        height: auto;
    }
    .solar-intro .text{
        width: 100%;
    }
    .solar-intro .text h3 {
        font-size: 14px;
        margin-bottom: 7px;
    }
    .solar-feature{
        margin-bottom: 30px;
    }
    .solar-feature h3 img{
        height: auto;
    }
    .solar-feature h3 {
        text-align: center;
        margin-bottom: 15px;
    }
    .solar-feature ol li p.head {
        width: 100%;
        font-size: 14px;
        padding: 0 10px;
        float: none;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        height: 30px;
    }
    .solar-feature ol li p.head img {
        height: 20px;
        width: auto;
    }
    .solar-feature ol li{
        padding: 40px 19px 10px 19px;
        border-radius: 10px;
    }
    .solar-feature ol li p{
        padding: 0;
    }
    .solar-feature ol li p.desc-double {
        line-height: 1.6;
    }
    .solar-contact {
        padding: 20px 10px;
        margin: 0 -10px;
    }
    .solar-contact .info{
        width: 100%;
    }
    .solar-contact .btn{
        width: 100%;
        padding-top: 15px;
    }
    .solar-contact .info h3 {
        text-align: center;
        border: none;
        margin-bottom: 5px;
        padding: 0;
    }
    .solar-contact h3 img {
        max-width: 240px;
        height: auto;
    }
    .solar-contact .info p {
        font-size: 13px;
        text-align: center;
    }
    .solar-contact .btn img {
        width: 100%;
        height: auto;
    }
    .layout{
        font-size: 13px;
    }
    .facility-box {
        margin-bottom: 30px;
        display: none;
    }
    .facility-box .fc-list ul{
        width: 100%;
    }
    .facility-box .fc-list li{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 27px;
    }
    .facility-box .fc-list h3,.facility-box .half h3{
        font-size: 14px;
    }
    .facility-box .fc-list li:nth-child(2n){
        margin-right: 0;
    }
    .facility-box .fc-list li img {
        width: 100%;
        height: auto;
    }
    .box-mold.facility-box .fc-list li:first-child {
        width: 100%;
        height: auto;
    }
    .box-mold.facility-box .fc-list li{
        height: auto;
        margin-right: 0;
    }
    .box-mold.facility-box .fc-list li:nth-child(2n){
        margin-right: 2%;
    }
    .facility-box .half{
        width: 100%;
    }
    .facility-box tbody td, .facility-box tbody th {
        vertical-align: middle;
    }
    .page-nav{
        display: none;
    }
    #list {
        margin-bottom: 55px;
    }
    #list.active {
        margin-bottom: 20px;
    }
    .category-list ul{
        width: 100%;
    }
    .category-list li{
        width: 49%;
        margin: 0 2% 10px 0;
        position: relative;
    }
    .category-list li:nth-child(2n) {
        margin-right: 0;
    }
    .category-list li a {
        width: 100% !important;
        font-size: 10px !important;
        height: 38px !important;
        line-height: 1.4 !important;
    }
    .category-list li a.actall:before,.category-list li a.all:before {
        position: absolute !important;
        left: 3px !important;
        top: 3px !important;
        content: url(../../img/index/tag3.jpg) !important;
    }
    .mgsp {
        margin: 0 -10px;
    }
    .access-box li img,.access-box .photo img{
        width: 100%;
    }
    .access-box .info .address a{
        color: #333;
        text-decoration: none;
    }
    .products-list ul {
        width: 100%;
    }
    .products-list ul li {
        width: 49%;
        margin: 0 2% 25px 0;
    }
    .products-list ul li:nth-child(2n) {
        margin-right: 0;
    }
    .products-list ul li img, .products-list .photo {
        width: 100%;
        height: auto;
    }
    .products-list h2 a {
        font-size: 14px;
        line-height: 1.4;
        display: block;
        margin: 5px 0;
    }
    .products-list .catch {
        line-height: 1.4;
    }
    .category-list li a:before {
        width: 30px !important;
        height: 30px !important;
        margin-right: 3px;
    }
    .category-list li a:after {
        left: 45px;
        right: 5px;
        bottom: 5px;
        content: "";
        height: 9px;
        background: url(../../img/index/arr.png)no-repeat;
        background-size: 100%;
    }
    .category-list li a.actall,.category-list li a.all {
        border: none;
        background: #000;
        color: white;
        font-size: 10px;
        line-height: 37px !important;
    }
    .category-list a.actall:after,.category-list li a.all:after {
        position: absolute;
        right: 5px;
        left: 45px;
        content: "";
        bottom: 5px;
    }
    .products-list {
        margin-bottom: 40px;
    }
    .product-info h1 {
        font-size: 17px;
        margin-bottom: 25px;
        line-height: 1.4;
        padding: 6px 15px;
    }
    .faq-box h2 {
        font-size: 13px;
        background-size: 34px;
        padding: 10px 40px 10px 45px;
        position: relative;
    }
    .faq-box h2:after{
        content: '';
        width: 25px;
        height: 25px;
        padding-right: 0;
        background: url("../../common/img/icons/btn-arrow-dow.png")no-repeat;
        background-size: 100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .faq-box-open h2:after{
        background: url("../../common/img/icons/btn-arrow-up.png")no-repeat;
        background-size: 100%;
    }
    .faq-box-open .q-box {
        background-size: 34px;
    }
    .faq-box .q-box p {
        padding: 10px 0 20px 45px;
    }
    .faq-wrap {
        margin-bottom: 80px;
    }
    .media-list ul {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
    }
    .media-list ul li {
        float: left !important;
        width: 48%;
        margin-right: 4%;
        margin-bottom: 26px;
    }
    .media-list ul li:nth-child(2n) {
        float: right !important;
        margin-right: 0;
    }
    .media-list .photo,.media-list .photo img{
        width: 100%;
        height: auto;
    }
    .media-list li.clear {
        clear: none;
    }
    .media-section {
        margin-bottom: 60px;
    }
    .back-btn a {
        padding: 0 16px 0 32px;
        height: 35px;
        line-height: 35px;
        font-size: 12.5px;
    }
    .media-head h1 {
        font-size: 16px;
    }
    .media-head {
        padding-right: 0;
        margin-bottom: 15px;
    }
    .media-head .date {
        display: block;
        position: static;
        font-size: 13px;
    }
    .media-content span strong {
        font-size: 14px;
    }
    .media-content span {
        font-size: 13px !important;
    }
    .media-image-slide {
        padding: 0 57px;
        box-sizing: border-box;
    }
    .js .swiper-button-next {
        right: 0;
    }
    .js .swiper-button-prev {
        left: 0;
    }
    .js .swiper-button-prev, .js .swiper-button-next {
        width: 24px;
        height: 47px;
        background-size: 100% !important;
    }
    .media-wrap {
        margin-bottom: 55px;
    }
    .media-block {
        margin: 23px 0 45px;
    }
    .news-section th{
        display: block;
        width: 100%;
        text-align: left;
    }
    .news-section td {
        display: block;
        width: 100%;
        text-align: left;
        position: relative;
        overflow: hidden;
    }
    .news-section td .txt{
        width: calc(100% - 90px);
        float: left;
    }
    .news-section td .more{
        width: 85px;
        float: right;
    }
    .news-head .date {
        position: static;
    }
    .news-head {
        padding-right: 0;
        margin-bottom: 15px;
    }
    .news-head h1 {
        font-size: 16px;
        font-weight: bold;
    }
    .news-content, .news-content strong {
        font-size: 13px;
    }
    .news-image-slide {
        margin-top: 15px;
        padding: 0 57px;
    }
    .news-image-slide p.swiper-slide.swiper-slide-active {
        box-sizing: border-box;
    }
    .news-image-slide .swiper-slide iframe{
        width: 100% !important;
    }
    .news-section th{
        padding-bottom: 0;
    }
    .news-section td {
        padding-top: 0;
    }
    .pagination a, .pagination span{
        font-size: 13px;
    }
    .news-block {
        margin: 18px 0;
    }
    .news-wrap {
        margin-bottom: 70px;
    }
    .info-section .photo-box .half-box {
        width: 100%;
        margin-bottom: 15px;
    }
    .relation-section .photo, .relation-section .photo img {
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    .relation-section .swiper-slide.diva.swiper-slide-active {
        padding: 0 57px;
    }
    .js .swiper-button-prev, .js .swiper-button-next{
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        margin: 0;
    }
    .relation-section .swiper-container{
        width: 100%;
    }
    .info-section .photo-box .photo img {
        width: 100%;
        height: auto;
    }
    .info-section {
        margin-bottom: 60px;
    }
    .relation-section {
        padding: 30px 0;
    }

    .sitemap-section {
        width: 100%;
        margin: 0 0 20px;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .sitemap-section ul {
        width: 33.333%;
    }
    .sitemap-section a {
        font-size: 13px;
    }
    .section01 .box .row {
        display: block;
    }
    .section01 .box .row .col {
        display: block;
        width: 100%;
        border-bottom: 1px dotted #ccc;
        margin-bottom: 20px;
    }
    .section01 .box .row .col:nth-child(1){
        border-right: none;
        padding: 0 0 15px;
    }
    .section01 .box .row .col:nth-child(2) {
        padding: 0 0 15px;
    }
    .section01 .box .row:first-child {
        border-bottom: none;
    }
    .section01 .box .row .col h3 img {
        width: 100%;
        height: auto;
    }
    .section01 .box .row .col h3 {
        position: static;
    }
    .section01 .box .row .col p {
        padding-top: 5px;
        font-size: 13px;
        line-height: 1.6;
    }
    .section01 .box .row:last-child .col:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }
    .body-fix .section01{
        padding-bottom: 0;
    }
    .footer-contact-box-wrapper .content .mail-btn span {
        padding-right: 15px;
    }
    .body-sp .section01 .box01 h2,.body-sp .section02 .box01 h2 {
        position: static;
    }
    .body-sp .section01 .box01 .info {
        margin-left: 0;
        width: 100%;
        padding-top: 17px;
    }
    .rowsp{
        margin: 0 -10px;
    }
    .section01 .box03.sp {
        margin-bottom: 30px;
    }
    .section02 .box03 {
        margin-bottom: 60px;
    }
    .section-block .box01 .info .post{
        font-size: 14px;
    }
    .section-block .box01 .info .txt01,.section-block .box01 .info .date{
        font-size: 13px;
    }
    .section-block .box01 .info .name {
        margin-bottom: 10px;
        font-size: 31px;
    }
    .section02 .box01 .info {
        width: 100%;
        padding-top: 20px;
    }
    .section-block .box01 .info .title {
        font-size: 16px;
    }
    .section01 {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .media-list .date {
        font-size: 14px;
    }
    .h2-head.head-sp{
        padding-left: 30px;
        position: relative;
        padding-bottom: 5px;
    }
    .h2-head.head-sp span.sp{
        font-weight: bold;
        font-size: 24px;
    }
    .h2-head.head-sp span.sp .en{
        color: #0025b0;
        display: inline-block;
        margin-left: 10px;
        padding-left: 15px;
        border-left: 2px solid #767676;
        line-height: 1.2;
        font-size: 16px;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
    }
    .h2-head.head-sp:before{
        content: "";
        width: 17px;
        height: 17px;
        background: url("../../common/img/icons/bf.png")no-repeat;
        background-size: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .info-section .sub-desc.z0 {
        text-indent: 0;
        padding-left: 0;
    }
    .section-block1 .greeting {
        width: 100%;
        padding: 40px 10px;
        box-sizing: border-box;
        text-align: justify;
        font-size: 13px;
        border-bottom: solid 1px #9F8D55;
    }
    .section-block1 .greeting .photo-r {
        width: 100%;
        text-align: center;
    }
    .section-block1 .greeting .photo-r img{
        max-width: 180px;
    }
    .section-block1 .greeting .photo img{
        max-width: 180px;
    }
    .section-block1 .greeting .text-l {
        width: 100%;
        font-size: 13px;
    }
    .section-block1 .greeting .text-l h3 {
        text-align: center;
    }
    .section-block1 .greeting .text-l h3 img,.section-block1 .greeting .text h3 img {
        max-height: 52px;
        margin: 20px auto 0;
        padding: 0;
    }
    .section-block1 .greeting .photo {
        width: 100%;
        text-align: center;
    }
    .mainimage {
        height: auto;
        margin-top: 0;
    }
    .mainimage p {
        position: static;
        margin: 0;
    }
    .section-block1 .greeting .text-l span,.section-block1 .greeting .text span {
        position: static;
        display: block;
        text-align: right;
        padding-top: 10px;
        overflow: hidden;
    }
    .section-block1 .greeting .text {
        width: 100%;
    }
    .section-block.section-sp {
        margin: 35px -10px 55px;
    }
    .section-block1.section-block1-sp .greeting:last-child {
        border-bottom: none;
    }
    .section-block1.section-block1-sp {
        padding-bottom: 0;
        background: url("../../70th/img/index/70bg-sp.png")repeat-y;
        background-size: 100%;
    }
    .section-block1 .greeting .text-l span img, .section-block1 .greeting .text span img {
        max-height: 16px;
        float: right;
    }
    .btn_en {
        width: 50px;
        left: auto;
        right: 50px;
    }
    .btn_en img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 500px) {
    .category-list li a:after {
        height: 5px;
        background: url(../../img/index/arr.png)no-repeat;
        background-size: 100%;
    }
    .news-section td .txt{
        width: 260px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .news-image-slide .swiper-slide iframe{
        height: 150px !important;
    }
}
@media screen and (max-width: 365px) {
    .news-section td .txt{
        width: 240px;
    }
}
@media screen and (max-width: 330px) {
    .news-section td .txt{
        width: 220px;
    }
}