@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 999px), screen and (max-height: 699px) {
	/* 999px以下に適用されるCSS（タブレット用） */



    body {
        margin-top: 75px;
    }


/******************************************************************************************************************************/
/*ヘッダー*/
/******************************************************************************************************************************/

    header {
        width: 100%;
        height: 75px;
        position: fixed;
        top: 0;
        left: 0;
        padding: 2vh 0 0 0px;
        border-right: 0px solid #D7D7CF;
        background-color: rgba(255,255,255,1);
        z-index: 999;
    }
    
    header div.headerwrap {
        height: initial;
        margin: 0 0 0 0;
        padding: 0 0 0 10px;
    }
    
   /*ロゴ下テキスト*/
    p.headertext {
        display: none;
    }

/******************************************************************************************************************************/
/***グローバルナビゲーション***/

    /* ハンバーガーメニュー */
    .header__hamburger {
        width: 48px;
        height: 78px;
        position: absolute;
        top: 0;
        right:15px;
        cursor: pointer;
    }

    .hamburger {
        background-color: transparent;
        border-color: transparent;
        z-index: 9999;
    }

    /* ハンバーガーメニューの線 */
    .hamburger span {
        width: 100%;
        height: 2px;
        background-color: #162D61;
        position: relative;
        transition: ease .4s;
        display: block;
    }

    .hamburger span:nth-child(1) {
        top: 0;
    }

    .hamburger span:nth-child(2) {
        margin: 15px 0;
    }

    .hamburger span:nth-child(3) {
        top: 0;
    }

    /* ハンバーガーメニュークリック後のスタイル */
    .header__nav.active {
        transform: translateX(0);
    }

    .hamburger.active span:nth-child(1) {
        top: 15px;
        transform: rotate(45deg);
    }

    .hamburger.active span:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active span:nth-child(3) {
        top: -18px;
        transform: rotate(-45deg);
    }

    /*デフォルトは非表示*/
    nav.headernav {
        display: none;
    }
    
    nav.headernav.active {
        display: block;
        background-color: #FFFFFF;
        transition: ease .4s;
    }
        
    /*ナビプロダクツ部分*/
    nav.headernav ul.productsmenu {
        padding: 1vh 0;
        margin: 0 0 2vh 0;
        border-top: 1px solid #D7D7CF;
        border-bottom: 1px solid #D7D7CF;
        display: flex;
        flex-wrap: wrap;
    }
    
    nav.headernav ul.productsmenu li {
        width: 20%;
   }

    nav.headernav ul.productsmenu li a {
        width: 100%;
        height: 100px;
        min-height: 65px;
        display: block;
        font-size: 0.8rem;
        padding-left: 0;
    }

    nav.headernav ul.productsmenu li.vegetable a {
        background:  url("../images/vegetable.png") no-repeat center bottom;
        background-size: auto 80%;
    }
    
    nav.headernav ul.productsmenu li.dehydration a {
        background:  url("../images/dehydration.png") no-repeat center bottom;
        background-size: auto 80%;
    }
    
    nav.headernav ul.productsmenu li.food a {
        background:  url("../images/food.png") no-repeat center bottom;
        background-size: auto 80%;
    }
    
    nav.headernav ul.productsmenu li.noodles a {
        background:  url("../images/noodles.png") no-repeat center bottom;
        background-size: auto 80%;
    }
    
    nav.headernav ul.productsmenu li.sprouts a {
        background:  url("../images/sprouts.png") no-repeat center bottom;
        background-size: auto 80%;
    }
    
    nav.headernav ul.productsmenu li a:hover {
        background-color: #F7F7F7;
        transition: .3s;
    }

    nav.headernav ul.productsmenu li a div.menutext {
        display: flex;
    }
    
    /*通常ナビ部分*/
    nav.headernav ul.gnav {
        background-color: #FFFFFF;
        padding-bottom: 10px;
    }
    
    nav.headernav ul.gnav > li {
        margin:  1vh 0 0;
        text-align: center;
    }
    
    nav.headernav ul.gnav > li > a {
        display: block;
        font-size: 0.9rem;
        height: 2.6vh;
        min-height: 30px;
		line-height: 3.0vh;
    }
    
    nav.headernav ul.gnav > li:last-child {
        display: block;
        width: 80%;
        height: 90px;
        margin: 10px 10%;
        background-color: #162D61;
        position: relative;
        bottom: initial;
        left: initial;
    }
    
    nav.headernav ul.gnav > li:last-child a {
        display: flex;
        width: 100%;
        height: 90px;
        margin: 0;
        align-items: center;
        justify-content: center;
        border-right: 0px solid #D7D7CF;
    }
    nav.headernav ul.gnav > li:last-child a span {
        font-size: 1.2rem;
        color: #ffffff;
        line-height: 2.0rem;
        text-align: center;
        text-align: justify;
        text-align-last:justify;
    }

    /*言語選択*/
    nav.headernav ul.langnav {
        width: 100%;
        height:  4vh;
        border-top: 1px solid #D7D7CF;
        border-bottom: 1px solid #D7D7CF;
        display: flex;
        position: relative;
        bottom: initial;
        background-color: #FFFFFF;
    }
    
    nav.headernav ul.langnav > li {
        width: 33.3%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    nav.headernav ul.langnav > li > a {
        font-size: 0.9rem;
        color: #666666;
    }

    nav.headernav ul.langnav > li.jp::before {
        content: '';
        display: inline-block;
        width: .5em;
        height: .5em;
        border-radius: 5em;
        margin-right: .5em;
        background: #E94F20;
        vertical-align: 2px;
    }



/******************************************************************************************************************************/
/*フッター*/
/******************************************************************************************************************************/

    footer {
        display: flex;
        width: 100%;
        margin-left: 0px;
        padding: 50px 5%;
        background-color: #162D61;
		flex-wrap: wrap;
    }
    
    footer div.footerwrap {
        width: 100%;
        max-width: auto;
        margin: 0 auto;
        padding: 0;
        display: flex;
		flex-wrap: wrap;
}
    
    footer div.footerwrapleft {
        width: 60%;
    }
    
    footer div.footerwrapcenter {
        width: 40%;
    }
    
    footer div.footerwrapright {
        width: 100%;
		display: flex;
    }
    
    footer div.title {
        font-size: 1.0rem;
        color: #FFFFFF;
		margin-right: 5vw;
        margin-bottom: 0px;
    }
    
    footer div.footerwrapleft div.footercategorwrap {
        display:flex;
        margin-bottom: 20px;
    }
    
    footer div.footerwrapcenter div.footercategorwrap {
        display:block;
        margin-bottom: 50px;
    }

    footer div.footercategorwrap div.categorytitle {
        width: 30%;
        font-size: 0.9rem;
        color: #FFFFFF;
        white-space: nowrap;
    }
    
    footer div.categorytitle::before {
        content: '－';
        margin-right: 5px;
    }
    
    footer div.footercategorwrap ul.footerlink {
        display: block;
        margin: 3px 0 0 30px;
    }
    footer div.footercategorwrap ul.footerlink li {
        line-height: 0.8rem;
        margin-bottom: 10px;
    }
    footer div.footercategorwrap ul.footerlink li a {
        font-size: 0.8rem;
        color: #FFFFFF;
        text-decoration: underline;
    }
    
    footer div.footerlogo {
        width: 100%;
        max-width: auto;
        margin: 50px auto 0;
    }
    
    footer div.footerlogo p {
        font-size: 0.7rem;
        color: #FFFFFF;
        margin: 10px 0 0;
    }

    /*ページトップへのボタン*/
    div.pagetop {
        cursor: pointer;
        position: fixed;
        right: 10px;
        bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        transition: .3s;
        color: #FFFFFF;
        background-color: #162D61;
        border: solid 1px #FFFFFF;
        
        /*   デフォルトは非表示 */
        opacity: 0;
    }
    .pagetop:hover {
        background: #E94F20;
    }


/******************************************************************************************************************************/
/*共通部分*/
/******************************************************************************************************************************/
    
    /*汎用枠*/
    
    div.common {
        width: 100%;
        margin-left: 0px;
    }


/***2階層目スライド***/
    
	div.secondslideimages {
        width: calc(100% + 6vw);
        margin-left: -3vw;
        height: 400px;
	}
	
	div.secondslideimages div.swiper-wrapper {
        width: 100%;
        height: 400px;
	}
    
    div.secondslideimages div.swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center bottom;
    }
	
	div.secondslideimages div.noslide {
        width: 100%;
        height: 400px;
	}
    
    div.secondslideimages div.noslide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center bottom;
    }

    /*ページネーション*/
    div.secondslideimages div.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 10px;
    }
    
    div.secondslideimages span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
        background-color: #E94F20;
    }
    
    div.secondslideimages span.swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: #CCCCCC;
    }



/***3階層目スライド***/
    
	section.productscontentstop div.secondslideimages {
        width: calc(100% + 6vw);
        margin-left: -3vw;
        height: 500px;
	}
	
	section.productscontentstop div.secondslideimages div.swiper-wrapper {
        width: 100%;
        height: 500px;
	}
    
    section.productscontentstop div.secondslideimages div.swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
	
	section.productscontentstop div.secondslideimages div.noslide {
        width: 100%;
        height: 500px;
	}
    
    section.productscontentstop div.secondslideimages div.noslide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

    /*ページネーション*/
    section.productscontentstop div.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 10px;
    }
    
    section.productscontentstop span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
        background-color: #E94F20;
    }
    
    section.productscontentstop span.swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: #CCCCCC;
    }



/***4階層目スライド***/
    
	section.productscontentstop div.thirdslideimages {
        width: calc(100% + 10vw);
        margin-left: -5vw;
        height: 400px;
	}
	
	section.productscontentstop div.thirdslideimages div.swiper-wrapper {
        width: 100%;
        height: 400px;
	}
    
    section.productscontentstop div.thirdslideimages div.swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
	
	section.productscontentstop div.thirdslideimages div.noslide {
        width: 100%;
        height: 400px;
	}
    
    section.productscontentstop div.thirdslideimages div.noslide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }





/******************************************************************************************************************************/
/*メインコンテンツエリア*/
/******************************************************************************************************************************/
    
    div.maincontents {
        width: 100%;
        margin-left: 0px;
    }



/******************************************************************************************************************************/
/***トップページ***/



    /*トップページ-スライド*/
	section.topimages {
        width: 100%;
        height: calc(100vh - 75px);
	}
	
	section.topimages div.swiper-wrapper {
        width: 100%;
        height: calc(100vh - 75px);
	}
    
    /*1枚目*/
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide001 {
        width: 100%;
        height: calc(100vh - 75px);
        position: relative;
    }
	
	section.topimages div.swiper-wrapper div.swiper-slide div.topslide001 img {
        width: 100%;
        height: calc(100vh - 75px);
		object-fit: contain;
		object-position: center 15%;
	}
    
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide001 p {
        width: 100%;
        position: absolute;
        bottom: 15vh;
        left: 6vw;
    }
        
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide001 p span.textl {
        display: block;
        font-family: "notosbold";
        font-size: 7.0vw;
        color: #000000;
        text-shadow: 2px 2px 2px #FFFFFF;
        margin-bottom: 5vh;
    }
        
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide001 p span.textm {
        display: block;
        font-family: "notosbold";
        font-size: 3.5vw;
        color: #000000;
        text-shadow: 2px 2px 2px #FFFFFF;
    }
    
    /*2枚目*/
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide002 {
        width: 100%;
        height: calc(100vh - 75px);
        position: relative;
    }
	
	section.topimages div.swiper-wrapper div.swiper-slide div.topslide002 img {
        width: 100%;
        height: calc(100vh - 75px);
		object-fit: contain;
		object-position: center 15%;
	}
    
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide002 p {
        width: 100%;
        position: absolute;
        bottom: 15vh;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
    }
        
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide002 p span.textl {
        display: block;
        font-family: "notobold";
        font-size: 7.0vw;
        color: #000000;
        text-shadow: 0px 0px 2px #FFFFFF;
        margin-bottom: 5vh;
    }
        
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide002 p span.textm {
        display: block;
        font-family: "notobold";
        font-size: 3.0vw;
        color: #000000;
        text-shadow: 2px 2px 2px #FFFFFF;
    }
    
    /*3枚目*/
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide003 {
        width: 100%;
        height: calc(100vh - 75px);
        position: relative;
		text-align: right;
    }
	
	section.topimages div.swiper-wrapper div.swiper-slide div.topslide003 img {
        width: 100%;
        height: calc(100vh - 75px);
		object-fit: cover;
		object-position: center top;
	}
    
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide003 p {
        width: 100%;
        position: absolute;
        top: 5vh;
		left: initial;
        right: 6vw;
    }
        
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide003 p span.textl {
        display: block;
        font-family: "notobold";
        font-size: 8.0vw;
        color: #FFFFFF;
        text-shadow: 1px 1px 0px #00000;
        margin-bottom: 4vh;
    }
        
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide003 p span.textm {
        display: block;
        font-family: "notobold";
        font-size: 4.5vw;
        color: #FFFFFF;
        text-shadow: 1px 1px 0px #000000;
    }
    
    /*スライドナビボタン*/
    div.swiper-button-prev::after {
        color: #555555;
    }
    
    div.swiper-button-next::after {
        color: #555555;
    }

    /*ページネーション*/
    section.topimages div.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 30px;
    }
    
    section.topimages span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
        background-color: #E94F20;
    }
    
    section.topimages span.swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: #CCCCCC;
    }
    
    /*画像ズーム*/
    section.topimages div.swiper-wrapper div.swiper-slide.swiper-slide-active img {
        animation-name:zoomInAnime;
        animation-duration:40.0s;
        animation-fill-mode:forwards;
    }



    /*トップページ-アイデンティティ*/
    section.topidentity {
        width:  100%;
        padding: 100px 10vw;
    }
    
    section.topidentity div.topidentityhwrap {
        position: relative;
    }
    
    section.topidentity div.topidentityhwrap h2 {
        font-family: "notosbold";
        font-size: 1.5rem;
		margin: 0 0 50px 0;
    }
    
    section.topidentity div.topidentityhwrap p.en {
        font-family: "notobold";
        color: #162D61;
        font-size: 7.5vw;
		letter-spacing: 0;
		white-space: nowrap;
        position: relative;
        transform: initial;
        transform-origin: initial;
		margin-bottom: 10px;
    }
	
	section.topidentity p.text {
		margin: 0 0 50px 0;
		line-height: 2.0rem;
	}
	
	section.topidentity div.topidentityimg {
		width: calc(100% + 10vw);
		height: 450px;
	}
	
	section.topidentity div.topidentityimg img {
		width: 100%;
		margin-left: -5vw;
		height: 100%;
		object-fit: cover;
        object-position: top;
	}
    

    
    /*トップページ-理由*/
    section.topreason {
        width:  100%;
        padding: 5vw;
		text-align: center;
    }
    
    section.topreason div.topreasonhwrap {
        position: relative;
    }
    
    section.topreason div.topreasonhwrap h2 {
        font-family: "notosbold";
        font-size: 1.5rem;
		margin: 10px 0 50px 0;
    }
    
    section.topreason div.topreasonhwrap p.en {
        font-family: "notobold";
        color: #162D61;
        font-size: 7.5vw;
		letter-spacing: 0;
		white-space: nowrap;
    }
    
    section.topreason div.topreasonwrap {
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
    }
	
	section.topreason div.topreasonwrap ol {
		display: flex;
		align-items: top;
		justify-content: center;
	}
	
	section.topreason div.topreasonwrap ol li {
		width: 33.3%;
	}
	
	section.topreason div.topreasonwrap ol li div.topreasonimg img {
		border-radius: 50%;
        width: 90%;
		max-width: 230px;
		height: auto;
        margin: 0 5%;
	}
    
    section.topreason div.topreasonwrap ol li div.topreasontext {
        font-family: "notosbold";
        font-size: 1.15rem;
    }
    
    section.topreason div.topreasonwrap ol li div.topreasontext span {
        display: block;
        font-family: "notobold";
        font-size: 0.5rem;
        color: #E94F20;
        letter-spacing: 0;
        margin: 20px 0 10px;
    }
    
    section.topreason div.morebutton {
        margin: 70px 0;
    }

    /*ボタン01*/
    button.more01  {
        width: 270px;
        height: 65px;
        background-color: #042548;
        position: relative;
    }
    
    button.more01::after {
         content: "";
        display: block;
        width: 100px;
        height: 0;
        border-bottom: 1px solid #D7D7CF;
        position: absolute;
        right: -50px;
        top: 32.5px;
    }
    
    button.more01 a  {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 270px;
        height: 65px;
        font-size: 1.2rem;
        color: #FFFFFF;
    }
    
    button.more01 a:hover {
        background-color: #E94F20;
    }



    /*トップページ-製品案内*/
    section.topproducts {
        width:  100%;
        padding: 50px 0;
		text-align: center;
    }
    
    section.topproducts div.topproductshwrap {
        position: relative;
    }
    
    section.topproducts div.topproductshwrap h2 {
        font-family: "notosbold";
        font-size: 1.5rem;
		margin: 10px 0 50px 0;
    }
    
    section.topproducts div.topproductshwrap p.en {
        font-family: "notobold";
        color: #162D61;
        font-size: 7.5vw;
		letter-spacing: 0;
		white-space: nowrap;
    }
    
    section.topproducts div.topproductswrap {
        width: 100%;
        display: block;
    }
    
    section.topproducts div.topproductswrap div.category {
        width: 100%;
        height: 20vh;
        min-height: 140px;
        position: relative;
    }
    
    section.topproducts div.topproductswrap div.vegetable {
        background: url( "../images/topproductsvegetable.jpg") no-repeat center center;
        background-size: cover;
    }
    
    section.topproducts div.topproductswrap div.noodles {
        background: url("../images/topproductsnoodles.jpg") no-repeat center center;
        background-size: cover;
    }
    
    section.topproducts div.topproductswrap div.food {
        background: url("../images/topproductsfood.jpg") no-repeat center center;
        background-size: cover;
    }
    
    section.topproducts div.topproductswrap div.sprouts {
        background: url("../images/topproductssprouts.jpg") no-repeat center center;
        background-size: cover;
    }
    
    section.topproducts div.topproductswrap div.dehydration {
        background: url("../images/topproductsdehydration.png") no-repeat left center;
        background-size: cover;
    }

    section.topproducts div.topproductswrap div.categorewrap {
        width: 60%;
        height: 90%;
        background-color: rgba(22, 45, 97, 0.9);
        position: absolute;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    section.topproducts div.topproductswrap h3 {
        width: 15%;
        height: 85%;
        margin: 0 auto;
        padding-right: 5%;
        display: block;
        writing-mode: vertical-rl;
        color: #FFFFFF;
        text-align: center;
        border-right: solid 1px #FFFFFF;
    }
    
    section.topproducts div.topproductswrap h3 a {
        color: #FFFFFF;
    }
    
    section.topproducts div.topproductswrap ul {
        width: 70%;
        padding-right: 5%;
    }
    
    section.topproducts div.topproductswrap ul li {
        font-size: 0.8rem;
        color: #FFFFFF;
        display: block;
        margin: 5px 0;
        text-align: left;
    }
    
    section.topproducts div.topproductswrap ul li a {
        font-size: 0.8rem;
        text-decoration: underline;
        color: #FFFFFF;
        line-height: 0.8rem;
    }



    /*トップページ-お知らせ*/
    section.topnews {
        width:  100%;
        padding: 5vw 5vw 10vw;
		text-align: center;
    }
    
    section.topnews div.topnewshwrap {
        position: relative;
    }
    
    section.topnews div.topnewshwrap h2 {
        font-family: "notosbold";
        font-size: 1.5rem;
		margin: 10px 0 50px 0;
    }
    
    section.topnews div.topnewshwrap p.en {
        font-family: "notobold";
        color: #162D61;
        font-size: 7.5vw;
		letter-spacing: 0;
		white-space: nowrap;
    }
	
	section.topnews div.topnewswrap {
		width: 100%;
		margin-bottom: 50px;
	}

	section.topnews div.topnewswrap ul li {
		display: flex;
		align-items: flex-start;
		border-bottom: solid 1px #D7D7CF;
		padding: 20px 0;
	}

	section.topnews div.topnewswrap ul li span {
		display: inline;
		
	}
	section.topnews div.topnewswrap ul li div {
		display: inline;
		border: solid 1px #E94F20;
		color: #E94F20;
		font-size: 0.7rem;
		white-space: nowrap;
		margin: 0 30px;
		padding: 2px 10px;
	}

	section.topnews div.topnewswrap ul li a {
		text-align: left;
	}
	
	section.topnews div.allbutton {
		text-align: right;
	}


    
    /*トップページ-アクセス*/
    section.topaccess {
        width:  100%;
        padding: 50px;
		background-color: #F7F7F7;
		text-align: center;
    }
	
	section.topaccess address {
		width: 100%;
		text-align: left;
		font-size: 0.9rem;
		margin-bottom: 30px;
	}
	
	section.topaccess address span.place {
		font-size: 1.1rem;
		color: #162D61;
		margin-right: 15px;
	}
	
	section.topaccess address span.number {
		margin-left: 15px;
	}
	
	section.topaccess div.topmap {
		width: calc(100% + 100px);
		margin-left: -50px;
	}
	
	section.topaccess div.topaddresswrap {
		display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        margin-top: 50px;
	}
	section.topaccess div.topaddresswrap div.address {
		width: auto;
        min-width: 300px;
		text-align: left;
        margin: 20px 29px;
	}
	
	section.topaccess div.topaddresswrap div.address div.branch {
		display: inline-block;
		color: #162D61;
		font-size: 1.0rem;
		margin: 5px 0;
	}
	
	section.topaccess div.topaddresswrap div.address div.branchmap {
		display: inline-block;
		color: #E94F20;
		font-size: 0.7rem;
        letter-spacing: 0;
		border: solid 1px #E94F20;
		float: right;
		margin: 4px 0 0 0;
	}
	
	section.topaccess div.topaddresswrap div.address div.branchmap a {
        display: block;
        width: 100%;
        height: 100%;
		color: #E94F20;
		font-size: 0.7rem;
        letter-spacing: 0;
		padding: 1px 10px;
	}
	
	section.topaccess div.topaddresswrap div.address div.branchother {
		display: block;
		width: 100%;
		font-size: 0.8rem;
        border-top: solid 1px #D7D7CF;
        padding-top: 10px;
    }



/******************************************************************************************************************************/
/***PRODUCSページ***/



/***PRODUCTSトップ***/

    /*PRODUCSページ-見出し*/

    section.productstop {
        width:  100%;
        padding: 3vh 3vw;
		text-align: left;
    }
    
    section.productstop div.productstophwrap {
        position: relative;
    }
    
    section.productstop div.productstophwrap h1 {
        font-family: "notobold";
        color: #162D61;
        font-size: 3.5rem;
        letter-spacing: 0;
        white-space: nowrap;
    }
    
    section.productstop div.productstophwrap p.ja {
        font-family: "notosbold";
        font-size: 1.3rem;
        margin: 10px 0 20px 0;
    }
    
    section.productstop div.productstophwrap div.blead {
        display: 100%;
        text-align: right;
        position: relative;
        right: 0;
        top: 0;
        font-size: 0.8rem;
        color: #555555;
        margin-bottom: 10px;
}
    
    section.productstop div.productstophwrap div.blead span {
        font-size: 0.8rem;
        color: #555555;
        margin: 0 10px;
}
    
    section.productstop div.productstophwrap div.blead span a {
        font-size: 0.8rem;
        color: #555555;
        text-decoration: underline;
    }
    
    /*PRODUCSページ-概要*/

    section.productsoverview {
        width:  100%;
        padding: 5vw 5vw 2vw;
		text-align: left;
    }
    
    section.productsoverview h2 {
        font-size: 1.5rem;
        color: #162D61;
        font-family: "notobold";
        margin-bottom: 40px;
    }
    
    section.productsoverview p {
        line-height: 2.0rem;
    }
    
    section.productsfeature {
        width:  100%;
        padding: 2vw 5vw 5vw;
		text-align: left;
    }
    
    section.productsfeature h2 {
        font-size: 1.5rem;
        color: #162D61;
        font-family: "notobold";
        margin-bottom: 40px;
    }
    
    section.productsfeature p {
        line-height: 2.0rem;
    }
    
    section.productsfeature h3 {
        font-size: 1.2rem;
        color: #162D61;
        font-family: "notobold";
        margin: 20px 0;
    }



/******************************************************************************************************************************/
/***PRODUCTSセカンドページ以下***/

/***PRODUCTSセカンドページ（製品個別ページ以外）共通***/
	
    /*見出し*/

    section.productscontentstop {
        width:  100%;
        padding: 3vh 5vw;
		text-align: left;
    }
    
    section.productscontentstop div.productscontentshwrap {
        position: relative;
        padding-bottom: 0px;
        border-bottom: solid 1px #D7D7CF;
        margin-bottom: 20px;
    }
    
    section.productscontentstop div.productscontentshwrap h1 {
        font-family: "notobold";
        color: #162D61;
        font-size: 1.9rem;
        letter-spacing: 0;
        white-space: nowrap;
        margin: 5px 0 15px 0;
    }
    
    section.productscontentstop div.productscontentshwrap p.sub {
        font-family: "notosbold";
        font-size: 1.1rem;
        color: #E94F20;
    }
    
    /*パンくず*/
    
    section.productscontentstop div.productscontentshwrap div.blead {
        width: 100%;
        display: block;
        position: relative;
        right: 0;
        top: 0;
        font-size: 0.8rem;
        color: #555555;
        text-align: right;
        margin-bottom: 10px;
}
    
    section.productscontentstop div.productscontentshwrap div.blead span {
        font-size: 0.8rem;
        color: #555555;
        margin: 0 10px;
}
    
    section.productscontentstop div.productscontentshwrap div.blead span a {
        font-size: 0.8rem;
        color: #555555;
        text-decoration: underline;
    }
    
    /*概要*/

    section.productsoverview {
        width:  100%;
        padding: 2vw 5vw 2vw;
		text-align: left;
    }
    
    section.productsoverview h2 {
        font-size: 1.5rem;
        color: #162D61;
        font-family: "notobold";
        margin-bottom: 40px;
    }
    
    section.productsoverview p {
        line-height: 2.0rem;
    }
    
    /*理由*/

    section.productsreason {
        width:  100%;
        padding: 2vw 5vw 5vw;
		text-align: center;
        position: relative;
    }
    
    section.productsreason div.reasonback {
        display: none;
        width: 100%;
        margin-left: 0;
        height: 22vw;
        max-height: 290px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -999;
}
    
	/*3つ*/
    
	section.productsreason div.productsreasonwrap ol {
		display: block;
		align-items: top;
		justify-content: center;
	}
	
	section.productsreason div.productsreasonwrap ol li {
		width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: left;
        margin-bottom: 10px;
	}
	
	section.productsreason div.productsreasonwrap ol li div.productsreasonimg img {
		border-radius: 50%;
        width: 30%;
		min-width: 130px;
		height: auto;
        margin: 0 2%;
	}
    
    section.productsreason div.productsreasonwrap ol li div.productsreasontext h3 {
        font-family: "notosbold";
        font-size: 1.2rem;
        color: #E94F20;
        margin: 20px 0 0px;
        padding: 0 7%;
    }
    
    section.productsreason div.productsreasonwrap ol li div.productsreasontext p {
        display: block;
        font-family: "notom";
        font-size: 1.0rem;
        line-height: 1.8rem;
        letter-spacing: 0;
        margin: 10px 0 10px;
        padding: 0 7%;
        text-align: left;
    }


/***PRODUCTSセカンドページ（製品個別ページ）共通***/

    /*見出し*/

    section.productscontentsunder {
        width:  100%;
        padding: 3vh 5vw;
		text-align: left;
    }
    
    section.productscontentsunder div.productscontentshwrap {
        position: relative;
        padding-bottom: 0px;
        border-bottom: solid 1px #D7D7CF;
        margin-bottom: 20px;
    }
    
    section.productscontentsunder div.productscontentshwrap p.sub {
        font-family: "notosbold";
        font-size: 1.1rem;
        color: #E94F20;
    }
    
    section.productscontentsunder div.productscontentshwrap p.category {
        font-family: "notobold";
        color: #162D61;
        font-size: 1.9rem;
        letter-spacing: 0;
        white-space: nowrap;
        margin: 5px 0 25px 0;
    }
    
    /*説明テキストなしVer*/
    
	section.productscontentsunder div.productscontentsunderhwrap {
        display: flex;
        align-content: center;
        border-top: solid 1px #D7D7CF;
        position: relative;
    }
    
    section.productscontentsunder div.productscontentsunderhwrap div.info {
        display: block;
        width: 25%;
        padding: 15px 0;
		border-left: solid 1px #D7D7CF;
		padding-left: 20px;
    }

    section.productscontentsunder div.productscontentsunderhwrap div.info a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 50%;
        font-size: 0.9rem;
    }
    
    section.productscontentsunder div.productscontentsunderhwrap div.info a.mail:before {
        content: '';
        width: 23px;
        height: 15px;
        display: inline-block;
        background-image: url("../images/productsmail.png");
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 10px;
    }
     
    section.productscontentsunder div.productscontentsunderhwrap div.info a.download:before {
        content: '';
        width: 23px;
        height: 20px;
        display: inline-block;
        background-image: url("../images/productsdownload.png");
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 10px;
    }
   
    section.productscontentsunder div.productscontentsunderhwrap h1 {
        width: 75%;
        display: block;
        font-size: 1.6rem;
        color: #162D61;
        font-family: "notobold";
        padding: 30px 0;
    }
    
    /*説明テキストありVer*/
    
	section.productscontentsunder div.productscontentsunderhwrap02 {
        display: flex;
        align-content: center;
        border-top: solid 1px #D7D7CF;
        position: relative;
		padding: 10px 0;
    }
    
    section.productscontentsunder div.productscontentsunderhwrap02 div.info {
        display: block;
        width: 25%;
        padding: 15px 0;
		border-left: solid 1px #D7D7CF;
		padding-left: 20px;
    }

    section.productscontentsunder div.productscontentsunderhwrap02 div.info a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 50%;
        margin-left: 0px;
        font-size: 0.9rem;
    }
    
    section.productscontentsunder div.productscontentsunderhwrap02 div.info a.mail:before {
        content: '';
        width: 23px;
        height: 15px;
        display: inline-block;
        background-image: url("../images/productsmail.png");
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 10px;
    }
     
    section.productscontentsunder div.productscontentsunderhwrap02 div.info a.download:before {
        content: '';
        width: 23px;
        height: 20px;
        display: inline-block;
        background-image: url("../images/productsdownload.png");
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 10px;
    }
   
    section.productscontentsunder div.productscontentsunderhwrap02 div.hgr {
        width: 40%;
        display: block;
        padding: 30px 0;
	}

	section.productscontentsunder div.productscontentsunderhwrap02 h1 {
        font-size: 1.6rem;
        color: #162D61;
        font-family: "notobold";
			margin-bottom: 5px;

    }
	section.productscontentsunder div.productscontentsunderhwrap02 div.hgr span {
		font-size: 0.7rem;
	}
	
    section.productscontentsunder div.productscontentsunderhwrap02 div.htext {
		width: 35%;
		font-size: 0.8rem;
		display: flex;
		align-items: center;
		border-left: solid 1px #D7D7CF;
		padding: 0 20px;
	}
    
    /*パンくず*/
    
    section.productscontentsunder div.productscontentshwrap div.blead {
        width: 100%;
        display: block;
        position: relative;
        right: 0;
        top: 0;
        font-size: 0.7rem;
        color: #555555;
        text-align: right;
        margin-bottom: 10px;
}
    
    section.productscontentsunder div.productscontentshwrap div.blead span {
        font-size: 0.7rem;
        color: #555555;
        margin: 0 10px;
}
    
    section.productscontentsunder div.productscontentshwrap div.blead span a {
        font-size: 0.7rem;
        color: #555555;
        text-decoration: underline;
    }
    
    /*製品共通スライド*/
    section.productscontentsunder div.productsslideimages {
        width: 100%;
        height: auto;
        max-height: 500px;
        position: relative;
    }
    
    section.productscontentsunder div.productsslideimages div.swiper {
    }
    
    section.productscontentsunder div.productsslideimages div.swiper div.swiper-wrapper {
    }
    
    section.productscontentsunder div.productsslideimages div.swiper div.swiper-wrapper div.swiper-slide {
        text-align: center;
    }
    
    section.productscontentsunder div.productsslideimages div.swiper div.swiper-wrapper div.swiper-slide img {
        object-fit: cover;
        object-position: center top;
        max-height: 500px;
    }
    
    section.productscontentsunder div.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: -50px;
}

    /*ページネーション*/
    section.productscontentsunder div.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: -30px;
    }
    
    section.productscontentsunder span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
        background-color: #E94F20;
    }
    
    section.productscontentsunder span.swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: #CCCCCC;
    }

    


/***PRODUCTSセカンドページ製品カテゴリ***/

    section.productslistparts {
        width:  100%;
        padding: 0vw 5vw 2vw;
		text-align: center;
    }
    
    section.productslistparts div.category01contentwrap > div {
        width: 100%;
        height: auto;
        display: block;
	}
    
    section.productslistparts div.category02 {
        width: 100%;
        border-top: solid 1px #D7D7CF;
        border-bottom: solid 1px #D7D7CF;
        padding: 15px 0 15px;
        margin-top: 15px;
        }
    
    section.productslistparts div.category02 a:hover span:nth-child(2) {
        background-color: #E94F20;
        color: #FFFFFF;
    }
    
    
    
/***PRODUCSページ-機器詳細ページ***/

    section.productsdetails {
        width:  100%;
        padding: 5vw 5vw 5vw;
		text-align: left;
    }
	
	/*タブ*/
	
	div.productstabarea{
		width: 100%;
		margin: 0 auto;
		border-bottom: solid 1px #D7D7CF;
		padding-bottom: 15px;
	}
	
	div.productstabarea input.tabbtn{
		display:none;
	}
	
	div.productstabarea ul.tablistwrap{
		padding:0;
		margin: 0;
		list-style-type:none;
		display:flex;
		border-bottom: solid 1px #D7D7CF;
		padding-bottom: 15px;
	}

	div.productstabarea ul li label.tablist{
		display:block;
		width: 120px;
		padding: 15px 0;
		text-align:center;
		box-sizing:border-box;
		cursor:pointer;
		font-size: 1.1rem;
		color: #777777;
		font-family: "notobold";
	}
    
	div.productstabarea ul li label.tablistwide{
		display:block;
		width: 120px;
		padding: 15px 0;
		text-align:center;
		box-sizing:border-box;
		cursor:pointer;
		font-size: 1.1rem;
		color: #777777;
		font-family: "notobold";
        white-space: initial;
	}

	#tabbtn1:checked ~ .tablistwrap #tablist1,
	#tabbtn2:checked ~ .tablistwrap #tablist2,
	#tabbtn3:checked ~ .tablistwrap #tablist3,
	#tabbtn4:checked ~ .tablistwrap #tablist4,
    #tabbtn5:checked ~ .tablistwrap #tablist5,
	#tabbtn6:checked ~ .tablistwrap #tablist6{
		border: solid 2px #162D61;
		color: #000000;
	}
	
	div.productstabarea div.tabcontent{
		padding:20px;
		display:none;
	}
	
	#tabbtn1:checked ~ .tabcontentwrap #tabcontent1,
	#tabbtn2:checked ~ .tabcontentwrap #tabcontent2,
	#tabbtn3:checked ~ .tabcontentwrap #tabcontent3,
	#tabbtn4:checked ~ .tabcontentwrap #tabcontent4,
    #tabbtn5:checked ~ .tabcontentwrap #tabcontent5,
	#tabbtn6:checked ~ .tabcontentwrap #tabcontent6{
		display: block;
		animation: appear .5s ease;
	}
    
    /*特徴タブ*/
    
	div.productstabarea div.tabcontent > div {
		margin: 25px 0;
		display: flex;
	}
	
	div.productstabarea div.tabcontent p {
		line-height: 1.8rem;
	}
	
	div.productstabarea div.tabcontent p span {
		display: block;
		color: #E94F20;
		font-family: "notobold";
        margin-bottom: 5px;
	}
	
	div.productstabarea div.point {
		background-color: #E94F20;
		color: #FFFFFF;
		padding: 2px 20px;
		font-size: 0.7rem;
		margin-right: 25px;
		height: 1.8rem;
		line-height: 1.5rem;
	}
	
	div.productstabarea div.pointblue {
		background-color: #162D61;
		color: #FFFFFF;
		padding: 2px 10px;
		font-size: 0.7rem;
		margin-right: 25px;
		height: 2.0rem;
		line-height: 1.5rem;
        border: solid 1px #FFFFFF;
        border-radius: 50%;
        box-shadow: rgba(22, 45, 97, 0.16) 0px 1px 4px, rgb(22, 45, 97) 0px 0px 0px 2px;
	}
    
    /*仕様タブ*/
    
    div.productstabarea div.spec {
        margin-top: 10px;
        overflow-x: auto;
    }
    
    div.productstabarea div.spec p {
        font-size: 1.2rem;
		font-family: "notobold";
        display: inline;
        margin: 5px 0 20px;
    }
    
    div.productstabarea div.spec span.sub {
        color: #E94F20;
        font-size: 0.9rem;
        margin-left: 50px;
    }
    
    div.productstabarea div.spec span.name {
        color: #E94F20;
        font-size: 1.2rem;
		font-family: "notobold";
        margin-left: 10px;
    }
    
    div.productstabarea div.spec table {
        table-layout: fixed;
        width: 100%;
		word-break: break-all;
		word-wrap: break-all;        margin: 30px 0 10px;
        border-top: solid 1px #D7D7CF;
        border-left: solid 0px;
    }
    
    div.productstabarea div.spec th {
        border-bottom: solid 1px #D7D7CF;
        padding: 10px;
        font-size: 0.9rem;
        color: #888888;
        max-width: 180px;
    }
        
    div.productstabarea div.spec th.sub {
        border-bottom: solid 1px #D7D7CF;
        border-left: solid 1px #D7D7CF;
        padding: 10px;
        font-size: 0.9rem;
        color: #888888;
    }

    div.productstabarea div.spec td {
        border-bottom: solid 1px #D7D7CF;
        border-left: solid 1px #D7D7CF;
        padding: 10px;
        font-size: 0.9rem;
        vertical-align: middle;
        text-align: center;
    }
    
    /*幅広い表の場合*/
    
    div.productstabarea div.spec table.wide {
        table-layout: inherit;
		width: auto;
        max-width: 200%;
		word-break: break-all;
		word-wrap: break-all;
		margin: 30px 0 10px;
        border-top: solid 1px #D7D7CF;
        border-left: solid 0px;
    }
    
    div.productstabarea div.spec table.wide th {
        border-bottom: solid 1px #D7D7CF;
        padding: 10px;
        font-size: 0.9rem;
        color: #888888;
        min-width: 100px;
        white-space: nowrap;
    }
        
    div.productstabarea div.spec table.wide th.sub {
        border-bottom: solid 1px #D7D7CF;
        border-left: solid 1px #D7D7CF;
        padding: 10px;
        font-size: 0.9rem;
        color: #888888;
    }

    div.productstabarea div.spec table.wide td {
        border-bottom: solid 1px #D7D7CF;
        border-left: solid 1px #D7D7CF;
        padding: 10px;
        font-size: 0.9rem;
        vertical-align: middle;
        text-align: center;
        white-space: nowrap;
    }
    
    div.productstabarea span.comments {
        font-size: 0.9rem;
        color: #888888;
    }
	
    div.productstabarea div.spec th.gr {
		background-color: #F7F7F7;
	}
 	
    div.productstabarea div.spec td.gr {
		background-color: #F7F7F7;
	}
    
    div.productstabarea div.spec th.wid {
        width: 15%;
        max-width: 180px;
        border-bottom: solid 1px #D7D7CF;
        padding: 10px;
        font-size: 0.9rem;
        color: #888888;
    }
    
    div.productstabarea span.comments02 {
        display: block;
        height: 100%;
        padding-left: clamp(100px, 10%, 180px);
        font-size: 0.9rem;
        color: #888888;
    }
    
    div.productstabarea span.comments03 {
        display: block;
        height: 100%;
        padding-left: clamp(100px, 10%, 180px);
        font-size: 0.9rem;
        color: #888888;
    }
    
    div.productstabarea span.comments04 {
        display: block;
        height: 100%;
        padding-left: clamp(150px, 13%, 180px);
        font-size: 0.9rem;
        color: #888888;
    }
    
    div.productstabarea span.comments05 {
        display: block;
        height: 100%;
        padding-left: clamp(150px, 13%, 180px);
        font-size: 0.9rem;
        color: #888888;
    }
    
    div.productstabarea span.comments06 {
        display: block;
        height: 100%;
        padding-left: clamp(150px, 13%, 180px);
        font-size: 0.9rem;
        color: #888888;
    }
    
    div.productstabarea span.comments07 {
        display: block;
        height: 100%;
        padding-left: clamp(150px, 13%, 180px);
        font-size: 0.9rem;
        color: #888888;
    }
    
    div.productstabarea div.spec table.clear {
        table-layout: fixed;
        width: 100%;
		word-break: break-all;
		word-wrap: break-all;
        margin: 30px 0 10px;
        border-top: solid 0px #D7D7CF;
        border-left: solid 0px;
    }
    
    div.productstabarea div.spec td.boil01 {
        width: 162px;
    }
  
    /*寸法タブ*/
    
    div.sizewrap {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        margin-left: auto;
        margin-right: auto;
    }
    
    div.productstabarea p.size {
        display: block;
        width: 100%;
        background-color: #E94F20;
        color: #FFFFFF;
        font-size: 0.9rem;
        padding-left: 10px;
        margin-bottom: 15px;
    }
    
    div.sizewrap img {
        width: 100%;
        max-width: 800px;
        min-width: 500px;
    }
    
    /*関連情報*/
    
    section.connection {
        width:  100%;
        padding: 0vw 5vw 5vw;
		text-align: left;
    }
    
    section.connection p {
        font-size: 1.2rem;
        font-family: "notosbold";
    }
    
    section.connection div.connectionwrap {
        border: solid 1px #D7D7CF;
        padding: 45px;
        margin: 10px 0 0;
    }
    
    section.productslistparts div.youtube {
        width: 30vw;
        height: 20vw;
        float: none;
        margin: 0px 0 10px 10px;
    }
    
    section.productslistparts div.youtube iframe {
        width: 100%;
        height: 100%;
    }

	

	



/******************************************************************************************************************************/
/*各種リンク*/
/******************************************************************************************************************************/
    section.link {
        width: 100%;
        margin-left: 0px;
        padding: 50px 3vw 50px;
    }
    
    


/******************************************************************************************************************************/
/***VISIONページ***/
	
/*VISIONトップ*/

    /*VISIONページ-見出し*/

    section.visiontop {
        width:  100%;
        padding: 3vh 3vw;
		text-align: left;
    }
    
    section.visiontop div.visiontophwrap {
        position: relative;
    }
    
    section.visiontop div.visiontophwrap h1 {
        font-family: "notobold";
        color: #162D61;
        font-size: 3.5rem;
        letter-spacing: 0;
        white-space: nowrap;
    }
    
    section.visiontop div.visiontophwrap p.ja {
        font-family: "notosbold";
        font-size: 1.3rem;
        margin: 10px 0 20px 0;    }
    
    section.visiontop div.visiontophwrap div.blead {
        width: 100%;
        display: block;
        position: relative;
        right: 0;
        top: 0;
        font-size: 0.8rem;
        color: #555555;
        text-align: right;
        margin-bottom: 10px;
}
    
    section.visiontop div.visiontophwrap div.blead span {
        font-size: 0.8rem;
        color: #555555;
        margin: 0 10px;
}
    
    section.visiontop div.visiontophwrap div.blead span a {
        font-size: 0.8rem;
        color: #555555;
        text-decoration: underline;
    }
    
    /*VISIONページ-理念タイトル*/

    section.visionphilosophy {
        width:  100%;
        padding: 5vw 5vw 5vw;
		text-align: center;
    }
    
    section.visionphilosophy span {
        color: #7381a0;
        font-family: "notobold";
        font-size: 1.5rem;
    }
    
    section.visionphilosophy h2 {
        display: block;
        font-size: 2.0rem;
        font-family: "notobold";
        margin: 15px 0 0;
    }
    
    section.visionphilosophy p {
        line-height: 2.0rem;
    }

    /*VISIONページ-企業理念*/

    section.visionphilosophytext {
        width:  100%;
        padding: 5vw 5vw 5vw 5vw;
        display: block;
    }
    
    section.visionphilosophytext div.philosophytext {
        width: 100%;
    }
    
    section.visionphilosophytext div.philosophyimage {
        width: 100%;
        height: auto;
    }
    
    section.visionphilosophytext h3 {
        font-size: 1.5rem;
        color: #162D61;
        font-family: "notobold";
        margin: 15px 0 40px;
    }
    
    section.visionphilosophytext p {
        display: block;
        padding-right: 0vw;
        line-height: 2.5rem;
        font-size: 1.1rem;
        margin-bottom: 10px;
    }

    /*VISIONページ-約束*/

    section.visionpromise {
        width:  100%;
        padding: 3vh 0 0;
		text-align: left;
    }

    section.visionpromise h2 {
        display: block;
        font-size: 2.0rem;
        font-family: "notobold";
        margin: 15px 0 30px;
        text-align: center;
    }
    
    section.visionpromise span.sub {
        display: block;
        color: #7381a0;
        font-family: "notobold";
        font-size: 1.5rem;
        text-align: center;
    }
    
    section.visionpromise div.visionpromiseimages {
        background-image: url("../images/visionpromisetopimage.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: auto;
        min-height: 400px;
        position: relative;
        z-index: -999;
        background-color: #D7D7CF;
    }
    
    section.visionpromise div.visionpromisetext {
        width: 100%;
        background-color: #D7D7CF;
        padding:  10vh 2vw 0;
        position: relative;
        z-index: -999;
    }
    
    section.visionpromise div.visionpromisetext::before {
        content: '';
        width: 25%;
        height: auto;
        padding-top: 100%;
        background-image: url("../images/logo_white.png");
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: -110px;
        z-index: -99;
    }
    
    section.visionpromise div.visionpromisetext p {
        width: 80%;
        display: block;
        font-size: 1.1rem;
        line-height: 2.5rem;
        margin: 0 auto;
        z-index: 999;
    }
    
    section.visionpromise div.visionpromiseimportant {
        width: 100%;
        background-color: #D7D7CF;
        padding:  0 3vh 5vh 3vh;
    }
    
    section.visionpromise div.visionpromiseimportant ul {
        display: block;
        align-items: flex-start;
    }
    
    section.visionpromise div.visionpromiseimportant ul li {
        width: 100%;
        padding: 0 3vw;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    
    section.visionpromise div.visionpromiseimportant ul li span.pre {
        display: block;
        position: absolute;
        top: 80px;
        writing-mode: vertical-rl;
        font-size: 0.8rem;
        letter-spacing: 0rem;
    }
    
    section.visionpromise div.visionpromiseimportant ul li span.title {
        width: 100%;
        max-width: 300px;
        height: 300px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        writing-mode: vertical-rl;
        margin-top: 70px;
        background-image: url("../images/logo_white.png");
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center top;
        font-size: 1.6rem;
        color: #162D61;
        padding-top: 80px;
    }
    
    section.visionpromise div.visionpromiseimportant ul li span.detail {
        font-size: 1.0rem;
        color: #000000;
        line-height: 2.0rem;
    }



/******************************************************************************************************************************/
/***COMPANYページ***/
	
/*COMPANYトップ*/

    /*COMPANYページ-見出し*/

    section.companytop {
        width:  100%;
        padding: 3vh 3vw;
		text-align: left;
    }
    
    section.companytop div.companytophwrap {
        position: relative;
    }
    
    section.companytop div.companytophwrap h1 {
        font-family: "notobold";
        color: #162D61;
        font-size: 3.5rem;
        letter-spacing: 0;
        white-space: nowrap;
    }
    
    section.companytop div.companytophwrap p.ja {
        font-family: "notosbold";
        font-size: 1.3rem;
        margin: 10px 0 20px 0;
    }
    
    section.companytop div.companytophwrap div.blead {
        width: 100%;
        display: block;
        position: relative;
        right: 0;
        top: 0;
        font-size: 0.8rem;
        color: #555555;
        text-align: right;
        margin-bottom: 10px;
}
    
    section.companytop div.companytophwrap div.blead span {
        font-size: 0.8rem;
        color: #555555;
        margin: 0 10px;
}
    
    section.companytop div.companytophwrap div.blead span a {
        font-size: 0.8rem;
        color: #555555;
        text-decoration: underline;
    }
    
    section.companytop div.companytopimages {
        background-image: url("../images/companytopimage.jpg");
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: cover;
        width: calc(100% + 10vw);
        height: auto;
        min-height: 400px;
        position: relative;
        margin-left: -5vw;
    }
    
    /*COMPANYページ-理由*/

    section.companyreason {
        width:  100%;
        padding: 5vw;
		text-align: center;
    }
    
    section.companyreason span {
        color: #7381a0;
        font-family: "notobold";
        font-size: 1.5rem;
    }
    
    section.companyreason h2 {
        display: block;
        font-size: 2.0rem;
        font-family: "notobold";
        margin: 15px 0 50px;
    }

    section.companyreason div.topreasonhwrap {
        position: relative;
    }
    
    section.companyreason div.topreasonhwrap p.en {
        font-family: "notobold";
        color: #162D61;
        font-size: 5.0rem;
		letter-spacing: 0;
		white-space: nowrap;
    }
	    
    section.companyreason div.topreasonwrap {
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
    }

	section.companyreason div.topreasonwrap ol {
		display: flex;
		align-items: top;
		justify-content: center;
	}
	
	section.companyreason div.topreasonwrap ol li {
		width: 33.3%;
	}
	
	section.companyreason div.topreasonwrap ol li div.topreasonimg img {
		border-radius: 50%;
        width: 90%;
		max-width: 230px;
		height: auto;
        margin: 0 5%;
	}
    
    section.companyreason div.topreasonwrap ol li div.topreasontext {
        font-family: "notosbold";
        font-size: 1.15rem;
    }
    
    section.companyreason div.topreasonwrap ol li div.topreasontext span {
        display: block;
        font-family: "notobold";
        font-size: 0.5rem;
        color: #E94F20;
        letter-spacing: 0;
        margin: 20px 0 10px;
    }

    section.companyreason div.topreasonwrap ol li div.detail {
        display: block;
        font-family: "notom";
        font-size: 1.0rem;
        line-height: 1.8rem;
        letter-spacing: 0;
        margin: 20px 0 10px;
        padding: 0 7%;
        text-align: left;
    }
    
    /*COMPANYページ - 代表あいさつ*/

    section.companymessage {
        width:  100%;
        padding: 5vw;
		text-align: center;
    }
    
    section.companymessage span {
        color: #7381a0;
        font-family: "notobold";
        font-size: 1.5rem;
    }
    
    section.companymessage h2 {
        display: block;
        font-size: 2.0rem;
        font-family: "notobold";
        margin: 15px 0 50px;
    }
    
    section.companymessage div.companymessagewrap {
        width: 100%;
        display: block;
        align-items: flex-start;
        justify-content: flex-start;
    }
    
    section.companymessage div.companymessagewrap div.photos {
        width: 80%;
        display: flex;
        flex-flow: column;
        align-items: center;
        margin: 0 auto;
    }
    
    section.companymessage div.companymessagewrap div.photos img:last-child {
        max-width: 232px;
        margin: 20px 0;
    }
    
    section.companymessage div.companymessagewrap div.text {
        width: 100%;
        text-align: left;
    }
    
    section.companymessage div.companymessagewrap div.text h3 {
        display: block;
        background-color: #162D61;
        color: #FFFFFF;
        padding: 15px 3vw;
        font-size: 1.5rem;
        font-family: "notobold";
        line-height: 2.5rem;
        text-align: center;
    }
    
    section.companymessage div.companymessagewrap div.text p {
        display: block;
        padding: 25px 3vw;
        font-size: 1.1rem;
        line-height: 2.0rem;
    }
    
    /*COMPANYページ - 会社概要*/

    section.companyabout {
        width:  100%;
        padding: 5vw 3vw;
		text-align: center;
    }
    
    section.companyabout span.sub {
        color: #7381a0;
        font-family: "notobold";
        font-size: 1.5rem;
    }
    
    section.companyabout h2 {
        display: block;
        font-size: 2.0rem;
        font-family: "notobold";
        margin: 15px 0 50px;
    }
    
    section.companyabout div.companyaboutwrap {
        width: 90%;
        margin: 0 5%;
        border-top: solid 1px #D7D7CF;
    }
    
    section.companyabout div.companyaboutwrap div.item {
        border-bottom: solid 1px #D7D7CF;
        text-align: left;
        padding: 30px 0;
        display: flex;
        align-items: flex-start;
    }
    
    section.companyabout div.companyaboutwrap div.item div.name {
        display: block;
        width: 15%;
        min-width: 125px;
        max-width: 135px;
        white-space: nowrap;
        font-family: "notobold";
    }
    
    section.companyabout div.companyaboutwrap div.item div.details {
        width: 100%;
        display: block;
    }
    
    section.companyabout div.companyaboutwrap div.item div.details p {
        margin-bottom: 50px;
    }
    
    section.companyabout div.companyaboutwrap div.item div.details p span.address {
        display: block;
        font-size: 1.0rem;
        color: #162D61;
        margin-bottom: 5px;
    }
    
    section.companyabout div.companyaboutwrap div.item div.details p a.map {
        font-size: 0.7rem;
        color: #E94F20;
        letter-spacing: 0.0rem;
        border: solid 1px #E94F20;
        margin-left: 20px;
        padding: 1px 20px;
    }
    
    section.companyabout div.companyaboutwrap div.item div.details table td {
        padding-right: 20px;
    }
    
    section.companyabout div.companyaboutwrap div.item div.details ul {
        list-style: disc;
        padding-left: 30px;
    }
    
    /*アコーディオン*/
    
    /*ベース*/
   section.companyabout .toggle {
        display: none;
    }

    /*タイトル*/
    section.companyabout .label {
        padding: 0em;
        display: block;
        color: #000000;
        background:#FFFFFF;
        cursor: pointer;
        text-align: right;
        padding-right: 50px;
    }
    
    /*タイトル横の矢印*/
    section.companyabout .label::before{
        content:"";
        width: 6px;
        height: 6px;
        border-top: 2px solid #000000;
        border-right: 2px solid #000000;
        -webkit-transform: rotate(45deg);
        position: absolute;
        top:calc( 50% - 3px );
        right: 20px;
        transform: rotate(135deg);
    }
    
    section.companyabout .label,
    .content {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
        transition: all 0.3s;
    }
    
    /*本文*/
    section.companyabout .content {	
        height: 0;
        margin-bottom:10px;
        padding:0 20px;
        overflow: hidden;
    }
    
	/*開閉時*/
    section.companyabout .toggle:checked + .label + .content {
        height: auto;
        padding:20px ;
        transition: all .3s;
    }
    
    section.companyabout .toggle:checked + .label::before {
        transform: rotate(-45deg) !important;
    }
    
    section.companyabout div.content table td {
        border-top: 1px solid #D7D7CF;
    }
    
    section.companyabout div.content table td {
        vertical-align: middle;
        border-bottom: 1px solid #D7D7CF;
        padding: 10px 0;
    }
    
    div.companyhistorywrap {
        width: 100%;
        margin: 0 0;
        padding: 0 5vw;
        background-color: #F7F7F7;
    }
    
    div.companyhistorywrap div.companyhistorylinespace {
        width: 100%;
        border-left: 8px solid #D7D7CF;
        padding: 5vw 0;
    }
    
    div.companyhistorywrap div.companyhistoryspace {
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }

    div.companyhistorywrap div.companyhistoryspace div.companyhistoryleftline {
        width: 10%;
        height: 3px;
        background-color: #D7D7CF;
        position: relative;
    }
    
    div.companyhistorywrap div.companyhistoryspace div.companyhistoryleftline:before {
        content: '';
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #162D61;
        position: absolute;
        left: -16px;
        top: 50%;
        transform: translate(0, -50%);
    }
    
    div.companyhistorywrap div.companyhistoryspace div.companyhistorywhitebase {
        width: 90%;
        background-color: #FFFFFF;
        padding: 20px 30px;
        text-align: left;
    }
	
	section.companyabout div.companyaboutwrap div.item div.details div.companyhistorywrap div.companyhistoryspace div.companyhistorywhitebase p {
		margin-bottom: 10px;
	}
    
    div.companyhistorywrap div.companyhistoryspace div.companyhistorywhitebase p span {
        display: block;
        font-size: 1.5rem;
        color: #E94F20;
        margin-bottom: 10px;
    }
	
	div.companyhistorywrap div.companyhistoryspace div.companyhistorywhitebase div.photo {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	
	div.companyhistorywrap div.companyhistoryspace div.companyhistorywhitebase figure {
		width: 46%;
		height: auto;
		margin: 10px 2%;
		float: left;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	
	div.companyhistorywrap div.companyhistoryspace div.companyhistorywhitebase figure img {
		width: 100%;
	}
    
    
    
    /*COMPANYページ - 沿革*/
    
    div.companyhistorywrap {
        width: 100%;
        margin: 0 0;
        padding: 0 5vw;
        background-color: #F7F7F7;
    }
    
    div.companyhistorywrap div.companyhistorylinespace {
        width: 100%;
        border-left: 8px solid #D7D7CF;
        padding: 5vw 0;
    }
    
    div.companyhistorywrap div.companyhistoryspace {
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }

    div.companyhistorywrap div.companyhistoryspace div.companyhistoryleftline {
        width: 10%;
        height: 3px;
        background-color: #D7D7CF;
        position: relative;
    }
    
    div.companyhistorywrap div.companyhistoryspace div.companyhistoryleftline:before {
        content: '';
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #162D61;
        position: absolute;
        left: -16px;
        top: 50%;
        transform: translate(0, -50%);
    }
    
    div.companyhistorywrap div.companyhistoryspace div.companyhistorywhitebase {
        width: 90%;
        background-color: #FFFFFF;
        padding: 20px 30px;
        text-align: left;
    }
	
	section.companyabout div.companyaboutwrap div.item div.details div.companyhistorywrap div.companyhistoryspace div.companyhistorywhitebase p {
		margin-bottom: 10px;
	}
    
    div.companyhistorywrap div.companyhistoryspace div.companyhistorywhitebase p span {
        display: block;
        font-size: 1.5rem;
        color: #E94F20;
        margin-bottom: 10px;
    }
	
	div.companyhistorywrap div.companyhistoryspace div.companyhistorywhitebase div.photo {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	
	div.companyhistorywrap div.companyhistoryspace div.companyhistorywhitebase figure {
		width: 46%;
		height: auto;
		margin: 10px 2%;
		float: left;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	
	div.companyhistorywrap div.companyhistoryspace div.companyhistorywhitebase figure img {
		width: 100%;
	}





    /*COMPANYページ - アクセス*/

    
    section.companyabout div.companyaccesswrap {
        width: 90%;
        margin: 0 5%;
        border-top: solid 1px #D7D7CF;
    }

    section.companyabout div.companyaccesswrap div.item {
        border-bottom: solid 1px #D7D7CF;
        text-align: left;
        padding: 25px 0 0 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    
    section.companyabout div.companyaccesswrap div.item div.name {
        display: block;
        width: 100%;
        white-space: nowrap;
        font-family: "notobold";
    }
    
        
    section.companyabout div.companyaccesswrap div.item div.name span {
        width: 50%;
        display: block;
        float: right;
        margin-right: 15%;
    }

    
    section.companyabout div.companyaccesswrap div.item div.details {
        width: 100%;
        display: block;
        position: relative;
    }
    
    /*アコーディオン*/
    
    /*ベース*/
   section.companyabout div.companyaccesswrap .toggle {
        display: none;
    }

    /*タイトル*/
    section.companyabout div.companyaccesswrap .label {
        padding: 0em;
        display: block;
        color: #000000;
        background:#F7F7F7;
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: -10px;
    }
    
    /*タイトル横の矢印*/
    section.companyabout div.companyaccesswrap .label::before{
        content:"";
        width: 10px;
        height: 10px;
        border-top: 2px solid #000000;
        border-right: 2px solid #000000;
        -webkit-transform: rotate(45deg);
        position: absolute;
        top:calc( 50% - 3px );
        right: 20px;
        transform: rotate(135deg);
    }
    
    section.companyabout div.companyaccesswrap .label,
    .content {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
        transition: all 0.3s;
    }
    
    /*本文*/
    section.companyabout div.companyaccesswrap .content {	
        width: calc(100% + 20px);
        height: 0;
        margin-top:15px;
        margin-left: -20px;
        margin-bottom:0px;
        padding:0 0;
        overflow: hidden;
        background-color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
	/*開閉時*/
    section.companyabout div.companyaccesswrap .toggle:checked + .label + .content {
        height: auto;
        padding:0px ;
        transition: all .3s;
    }
    
    section.companyabout div.companyaccesswrap .toggle:checked + .label::before {
        transform: rotate(-45deg) !important;
    }
    
    section.companyabout div.companyaccesswrap .content iframe {
        margin: 20px;
    }
    
        
    /*組織図*/




/******************************************************************************************************************************/
/***PRIVACY POLICYページ***/

	section.privacy {
        width:  100%;
        padding: 3vh 5vw 5vh;
		text-align: left;
	}
	
	section.privacy h2 {
		font-size: 1.3rem;
		margin-bottom: 30px;
		color: #162D61;
		font-family: "notobold"; /* ボールド */ 
	}
	
	section.privacy p {
		line-height: 2.0rem;
		padding-bottom: 20px;
	}
	
	section.privacy ol {
		list-style: decimal;
		padding-left: 30px;
	}
	
	section.privacy ol li {
		font-size: 1.1rem;
		font-family: "notobold"; /* ボールド */ 
	}
	
	section.privacy ol li span {
		display: block;
		font-size: 1.0rem;
		padding: 10px 0 20px 15px;
		color: #000000;
	}
	
	section.privacy ul {
		padding: 0 0 30px 60px;
		list-style: disc;
	}
	
	section.privacy ul li {
		font-size: 1.0rem;
		font-family: "notom"; /* ボールド */ 
	}



/******************************************************************************************************************************/
/***RECRUITページ***/
	
/*RECRUITトップ*/

    /*RECRUITページ-見出し*/

    section.recruittop {
        width:  100%;
        padding: 3vh 3vw;
		text-align: left;
    }
    
    section.recruittop div.recruittophwrap {
        position: relative;
    }
    
    section.recruittop div.recruittophwrap h1 {
        font-family: "notobold";
        color: #162D61;
        font-size: 3.5rem;
        letter-spacing: 0;
        white-space: nowrap;
    }
    
    section.recruittop div.recruittophwrap p.ja {
        font-family: "notosbold";
        font-size: 1.3rem;
        margin: 15px 0 50px 0;
    }
    
    section.recruittop div.recruittophwrap div.blead {
        width: 100%;
        display: block;
        position: relative;
        right: 0;
        top: 0;
        font-size: 0.8rem;
        color: #555555;
        text-align: right;
        margin-bottom: 10px;
}
    
    section.recruittop div.recruittophwrap div.blead span {
        font-size: 0.8rem;
        color: #555555;
        margin: 0 10px;
}
    
    section.recruittop div.recruittophwrap div.blead span a {
        font-size: 0.8rem;
        color: #555555;
        text-decoration: underline;
    }
    
    /*RECRUITページ-代表メッセージ*/
    
    section.recruitmessage {
        width:  100%;
        padding: 3vh 3vw;
		text-align: left;
    }

    section.recruitmessage span {
        color: #7381a0;
        font-family: "notobold";
        font-size: 1.5rem;
    }
    
    section.recruitmessage h2 {
        display: block;
        font-size: 2.0rem;
        font-family: "notobold";
        margin: 10px 0 20px;
    }
    
    section.recruitmessage p {
        font-size: 1.1rem;
        line-height: 2.5rem;
    }
    
    section.recruitmessage p span {
        width: 100%;
        display: block;
        text-align: right;
        margin: 30px 0;
    }
    
    /*RECRUITページ-求める人物像*/
    
    section.recruitpeople {
        width:  100%;
        padding: 3vh 3vw;
		text-align: left;
    }

    section.recruitpeople span {
        color: #7381a0;
        font-family: "notobold";
        font-size: 1.5rem;
    }
    
    section.recruitpeople h2 {
        display: block;
        font-size: 2.0rem;
        font-family: "notobold";
        margin: 15px 0 40px;
    }
    
    section.recruitpeople div.peoplewrap {
        width: calc(100% + 6vw);
        height: auto;
        margin: 5vw 0 100px -3vw;
    }
    
    /*右寄せ*/
    section.recruitpeople div.peoplewrap div.peopletext-r {
        width: 100%;
        background-color: #162D61;
        margin-left: 0;
        position: relative;
        padding-bottom: 1vw;
        z-index: -999;
    }
    
    section.recruitpeople div.peoplewrap div.peopletext-r p {
        color: #FFFFFF;
        line-height: 2.5rem;
        margin: 3vw 3vw;
    }

    section.recruitpeople div.peoplewrap div.peopletext-r div.peopleimage-r {
        width: calc(100% + 6vw);
        height: auto;
        display: block;
        align-items: center;
        justify-content: flex-start;
    }
    
    section.recruitpeople div.peoplewrap div.peopletext-r div.peopleimage-r img {
        width: 100%;
        margin-left: 0;
        margin-top: 0vw;
        z-index: -99;
    }
    
    section.recruitpeople div.peoplewrap div.peopletext-r div.peopleimage-r span.job {
        display: block;
        margin: 30px 3vw 0 0; 
        color: #FFFFFF;
        letter-spacing: 0.3rem;
    }
    
    /*左寄せ*/
    section.recruitpeople div.peoplewrap div.peopletext-l {
        width: 100%;
        background-color: #162D61;
        margin-right: 0;
        position: relative;
        padding-bottom: 1vw;
        z-index: -999;
    }
    
    section.recruitpeople div.peoplewrap div.peopletext-l p {
        color: #FFFFFF;
        line-height: 2.5rem;
        margin: 3vw 3vw;
    }

    section.recruitpeople div.peoplewrap div.peopletext-l div.peopleimage-l {
        width: calc(100% + 6vw);
        height: auto;
        display: block;
        align-items: center;
        justify-content: flex-end;
    }
    
    section.recruitpeople div.peoplewrap div.peopletext-l div.peopleimage-l img {
        width: 100%;
        margin-right: 0%;
        margin-top: 0vw;
        z-index: -99;
    }
    
    section.recruitpeople div.peoplewrap div.peopletext-l div.peopleimage-l span.job {
        display: none;
    }
        
    section.recruitpeople div.peoplewrap div.peopletext-l div.peopleimage-l span.job02 {
        display: block;
        margin: 30px 3vw 0 0; 
        color: #FFFFFF;
        letter-spacing: 0.3rem;
    }
    
    /*RECRUITページー採用情報*/

    section.recruitinfo {
        width:  100%;
        padding: 3vh 3vw;
		text-align: center;
    }

    section.recruitinfo span {
        color: #7381a0;
        font-family: "notobold";
        font-size: 1.5rem;
    }
    
    section.recruitinfo h2 {
        display: block;
        font-size: 2.0rem;
        font-family: "notobold";
        margin: 10px 0 20px;
    }
    
    section.recruitinfo div.recruitinfowrap p {
        width: 90%;
        margin: 0 5%;
        line-height: 2.0rem;
        text-align: left;
    }
    
    section.recruitinfo div.jobwrap {
        width: 90%;
        margin: 50px 5%;
    }
    
    section.recruitinfo div.jobwrap div.item {
        border-bottom: solid 1px #D7D7CF;
        text-align: left;
        padding: 25px 0 0 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        background-color: #F7F7F7;
    }
    
    section.recruitinfo div.jobwrap div.item div.name {
        display: block;
        width: 100%;
        white-space: nowrap;
        font-family: "notobold";
    }
    
    section.recruitinfo div.jobwrap div.item div.details {
        width: 100%;
        display: block;
        position: relative;
    }
    
	section.recruitinfo div.jobwrap div.item div.details table td {
		white-space: wrap;
	}
    
    /*エントリーシート*/
    section.recruitform {
        width: 100%;
    }
    
    section.recruitform div.infobranchwrap div.tab_content h2 {
        width: 100%;
        display: block;
        font-size: 2.0rem;
        font-family: "notobold";
        text-align: center;
    }
    
	section.recruitform div.infobranchwrap div.tab_content {
		display: block;
		margin-top: 50px;
		background-color: #F7F7F7;
		width: 100%;
        padding: 5%;
	}
    
	section.recruitform div.infobranchwrap div.tab_content div.formwrap {
		width: 100%;
		margin: 0 2%;
		padding: 30px 0;
		text-align: left;
	}
	
	section.recruitform div.infobranchwrap div.tab_content div.formwrap table {
		width: 100%;
	}
	
	section.recruitform div.infobranchwrap div.tab_content div.formwrap table.formtable th,td {
		padding: 20px 10px;
	}
	
	section.recruitform div.infobranchwrap div.tab_content div.formwrap table.formtable th {
		white-space: initial;
		vertical-align: middle;
	}
	
	section.recruitform div.infobranchwrap div.tab_content div.formwrap table.formtable th span {
		background-color: #E94F20;
		color: #FFFFFF;
		font-size: 0.7rem;
		padding: 2px 10px;
		margin-left: 10px;
	}
	
	section.recruitform div.infobranchwrap div.tab_content div.formwrap table.formtable td .w100 {
		width: 100%;
	}
	
	section.recruitform div.infobranchwrap div.tab_content div.formwrap table.formtable td div.select {
		width: 100%;
		height: 100%;
		border: solid 1px #D7D7CF;
		padding: 45px;
	}
	
	section.recruitform div.infobranchwrap div.tab_content div.formwrap table.formtable td div.select div.cate01 {
		width: 100%;
		background-color: #F7F7F7;
		margin-bottom: 10px;
		padding: 10px 20px;
		font-size: 1.1rem;
	}
	
	section.recruitform div.infobranchwrap div.tab_content div.formwrap table.formtable td div.select div.cate02 {
		width: 100%;
		margin-bottom: 0px;
		padding: 10px 20px;
		font-size: 1.0rem;
	}
	
	section.recruitform div.infobranchwrap div.tab_content div.formwrap table.formtable td div.select ul {
		display: flex;
		padding: 10px 20px 10px 40px;
		flex-wrap: wrap;
	}
	
	section.recruitform div.infobranchwrap div.tab_content div.formwrap table.formtable td div.select ul li {
		margin-right: 20px;
	}
	
	section.recruitform div.infobranchwrap div.tab_content div.formwrap div.submit {
		width: 100%;
		text-align: center;
	}
	
	section.recruitform div.infobranchwrap div.tab_content div.formwrap div.submit input {
        width: 200px;
        height: 50px;
		border: solid 1px #D7D7D0;
        margin: 10px 20px;
        background-color: D7D7CF;
    }
	
	section.recruitform div.infobranchwrap div.tab_content div.formwrap div.submit input:hover {
        background-color: #E94F20;
		border: solid 1px #E94F20;
		color: #FFFFFF;
		cursor: pointer;
    }
    
    section.recruitform div.infobranchwrap div.tab_content div.formwrap dl {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    
    dt {
        white-space: nowrap;
        width: 200px;
        padding: 20px;
        font-family: "notobold"; /* ボールド */ 
    }
    
    section.recruitform div.infobranchwrap div.tab_content div.formwrap dl dd {
        white-space: nowrap;
        width: calc(100% - 200px);
        padding: 20px 20px 0 20px;
    }
    
    section.recruitform div.infobranchwrap div.tab_content div.formwrap dl dd span {
        width: 80%;
        display: block;
        padding: 10px 0 0px 20px;
    }
    
    section.recruitform div.infobranchwrap div.tab_content div.formwrap dl dd span input {
        margin-left: 10px;
    }
    
    section.recruitform div.infobranchwrap div.tab_content div.formwrap dl dd ul {
        padding: 0px 30px 20px;
    }
    
    section.recruitform div.infobranchwrap div.tab_content div.formwrap dl dd textarea {
        margin-bottom: 10px;
    }
    
    /*アコーディオン*/
    
    /*ベース*/
   section.recruitinfo .toggle {
        display: none;
    }

    /*タイトル*/
    section.recruitinfo .label {
        padding: 0em;
        display: block;
        color: #000000;
        background:#F7F7F7;
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: -10px;
    }
    
    /*タイトル横の矢印*/
    section.recruitinfo .label::before{
        content:"";
        width: 10px;
        height: 10px;
        border-top: 2px solid #000000;
        border-right: 2px solid #000000;
        -webkit-transform: rotate(45deg);
        position: absolute;
        top:calc( 50% - 3px );
        right: 20px;
        transform: rotate(135deg);
    }
    
    section.recruitinfo .label,
    .content {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
        transition: all 0.3s;
    }
    
    /*本文*/
    section.recruitinfo .content {	
        width: calc(100% + 20px);
        height: 0;
        margin-top:15px;
        margin-left: -20px;
        margin-bottom:0px;
        padding:0 0;
        overflow: hidden;
        background-color: #FFFFFF;
    }
    
	/*開閉時*/
    section.recruitinfo .toggle:checked + .label + .content {
        height: auto;
        padding:0px ;
        transition: all .3s;
    }
    
    section.recruitinfo .toggle:checked + .label::before {
        transform: rotate(-45deg) !important;
    }
    
    section.recruitinfo div.content table {
        width: 100%;
    }
    
    section.recruitinfo div.content table th {
        border-top: 1px solid #D7D7CF;
        vertical-align: top;
        border-bottom: 0px solid #D7D7CF;
        padding: 20px 20px;
        white-space: nowrap;
        max-width: 130px;
    }
    
    section.recruitinfo div.content table td {
        border-top: 1px solid #D7D7CF;
        vertical-align: top;
        border-bottom: 0px solid #D7D7CF;
        padding: 20px 20px;
        font-size: 1.0rem;
    }



/******************************************************************************************************************************/
/***NEWS一覧ページ***/
	
    section.archive {
        width:  100%;
        padding: 5vw 10vw 10vw;
		text-align: center;
    }
    
    section.archive h2 {
        width: 100%;
        text-align: left;
        margin-bottom: 50px;
        font-size: 1.3rem;
    }
    
    section.archive div.archivewrap {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    
    section.archive div.archivewrap div.year {
        width: 30%;
        height: 50px;
        margin: 0 1.6%;
        border-bottom: solid 1px #D7D7CF;
    }
    
    section.archive div.archivewrap div.year a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    
    section.archive div.archivewrap div.year a:hover {
        background-color: #E94F20;
        color: #FFFFFF;
    }
	
	
	
/******************************************************************************************************************************/
	/***FAQ***/
	
	section.faq {
        width:  100%;
        padding: 0 5vw 10vw;
		text-align: left;
	}
	
	/*ベース*/
	section.faq .toggle {
		display: none;
	}
	section.faq .Label {		/*タイトル*/
		padding: 1em;
		display: block;
		color: #fff;
		background:#162D61;
	}
	section.faq .Label::before{		/*タイトル横の矢印*/
		content:"";
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		position: absolute;
		top:calc( 50% - 3px );
		right: 20px;
		transform: rotate(135deg);
	}
	section.faq .Label,
	.content {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		transition: all 0.3s;
	}
	.content {		/*本文*/
		height: 0;
		margin-bottom:10px;
		padding:0 20px;
		overflow: hidden;
	}
	section.faq .toggle:checked + .Label + .content {	/*開閉時*/
		height: auto;
		padding:20px ;
		transition: all .3s;
	}
	section.faq .toggle:checked + .Label::before {
		transform: rotate(-45deg) !important;
	}
	
	section.faq div.content .Label {
		padding: 1em;
		display: block;
		color: #fff;
		background:#3173B9;
	}
	
	section.faq div.content > div.content {
	}
	
	section.faq div.content > div.content div.qa {
		margin-bottom: 20px;
		padding-bottom: 30px;
		border-bottom: solid 1px #D7D7CF;
	}
	
	section.faq div.content > div.content div.qa:last-child {
		margin-bottom: 30px;
		border-bottom: solid 0px #D7D7CF;
	}
	
	section.faq div.content div.content p :not(a) {
		display: flex;
		align-items: center;
	}
	
	section.faq div.content p.qtext:before {
		content:'Q';
		display: block;
		width: 30px;
		height: auto;
		font-size: 30px;
		color: #E94F20;
		margin-right: 20px;
	}
	
	section.faq div.content p.qtext {
		display: block;
		margin-bottom: 20px;
	}
	
	section.faq div.content p.atext:before {
		content:'A';
		display: block;
		width: 30px;
		height: auto;
		font-size: 30px;
		color: #E94F20;
		margin-right: 20px;
	}
	
	section.faq div.content a.qtext {
		display: block;
	}



/******************************************************************************************************************************/
/***問い合わせページ***/

    /*問い合わせページ-見出し*/

    section.contacttop {
        width:  100%;
        padding: 3vh 3vw;
		text-align: left;
    }
    
    section.contacttop div.contacttophwrap {
        position: relative;
    }
    
    section.contacttop div.contacttophwrap h1 {
        font-family: "notobold";
        color: #162D61;
        font-size: 3.5rem;
        letter-spacing: 0;
        white-space: nowrap;
        margin-bottom: 15px;
    }
    
    section.contacttop div.contacttophwrap p.ja {
        font-family: "notosbold";
        font-size: 1.23rem;
        margin: 10px 0 20px 0;
    }
    
    section.contacttop div.contacttophwrap div.blead {
        width: 100%;
        display: block;
        position: relative;
        right: 0;
        top: 0;
        font-size: 0.8rem;
        color: #555555;
        text-align: right;
}
    
    section.contacttop div.contacttophwrap div.blead span {
        font-size: 0.8rem;
        color: #555555;
        margin: 0 10px;
}
    
    section.contacttop div.contacttophwrap div.blead span a {
        font-size: 0.8rem;
        color: #555555;
        text-decoration: underline;
    }
    
    /*問い合わせページ-テキスト*/
    
    section.contactlead {
        width:  100%;
        padding: 3vh 5vw;
		text-align: left;
    }
    
    section.contactlead p {
        font-size: 1.1rem;
        line-height: 2.5rem;
		margin-bottom: 15px;
    }
	
	section.contactlead p a {
		text-decoration: underline;
		color: #E94F20;
	}
	
	/*フォーム部*/
	section.form {
        width:  100%;
        padding: 3vh 2vw;
		text-align: left;
		margin-bottom: 200px;
	}
	
	section.form div.infobranchwrap {
		width: 80%;
		margin: 0 10%;
		background-color: #F7F7F7;
		padding: 30px 0 0px;
		text-align: left;
	}
    
    section.form div.infobranchwrap div {
        margin-bottom: 10px;
    }
	
	section.form div.infobranchwrap p {
		margin-bottom: 20px;
        font-family: "notobold";
        margin-left: 50px;
	}
    
    section.form div.infobranchwrap .type {
        margin-left: 50px;
        margin-bottom: 10px;
    }
    
    section.form div.infobranchwrap .type02 {
        margin-left: 66px;
        margin-bottom: 10px;
    }

	/*ラジオボタンを全て消す*/
	input[name="tab_item"] {
	}

	/*タブ切り替えの中身のスタイル*/
	section.form div.infobranchwrap div.tab_content {
		display: none;
		margin-top: 50px;
		background-color: #FFFFFF;
		width: 100%;
	}

	/*選択されているタブのコンテンツのみを表示*/
	#c01:checked ~ #c01_content,
	#c02:checked ~ #c02_content,
	#c03:checked ~ #c03_content {
		display: block;
	}

	section.form div.infobranchwrap div.tab_content div.formwrap {
		width: 100%;
		margin: 0 0;
		padding: 30px 0;
		text-align: left;
	}
	
    
    section.form div.infobranchwrap div.tab_content div.formwrap dl {
        width: 100%;
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        flex-wrap: wrap;
        border-left: 1px solid #D7D7CF; 
        border-right: 1px solid #D7D7CF; 
        border-bottom: 1px solid #D7D7CF; 
    }
    
    section.form div.infobranchwrap div.tab_content div.formwrap dl dt {
        white-space: nowrap;
        width: 200px;
        padding: 20px;
        border-top: 1px solid #D7D7CF;
        font-family: "notobold"; /* ボールド */ 
        background-color: #F7F7F7;
    }
    
    section.form div.infobranchwrap div.tab_content div.formwrap dl dd {
        white-space: nowrap;
        width: calc(100% - 200px);
        padding: 20px 20px 0 20px;
        border-top: 1px solid #D7D7CF;
        border-left: 1px solid #D7D7CF;
        background-color: #FFFFFF;
    }
    
    section.form div.infobranchwrap div.tab_content div.formwrap dl dd div.cate01 {
        background-color: #F7F7F7;
        padding: 3px 15px;
    }
    
    section.form div.infobranchwrap div.tab_content div.formwrap dl dd div.cate02 {
        background-color: #F7F7F7;
        padding: 3px 15px;
        margin: 15px 0;
    }
    
    section.form div.infobranchwrap div.tab_content div.formwrap dl dd div.cate03 {
        padding: 3px 15px;
        font-family: "notosbold"; /* ボールド */ 
    }
    
    section.form div.infobranchwrap div.tab_content div.formwrap dl dd input.radio {
        margin: 10px 0 10px 0px;
    }
    
    section.form div.infobranchwrap div.tab_content div.formwrap dl dd input.check {
        margin: 10px 5px 10px 0px;
    }
    
    section.form div.infobranchwrap div.tab_content div.formwrap dl dd span {
        display: block;
        padding: 0 0 10px 0px;
        margin: 0;
    }
    
    section.form div.infobranchwrap div.tab_content div.formwrap dl dd ul {
        padding: 0px 10px 20px;
    }
    
    section.form div.infobranchwrap div.tab_content div.formwrap dl dd textarea {
        margin-bottom: 10px;
    }
    
    .w100 {
		width: 100%;
	}
    
    section.form div.infobranchwrap div.tab_content div.formwrap label {
        overflow-wrap: break-word;
    }
	
	/*section.form div.infobranchwrap div.tab_content div.formwrap table {
		width: 100%;
	}
	
	section.form div.infobranchwrap div.tab_content div.formwrap table.formtable th,td {
		padding: 20px 10px;
	}
	
	section.form div.infobranchwrap div.tab_content div.formwrap table.formtable th {
		white-space: nowrap;
		vertical-align: middle;
	}
	
	section.form div.infobranchwrap div.tab_content div.formwrap table.formtable th span {
		background-color: #E94F20;
		color: #FFFFFF;
		font-size: 0.7rem;
		padding: 2px 10px;
		margin-left: 10px;
	}
	
	section.form div.infobranchwrap div.tab_content div.formwrap table.formtable td .w100 {
		width: 100%;
	}
	
	section.form div.infobranchwrap div.tab_content div.formwrap table.formtable td div.select {
		width: 100%;
		height: 100%;
		border: solid 1px #D7D7CF;
		padding: 45px;
	}
	
	section.form div.infobranchwrap div.tab_content div.formwrap table.formtable td div.select div.cate01 {
		width: 100%;
		background-color: #F7F7F7;
		margin-bottom: 10px;
		padding: 10px 20px;
		font-size: 1.1rem;
	}
	
	section.form div.infobranchwrap div.tab_content div.formwrap table.formtable td div.select div.cate02 {
		width: 100%;
		margin-bottom: 0px;
		padding: 10px 20px;
		font-size: 1.0rem;
	}
	
	section.form div.infobranchwrap div.tab_content div.formwrap table.formtable td div.select ul {
		display: flex;
		padding: 10px 20px 10px 40px;
		flex-wrap: wrap;
	}
	
	section.form div.infobranchwrap div.tab_content div.formwrap table.formtable td div.select ul li {
		margin-right: 20px;
	}*/
	
	section.form div.infobranchwrap div.tab_content div.formwrap div.submit {
		width: 100%;
		text-align: center;
	}
	
	section.form div.infobranchwrap div.tab_content div.formwrap div.submit input {
        width: 200px;
        height: 50px;
        background-color: #F7F7F7;
		border: solid 1px #D7D7D0;
        margin: 10px 20px;
    }
	
	section.form div.infobranchwrap div.tab_content div.formwrap div.submit input:hover {
        background-color: #E94F20;
		border: solid 1px #E94F20;
		color: #FFFFFF;
		cursor: pointer;
    }



/******************************************************************************************************************************/   /*PRODUCS製品一覧*/
/******************************************************************************************************************************/

    section.productslist {
        width:  100%;
        padding: 0vw 10vw 5vw;
		text-align: center;
    }
    
    /***製品一覧カテゴリー①***/
    div.category01 {
        width: 100%;
        border-top: solid 1px #D7D7CF;
        border-bottom: solid 1px #D7D7CF;
        padding: 15px 0;
    }
    
    div.category01 input.category01-btn {
        display: none;
    }
    
    div.category01 ul.category01listwrap {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0;
        margin: 0;
    }
     
    div.category01 ul.category01listwrap li {
        display: block;
        width: calc(33.33% - 0px);
        height: 150px;
        padding: 5px 5px;
    }
    
    div.category01 ul.category01listwrap label.category01-list {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        border: solid 1px #D7D7CF;
        background-color: #F7F7F7;
        cursor:pointer;
    }
    
    div.category01 ul.category01listwrap label.category01-list:hover span {
        background-color: #E94F20;
        color: #FFFFFF;
        transition: .3s;
    }
	
	div.category01 ul.category01listwrap label.vegetable span:first-child {
		background: url("../images/category_vegetable.jpg");
		background-size: cover;
		display: block;
		width: 100%;
		height: 60%;
        border-bottom: solid 1px #D7D7CF;
	}
	
	div.category01 ul.category01listwrap label.vegetable span:nth-child(2) {
		height: 40%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	div.category01 ul.category01listwrap label.noodles span:first-child {
		background: url("../images/category_noodles.jpg");
		background-size: cover;
		background-position: center center;
		display: block;
		width: 100%;
		height: 60%;
        border-bottom: solid 1px #D7D7CF;
	}
	
	div.category01 ul.category01listwrap label.noodles span:nth-child(2) {
		height: 40%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	div.category01 ul.category01listwrap label.foods span:first-child {
		background: url("../images/category_foods.jpg");
		background-size: cover;
		background-position: center center;
		display: block;
		width: 100%;
		height: 60%;
        border-bottom: solid 1px #D7D7CF;
	}
	
	div.category01 ul.category01listwrap label.foods span:nth-child(2) {
		height: 40%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	div.category01 ul.category01listwrap label.sprouts span:first-child {
		background: url("../images/category_sprouts.jpg");
		background-size: cover;
		display: block;
		width: 100%;
		height: 60%;
        border-bottom: solid 1px #D7D7CF;
	}
	
	div.category01 ul.category01listwrap label.sprouts span:nth-child(2) {
		height: 40%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	div.category01 ul.category01listwrap label.dehydration span:first-child {
		background: url("../images/category_dehydration.jpg");
		background-size: cover;
		display: block;
		width: 100%;
		height: 60%;
        border-bottom: solid 1px #D7D7CF;
	}
	
	div.category01 ul.category01listwrap label.dehydration span:nth-child(2) {
		height: 40%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
    
    #vegetablebtn:checked ~ ul.category01listwrap #vegetablelist span,
    #noodlesbtn:checked ~ ul.category01listwrap #noodleslist span,
    #foodsbtn:checked ~ ul.category01listwrap #foodslist span,
    #sproutsbtn:checked ~ ul.category01listwrap #sproutslist span,
    #dehydrationbtn:checked ~ ul.category01listwrap #dehydrationlist span {
        background-color: #E94F20;
        color: #FFFFFF;
    }
    
    div.category01contentwrap {
        width: 100%;
        height: auto;
        min-height: 0px;
    }
    
    div.category01contentwrap > div {
        width: 100%;
        height: auto;
        display: none;
	}
    
    #vegetablebtn:checked ~ div.category01contentwrap #vegetablecontent,
    #noodlesbtn:checked ~ div.category01contentwrap #noodlescontent,
    #foodsbtn:checked ~ div.category01contentwrap #foodscontent,
    #sproutsbtn:checked ~ div.category01contentwrap #sproutscontent,
    #dehydrationbtn:checked ~ div.category01contentwrap #dehydrationcontent {
        display: block;
		animation: appear .5s ease;
    }
    
    /***製品一覧カテゴリー②***/
    div.category02 {
        width: 100%;
        border-top: solid 1px #D7D7CF;
        padding: 15px 0 15px;
        margin-top: 15px;
        }
    
    div.category02 input.category02-btn {
        display: none;
    }
    
    div.category02 ul.category02listwrap {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 0;
        margin: 0;
        flex-wrap: wrap;
    }
     
    div.category02 ul.category02listwrap li.three {
        display: block;
        width: calc(33.3% - 0px);
        height: 90px;
        padding: 0 5px;
    }
     
    div.category02 ul.category02listwrap li.three02 {
        display: block;
        width: calc(33.3% - 16px);
        height: 90px;
        padding: 0 5px;
        margin-top: 10px;
    }
     
    div.category02 ul.category02listwrap li.two {
        display: block;
        width: calc(50% - 25px);
        height: 90px;
        padding: 0 5px;
    }
     
    div.category02 ul.category02listwrap li.all {
        display: block;
        width:  calc(100% - 5px);
        height: 90px;
        padding: 0 0;
        margin-bottom: 10px;
    }
   
    div.category02 ul.category02listwrap label.category02-list {
        display: flex;
		align-items: center;
        width: 100%;
        height: 100%;
        text-align: center;
        border: solid 1px #D7D7CF;
        background-color: #F7F7F7;
        cursor:pointer;
    }
    
    div.category02 ul.category02listwrap label.category02-list:hover span {
        background-color: #E94F20;
        color: #FFFFFF;
        transition: .3s;
        }
	
	div.category02 ul.category02listwrap label.hosodabestline span {
		background-size: cover;
		background-position: center center;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.hosodabestline span:first-child {
		background: url("../images/category_hosodabestline.jpg");
        border-right: solid 1px #D7D7CF;
		background-size: cover;
		background-position: center center;
	}
	
	div.category02 ul.category02listwrap label.wash span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.wash span:first-child {
		background: url("../images/category_wash.jpg");
        border-right: solid 1px #D7D7CF;
		background-size: cover;
		background-position: left center;
	}
	
	div.category02 ul.category02listwrap label.check span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.check span:first-child {
		background: url("../images/category_check.jpg");
        border-right: solid 1px #D7D7CF;
		background-size: cover;
		background-position: center center;
	}
	
	div.category02 ul.category02listwrap label.option span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.option span:first-child {
		background: url("../images/category_option.jpg");
        border-right: solid 1px #D7D7CF;
		background-size: cover;
		background-position: center center;
	}
	
	div.category02 ul.category02listwrap label.selective span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.selective span:first-child {
		background: url("../images/category_selective.jpg");
        border-right: solid 1px #D7D7CF;
		background-position: center center;
		background-size: cover;
	}
	
	div.category02 ul.category02listwrap label.pasta span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.pasta span:first-child {
		background: url("../images/category_pasta.jpg");
        border-right: solid 1px #D7D7CF;
		background-position: center center;
		background-size: cover;
	}
	
	div.category02 ul.category02listwrap label.washing span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.washing span:first-child {
		background: url("../images/category_washing.jpg");
        border-right: solid 1px #D7D7CF;
		background-position: center center;
		background-size: cover;
	}
	
	div.category02 ul.category02listwrap label.heat span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.heat span:first-child {
		background: url("../images/category_heat.jpg");
        border-right: solid 1px #D7D7CF;
		background-position: center center;
		background-size: cover;
	}
	
	div.category02 ul.category02listwrap label.thaw span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.thaw span:first-child {
		background: url("../images/category_thaw.jpg");
        border-right: solid 1px #D7D7CF;
		background-position: center center;
		background-size: cover;
	}
	
	div.category02 ul.category02listwrap label.auto span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.auto span:first-child {
		background: url("../images/category_auto.jpg");
        background-position: center center;
        background-size: cover;
        border-right: solid 1px #D7D7CF;
	}
	
	div.category02 ul.category02listwrap label.remove span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.remove span:first-child {
		background: url("../images/category_remove.jpg");
        background-position: center center;
        background-size: cover;
        border-right: solid 1px #D7D7CF;
	}
	
	div.category02 ul.category02listwrap label.weigh span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.weigh span:first-child {
		background: url("../images/category_weigh.jpg");
        background-size: cover;
        background-position: center center;
        border-right: solid 1px #D7D7CF;
	}
	
	div.category02 ul.category02listwrap label.cool span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.cool span:first-child {
		background: url("../images/category_cool.jpg");
        background-size: cover;
        background-position: center center;
        border-right: solid 1px #D7D7CF;
	}
	
	div.category02 ul.category02listwrap label.conveyor span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.conveyor span:first-child {
		background: url("../images/category_conveyor.jpg");
        background-size: cover;
        background-position: center center;
        border-right: solid 1px #D7D7CF;
	}
	
	div.category02 ul.category02listwrap label.autodehydration span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.autodehydration span:first-child {
		background: url("../images/category_autodehydration.jpg");
        border-right: solid 1px #D7D7CF;
		background-size: cover;
		background-position: center center;
	}
	
	div.category02 ul.category02listwrap label.manual span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.manual span:first-child {
		background: url("../images/category_manual.jpg");
        border-right: solid 1px #D7D7CF;
		background-size: cover;
		background-position: center center;
	}
	
	div.category02 ul.category02listwrap label.custom span {
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 100%;
	}
	
	div.category02 ul.category02listwrap label.custom span:first-child {
		background: url("../images/category_custom.jpg");
        border-right: solid 1px #D7D7CF;
	}
    
    div.category02contentwrap {
        width: 100%;
        height: auto;
        min-height: 0px;
    }
    
    div.category02contentwrap > div {
        width: 100%;
        height: auto;
        display: none;
}

    /******カット野菜******/
    #bestbtn:checked ~ ul.category02listwrap #bestlist span,
    #washbtn:checked ~ ul.category02listwrap #washlist span,
    #checkbtn:checked ~ ul.category02listwrap #checklist span,
    #optionbtn:checked ~ ul.category02listwrap #optionlist span {
        background-color: #E94F20;
        color: #FFFFFF;
    }
    
    #bestbtn:checked ~ div.category02contentwrap #bestcontent,
    #washbtn:checked ~ div.category02contentwrap #washcontent,
    #checkbtn:checked  ~ div.category02contentwrap #checkcontent,
    #optionbtn:checked ~ div.category02contentwrap #optioncontent {
        display: block;
		animation: appear .5s ease;
    }
    
    /******麺ライン******/
    #selectivebtn:checked ~ ul.category02listwrap #selectivelist span,
    #pastabtn:checked ~ ul.category02listwrap #pastalist span {
        background-color: #E94F20;
        color: #FFFFFF;
    }
    
    #selectivebtn:checked ~ div.category02contentwrap #selectivecontent,
    #pastabtn:checked ~ div.category02contentwrap #pastacontent {
        display: block;
		animation: appear .5s ease;
    }

    /******食品加工******/
    #washingbtn:checked ~ ul.category02listwrap #washinglist span,
    #heatbtn:checked ~ ul.category02listwrap #heatlist span,
    #thawbtn:checked ~ ul.category02listwrap #thawlist span {
        background-color: #E94F20;
        color: #FFFFFF;
    }
    
    #washingbtn:checked ~ div.category02contentwrap #washingcontent,
    #heatbtn:checked ~ div.category02contentwrap #heatcontent,
    #thawbtn:checked  ~ div.category02contentwrap #thawcontent {
        display: block;
		animation: appear .5s ease;
    }

    /******もやしライン******/
    #autobtn:checked ~ ul.category02listwrap #autolist span,
    #removebtn:checked ~ ul.category02listwrap #removelist span,
    #weighbtn:checked ~ ul.category02listwrap #weighlist span,
    #coolbtn:checked ~ ul.category02listwrap #coollist span, 
    #conveyorbtn:checked ~ ul.category02listwrap #conveyorlist span {
        background-color: #E94F20;
        color: #FFFFFF;
    }
    
    #autobtn:checked ~ div.category02contentwrap #autocontent,
    #removebtn:checked ~ div.category02contentwrap #removecontent,
    #weighbtn:checked  ~ div.category02contentwrap #weighcontent,
    #coolbtn:checked ~ div.category02contentwrap #coolcontent, 
    #conveyorbtn:checked ~ div.category02contentwrap #conveyorcontent {
        display: block;
		animation: appear .5s ease;
    }

    /******脱水機******/
    #autodehydrationbtn:checked ~ ul.category02listwrap #autodehydrationlist span,
    #manualbtn:checked ~ ul.category02listwrap #manuallist span {
        background-color: #E94F20;
        color: #FFFFFF;
    }
    
    #autodehydrationbtn:checked ~ div.category02contentwrap #autodehydrationcontent,
    #manualbtn:checked ~ div.category02contentwrap #manualcontent {
        display: block;
		animation: appear .5s ease;
    }
    
    /***製品一覧カテゴリー③***/
	
	div.category03 {
        width: 100%;
        border-top: solid 1px #D7D7CF;
		margin-top: 15px;
		padding: 15px 0;
	}
	
    ul.hosodabestline {
        width: 100%;
    }
    
    ul.hosodabestline li {
    }
    
    ul.hosodabestline li a {
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0;
    }

    ul.hosodabestline li img {
        width: 50%;
        height: auto;
    }

    ul.hosodabestline li div {
        width: 45%;
        margin: 0 5%;
    }

    ul.hosodabestline li div span {
        display: block;
    }   

    ul.hosodabestline li div span.pre {
        font-size: 0.8rem;
    }
    
    ul.hosodabestline li div span.title {
        font-size: 1.3rem;
        color: #162D61;
        margin: 5px 0 10px;
        font-family: "notobold";
    }
    
    ul.hosodabestline li div span.text {
        font-size: 0.9rem;
        text-align: left;
    }
    
    ul.machinelist {
        width: 100%;
		display: flex;
        align-items: flex-start;
        justify-content: flex-start;
		flex-wrap: wrap;
    }
    
    ul.machinelist li {
		width: 33.33%;
        display: block;
		padding: 3%;
    }
	    
    ul.machinelist li:hover img {
        background-color: #F7F7F7;
        mix-blend-mode: multiply;
        transition-duration: 0.3s;
    }
    
    ul.machinelist li a:hover {
    }

	ul.machinelist li div.machineimg {
		width: 100%;
		padding-top: 100%;
		position: relative;
	}

    /*製品画像は正方形～横長に修正すること*/
    ul.machinelist li div.machineimg img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
    }

    ul.machinelist li div {
        width: 100%;
        margin: 0 0;
    }

    ul.machinelist li div span {
        display: block;
    }   

    ul.machinelist li div span.pre {
        font-size: 0.8rem;
        text-align: center;
    }
    
    ul.machinelist li div span.title {
        font-size: 1.3rem;
        color: #162D61;
        margin: 5px 0 10px;
        font-family: "notobold";
        text-align: center;
    }
    
    ul.machinelist li div span.text {
        font-size: 0.9rem;
        text-align: left;
    }



/******************************************************************************************************************************/
/*CTA（Call to Action）*/
/******************************************************************************************************************************/
    section.cta {
        width: 100%;
        margin-left: 0px;
        padding: 50px 5%;
        height: 350px;
        background-image: url("../images/ctabackimg.jpg");
        background-position: center center;
        text-align: center;
    }
    
    section.cta h2 {
        width: 100%;
        display: block;
        font-size: 1.2rem;
        color: #FFFFFF;
        margin-bottom: 30px;
    }
    
    div.contactaddress {
        display: block;
        align-items: center;
        justify-content: center;
    }
    
    div.tel {
        width: auto;
        padding-right: 0vw;
        margin-bottom: 15px;
    }
    
    div.tel span {
        font-size: 1.1rem;
        color: #FFFFFF;
    }
    
    div.tel span.title {
        display: block;
        margin-bottom: 10px;
    }
    
    div.tel span.number {
        font-size: 3.0rem;
        font-family: "notobold";
    }
    
    button.mail {
        width: auto;
    }
    
    button.mail  {
        width: 300px;
        height: 65px;
        background-color: #E94F20;
        position: relative;
    }
    
    button.mail:hover  {
        background-color: #162D61;
    }
    
    button.mail::after {
         content: "";
        display: block;
        width: 100px;
        height: 0;
        border-bottom: 1px solid #D7D7CF;
        position: absolute;
        right: -50px;
        top: 32.5px;
    }
    
    button.mail a  {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 270px;
        height: 65px;
        font-size: 1.2rem;
        color: #FFFFFF;
    }

    section.productsdetails02 div.pointwrap02 table.wide {
        table-layout: inherit;
		width: auto;
        max-width: 200%;
		word-break: break-all;
		word-wrap: break-all;
		margin: 30px 0 10px;
        border-top: solid 1px #D7D7CF;
        border-left: solid 0px;
    }
    
    section.productsdetails02 div.pointwrap02 table.wide th {
        border-bottom: solid 1px #D7D7CF;
		border-left: solid 0px #D7D7CF;
        padding: 10px;
        font-size: 0.9rem;
        color: #888888;
        min-width: 100px;
        white-space: nowrap;
    }
        
    section.productsdetails02 div.pointwrap02 table.wide th.sub {
        border-bottom: solid 1px #D7D7CF;
        border-left: solid 1px #D7D7CF;
        padding: 10px;
        font-size: 0.9rem;
        color: #888888;
    }

    section.productsdetails02 div.pointwrap02 table.wide td {
        border-bottom: solid 1px #D7D7CF;
        border-left: solid 1px #D7D7CF;
        padding: 10px;
        font-size: 0.9rem;
        vertical-align: middle;
        text-align: center;
        white-space: nowrap;
    }
    
    section.productsdetails02 div.pointwrap02 table.wide td.left {
        text-align: left;
    }
	
    section.productsdetails02 div.pointwrap02 th.gr {
		background-color: #F7F7F7;
	}
 	
    section.productsdetails02 div.pointwrap02 td.gr {
		background-color: #F7F7F7;
	}
    
    section.productsdetails02 div.pointwrap02 th.wid {
        width: 15%;
        max-width: 180px;
        border-bottom: solid 1px #D7D7CF;
        padding: 10px;
        font-size: 0.9rem;
        color: #888888;
    }
    
    section.productsdetails02 div.pointwrap02 span.comments02 {
        display: block;
        height: 100%;
        padding-left: clamp(100px, 10%, 180px);
        font-size: 0.9rem;
        color: #888888;
    }
    
    







}