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

/*** フォント指定（全共通・細い順）***/
@font-face { 
  font-family: "notol"; /* ライト */ 
  /* フォントが置かれているパス */ 
  src: url("../font/NotoSerifJP-Light.otf") format("truetype") 
}
@font-face { 
  font-family: "notor"; /* レギュラー */ 
  /* フォントが置かれているパス */ 
  src: url("../font/NotoSerifJP-Regular.otf") format("truetype") 
}
@font-face { 
  font-family: "notom"; /* ミディアム */ 
  /* フォントが置かれているパス */ 
  src: url("../font/NotoSerifJP-Medium.otf") format("truetype") 
}
@font-face { 
  font-family: "notosbold"; /* セミボールド */ 
  /* フォントが置かれているパス */ 
  src: url("../font/NotoSerifJP-SemiBold.otf") format("truetype") 
}
@font-face { 
  font-family: "notobold"; /* ボールド */ 
  /* フォントが置かれているパス */ 
  src: url("../font/NotoSerifJP-Bold.otf") format("truetype") 
}



@media screen,print {
	/* 1000px以上に適用されるCSS（PC用）、印刷に適用されるCSS */
    
	* {
		font-size: 14px;/*基本の文字サイズ*/
		font-family: "notom";/*基本の文字ウェイト*/
        color: #000000;/*基本の文字色*/
		letter-spacing: 0.1rem;/*基本の文字間隔*/
		box-sizing: border-box;
	}
	
	html, body {
		overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
	}

	img {
		max-width: 100%;
	}
    
    a {
        color: #000000;
        text-decoration: none;
    }
    
    a:visited {
        color: #000000;
    }
	
	.video {
		width: 100%;
	}



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

    header {
        width: 250px;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        padding: 3vh 30px 0 30px;
        border-right: 1px solid #D7D7CF;
        background-color: #FFFFFF;
        z-index: 999;
    }
    
    header div.headerwrap {
        height: 13vh;
    }
   /*ロゴ下テキスト*/
    p.headertext {
        font-size: 0.75rem;
        margin:  1.4vh 0;
        color: #162D61;
        letter-spacing: 0rem;
    }

/******************************************************************************************************************************/
/***グローバルナビゲーション***/
    
    /*ナビプロダクツ部分*/
    nav.headernav {
        height: 100%;
        position: relative;
    }
    
    nav.headernav ul.productsmenu {
        padding: 1vh 0;
        margin: 0 0 2vh 0;
        border-top: 1px solid #D7D7CF;
        border-bottom: 1px solid #D7D7CF;
    }
    
    nav.headernav ul.productsmenu li a {
        width: 100%;
        height: 9.5vh;
        min-height: 65px;
        display: flex;
        align-items: center;
        justify-content: left;
        font-size: 0.8rem;
        padding-left: 10vh;
    }
    
    nav.headernav ul.productsmenu li.vegetable a {
        background:  url("../images/vegetable.png") no-repeat 5px center;
        background-size: auto 8vh;
    }
    
    nav.headernav ul.productsmenu li.dehydration a {
        background:  url("../images/dehydration.png") no-repeat 5px center;
        background-size: auto 8vh;
    }
    
    nav.headernav ul.productsmenu li.food a {
        background:  url("../images/food.png") no-repeat 5px center;
        background-size: auto 8vh;
    }
    
    nav.headernav ul.productsmenu li.noodles a {
        background:  url("../images/noodles.png") no-repeat 5px center;
        background-size: auto 8vh;
    }
    
    nav.headernav ul.productsmenu li.sprouts a {
        background:  url("../images/sprouts.png") no-repeat 5px center;
        background-size: auto 8vh;
    }
    
    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 {
    }
    
    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: 21px;
    }
    
    nav.headernav ul.gnav > li > a:hover {
        background-color: #F7F7F7;
        transition: .3s;
    }
    nav.headernav ul.gnav > li:last-child {
        display: block;
        width: 250px;
        height: 90px;
        background-color: #162D61;
        position: fixed;
        bottom: 0;
        left: 0;
    }
    
    nav.headernav ul.gnav > li:last-child a {
        display: flex;
        width: 250px;
        height: 90px;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #D7D7CF;
    }
        
    nav.headernav ul.gnav > li:last-child a:hover {
        background-color: #E94F20;
        transition: .3s;
    }

    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: 200px;
        height:  4vh;
        border-top: 1px solid #D7D7CF;
        display: flex;
        justify-content:  flex-start; 
        position: fixed;
        bottom: 90px;
    }
    
    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 {
        width: calc(100% - 250px);
        margin-left: 250px;
        padding: 80px 100px;
        background-color: #162D61;
    }
    
    footer div.footerwrap {
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
        padding: 0;
        display: flex;
}
    
    footer div.footerwrapleft {
        width: calc(55% - 50px);
    }
    
    footer div.footerwrapcenter {
        width: 35%;
    }
    
    footer div.footerwrapright {
        width: calc(30% - 50px);
    }
      
    footer div.title {
        font-size: 1.0rem;
        color: #FFFFFF;
        padding-bottom: 50px;
    }
  
    footer div.title a {
        font-size: 1.0rem;
        color: #FFFFFF;
        margin-bottom: 50px;
    }
    
    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.footercategorwrap div.categorytitle a {
        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: 1300px;
        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: calc(100% - 250px);
        margin-left: 250px;
    }



/***2階層目スライド***/
    
	div.secondslideimages {
        width: calc(100% + 10vw);
        margin-left: -5vw;
        height: 500px;
	}
	
	div.secondslideimages div.swiper-wrapper {
        width: 100%;
        height: 500px;
	}
    
    div.secondslideimages div.swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center bottom;
    }
	
	div.secondslideimages div.noslide {
        width: 100%;
        height: 500px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
    
    div.secondslideimages div.noslide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        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% + 10vw);
        margin-left: -5vw;
        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;
		display: flex;
		align-items: center;
		justify-content: center;
	}
    
    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: 500px;
	}
	
	section.productscontentstop div.thirdslideimages div.swiper-wrapper {
        width: 100%;
        height: 500px;
	}
    
    section.productscontentstop div.thirdslideimages div.swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center center;
    }
	
	section.productscontentstop div.thirdslideimages div.noslide {
        width: 100%;
        height: 500px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
    
    section.productscontentstop div.thirdslideimages div.noslide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center center;
    }



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



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



    /*トップページ-スライド*/
	section.topimages {
        width: 100%;
        height: 100vh;
	}
	
	section.topimages div.swiper-wrapper {
        width: 100%;
        height: 100vh;
	}
    
    /*1枚目*/
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide001 {
		width: 100%;
        height: 100vh;
        position: relative;
    }
	
	section.topimages div.swiper-wrapper div.swiper-slide div.topslide001 img {
		width: 100%;
        height: 100vh;
		object-fit: contain;
		object-position: center 0;
	}
    
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide001 p {
        width: 100%;
        position: absolute;
        bottom: 13vh;
        left: 5vw;
    }
        
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide001 p span.textl {
        display: block;
        font-family: "notobold";
        font-size: clamp(60px, 4.5vw, 70px);
        color: #000000;
        text-shadow: 2px 2px 2px #FFFFFF;
        margin-bottom: 3vh;
    }
        
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide001 p span.textm {
        display: block;
        font-family: "notobold";
        font-size: clamp(25px, 2.3vw, 30px);
        color: #000000;
        text-shadow: 2px 2px 2px #FFFFFF;
    }
    
    /*2枚目*/
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide002 {
		width: 100%;
        height: 100vh;
        position: relative;
    }
	
	section.topimages div.swiper-wrapper div.swiper-slide div.topslide002 img {
		width: 100%;
        height: 100vh;
		object-fit: contain;
		object-position: center 0;
	}
    
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide002 p {
        width: 100%;
        position: absolute;
        bottom: 50px;
        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: 4.5vw;
        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: 1.8vw;
        color: #000000;
        text-shadow: 2px 2px 2px #FFFFFF;
    }
    
    /*3枚目*/
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide003 {
		width: 100%;
        height: 100vh;
        position: relative;
        text-align: right;
    }
	
	section.topimages div.swiper-wrapper div.swiper-slide div.topslide003 img {
		width: 100%;
        height: 100vh;
		object-fit: cover;
		object-position: left top;
	}
    
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide003 p {
        width: 100%;
        position: absolute;
        top: 7vh;
        right: 5vw;
    }
        
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide003 p span.textl {
        display: block;
        font-family: "notobold";
        font-size: 5.0vw;
        color: #FFFFFF;
        text-shadow: 1px 1px 0px #000000;
        margin-bottom: 4vh;
    }
        
    section.topimages div.swiper-wrapper div.swiper-slide div.topslide003 p span.textm {
        display: block;
        font-family: "notobold";
        font-size: 2.3vw;
        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 100px;
    }
    
    section.topidentity div.topidentityhwrap p.en {
        font-family: "notobold";
        color: #162D61;
        font-size: 5.0rem;
		letter-spacing: 0;
		white-space: nowrap;
        position: absolute;
        transform: translate(50px, 0px) rotate(90deg);
        transform-origin: top left;
    }
	
	section.topidentity p.text {
		margin: 0 0 50px 100px;
		line-height: 2.0rem;
	}
	
	section.topidentity div.topidentityimg {
		width: calc(100% + 10vw);
		height: 100%;
	}
	
	section.topidentity div.topidentityimg img {
		width: 100%;
		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: 5.0rem;
		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: 5.0rem;
		letter-spacing: 0;
		white-space: nowrap;
    }
    
    section.topproducts div.topproductswrap {
        width: 100%;
        display: flex;
    }
	
	section.topproducts div.vegetable:hover div.categorewrap {
        background-color: rgba(233, 79, 32, 0.9);
    }
	
	section.topproducts div.noodles:hover div.categorewrap {
        background-color: rgba(233, 79, 32, 0.9);
    }
	
	section.topproducts div.food:hover div.categorewrap {
        background-color: rgba(233, 79, 32, 0.9);
    }
	
	section.topproducts div.sprouts:hover div.categorewrap {
        background-color: rgba(233, 79, 32, 0.9);
    }
	
	section.topproducts div.dehydration:hover div.categorewrap {
        background-color: rgba(233, 79, 32, 0.9);
    }
    
    section.topproducts div.topproductswrap div.category {
        width: 20%;
        height: 60vh;
        min-height: c470px;
        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: 85%;
        height: 50%;
        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: 15px 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 10vw 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: 5.0rem;
		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.topnews div.topnewsdetailwrap {
		width: 80%;
        max-width: 1200px;
		margin: 0 auto;
	}
	
	section.topnews div.topnewsdetailwrap h2 {
		font-size: 1.5rem;
	}
	
	section.topnews div.topnewsdetailwrap div.date {
		width: 100%;
		margin: 30px 0;
		color: #162D61;
		text-align: right;
	}
	
	section.topnews div.topnewsdetailwrap p {
		text-align: left;
		margin-bottom: 10px;
	}
	
	section.topnews div.topnewsdetailwrap figure {
		margin: 10px 0;
	}


    
    /*トップページ-アクセス*/
    section.topaccess {
        width:  100%;
        padding: 50px;
		background-color: #F7F7F7;
		text-align: center;
    }
	
	section.topaccess address {
		width: auto;
        max-width: 1080px;
		text-align: center;
		font-size: 0.9rem;
		margin: 0 auto 30px;
        padding: 0 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 {
        max-width: 1080px;
		display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        margin: 50px auto 0;
		padding-top: 30px;
        border-top: solid 1px #D7D7CF;
	}
	section.topaccess div.topaddresswrap div.address {
		width: auto;
        min-width: 300px;
		text-align: left;
        margin: 20px 29px;
	}
	
	section.topaccess div.office a {
		width: 80px;
		display: inline-block;
		color: #E94F20;
		font-size: 0.7rem;
        letter-spacing: 0;
		border: solid 1px #E94F20;
		margin-top: 10px;
		padding: 1px 0;
        text-align: center;
	}

	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 5vw;
		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: 15px 0 50px 0;
    }
    
    section.productstop div.productstophwrap div.blead {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0.8rem;
        color: #555555;
}
    
    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: 2vw 10vw 0vw;
		text-align: left;
    }
    
    section.productsoverview h2 {
        width: 100%;
        max-width: 1200px;
        font-size: 1.5rem;
        color: #162D61;
        font-family: "notobold";
        margin-bottom: 40px;
    }
    
    section.productsoverview p {
        width: 100%;
        max-width: 1200px;
        line-height: 2.5rem;
        font-size: 1.1rem;
    }
    
    section.productsfeature {
        width:  100%;
        padding: 2vw 10vw 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 25px 0;
    }
    
    section.productscontentstop div.productscontentshwrap p.sub {
        font-family: "notosbold";
        font-size: 1.1rem;
        color: #E94F20;
    }
    
    /*パンくず*/
    
    section.productscontentstop div.productscontentshwrap div.blead {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0.8rem;
        color: #555555;
}
    
    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 10vw 0vw;
		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: 10vw 10vw 5vw;
		text-align: center;
        position: relative;
        margin-top: 35px;
    }
    
    section.productsreason div.reasonback {
        width: calc(100vw - 250px);
        margin-left: 250px;
        height: 40%;
        max-height: 290px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -999;
    }
    
	/*3つ*/
    
	section.productsreason div.productsreasonwrap ol {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
	}
	
	section.productsreason div.productsreasonwrap ol li {
		width: 33.333%;
        height: auto;
	}
	
	section.productsreason div.productsreasonwrap ol li div.productsreasonimg img {
		border-radius: 50%;
        width: 90%;
		max-width: 230px;
		height: auto;
        margin: 0 5%;
	}
    
    section.productsreason div.productsreasonwrap ol li div.productsreasontext h3 {
        font-family: "notosbold";
        font-size: 1.2rem;
        color: #E94F20;
        margin: 20px 0 10px;
    }
    
    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: 20px 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 {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0.7rem;
        color: #555555;
}
    
    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 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 center;
        max-height: 500px;
    }
    
    section.productscontentsunder div.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: -50px;
}
    
    section.productscontentsunder div.productsslideimages div.noslide {
        text-align: center;
    }
    
    section.productscontentsunder div.productsslideimages div.noslide img {
        object-fit: cover;
        object-position: center top;
        max-height: 500px;
    }

    /*ページネーション*/
    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 10vw 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 10vw 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: 150px;
		padding: 15px 0;
		text-align:center;
		box-sizing:border-box;
		cursor:pointer;
		font-size: 1.1rem;
		color: #777777;
		font-family: "notobold";
        white-space: nowrap;
	}


	#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;
	}
	
	/*パターン1 リストなし*/
	
	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.tabcontent p span.blue {
		display: block;
		color: #162D61;
		font-family: "notobold";
        margin-bottom: 5px;
	}
	
	div.productstabarea div.point {
		background-color: #E94F20;
		color: #FFFFFF;
		padding: 0px 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;
	}
	
	/*パターン2　リスト＋段差げ*/
	
	div.productstabarea div.tabcontent div {
		line-height: 1.8rem;
	}
	
	div.productstabarea div.tabcontent div span {
		display: block;
		color: #E94F20;
		font-family: "notobold";
        margin-bottom: 5px;
	}
	
	div.productstabarea div.tabcontent.feature div ul li.note {
		color: #000000;
		font-family: "notom";
		text-indent: 1.0rem;
		line-height: 1.4rem;
		margin: 5px 0 5px 0;
		display: flex;
	}
	
	div.productstabarea div.tabcontent.feature div ul li.note span {
		color: #000000;
		font-family: "notom";
		text-indent: 0rem;
	}
	
	div.productstabarea div.tabcontent.feature div ul li span.list02 {
		color: #000000;
		font-family: "notom";
		margin-left: 2.2rem;
	}
	
	/*パターン3　プレーンなリスト*/
	
	div.productstabarea div.tabcontent.feature div ul.list li {
		color: #000000;
		font-family: "notom";
		text-indent: -1.0rem;
		line-height: 1.8rem;
		margin: 5px 0 5px 0;
	}
	
	/*パターン4　OLリスト＋段差げ＋ULリスト*/
	
	div.productstabarea div.tabcontent.feature div ol li {
		color: #000000;
		font-family: "notom";
		text-indent: -1.1rem;
		line-height: 1.8rem;
		margin: 5px 0 5px 2.2rem;
	}
	
	div.productstabarea div.tabcontent.feature div ul li.note span {
		color: #000000;
		font-family: "notom";
		text-indent: 0rem;
	}
	
	div.productstabarea div.tabcontent.feature div ul li span.list02 {
		color: #000000;
		font-family: "notom";
		margin-left: 2.2rem;
	}
	
	/*パターン5　段差げのみ*/
	
	span.down {
		display: block;
		color: #000000;
		font-family: "notom";
		margin-left: 1.0rem;
	}
	
	div.productstabarea div.tabcontent div span.down {
		display: block;
		color: #000000;
		font-family: "notom";
		margin-left: 1.0rem;
	}
		
    /*仕様タブ*/
    
    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 td.left {
        text-align: left;
    }
    
    /*幅広い表の場合*/
    
    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;
		min-width: initial;
    }

    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 div.spec table.wide td.left {
        text-align: left;
    }
    
    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 {
        min-width: 162px;
    }
        
    div.productstabarea div.spec table.wide th.sub.heating01 {
        min-width: 120px;
    }
        
    div.productstabarea div.spec td.heating01 {
        min-width: 120px;
    }
    
    div.productstabarea div.spec td.sprout01 {
        min-width: 96px;
    }
    
    div.productstabarea div.spec td.atd01 {
        min-width: 141px;
    }
    
    div.productstabarea div.spec td.blanching ol {
        padding-left: 1.0rem;
    }
    
    div.productstabarea div.spec td.blanching ol li {
        padding-left: 1.0rem;
        font-size: 0.9rem;
    }
    
    div.productstabarea div.spec td.blanching ol li span {
        display: block;
        font-size: 0.9rem;
        padding-left: 2.0rem;
    }
    
    div.productstabarea div.spec td.blanching span.blanchingtext {
        display: block;
        font-size: 0.9rem;
        padding-left: 2.0rem;
    }

  
    /*寸法タブ*/
    
    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: 1000px;
        min-width: 500px;
    }
    
    /*関連情報*/
    
    section.connection {
        width:  100%;
        padding: 0vw 10vw 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.productsreason div.reasonback.vegetable {
        background-image: url("../images/vegetablereasonback.jpg");
        background-size: cover;
    }

    
/***カット野菜 － hosoda Best Line***/

    /*hosoda Best Lineトップ-スライド*/
    
    section.productscontentstop div.vegetablehosodabesutlineimages {
        background-image: url("../images/vegetablehosodabestlinetopimage01.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 500px;
        position: relative;
    }

    /*hosoda Best Line － ミックスサラダライン － スライド*/
    
    section.productscontentsunder div.vegetablemixsaradlineimages {
        background-image: url("../images/vegetablemixsaradlineimage01.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 400px;
        position: relative;
    }
    
    /*hosoda Best Line － カテゴリパーツ*/

	div.category04 {
        width: 100%;
		margin-top: 15px;
		padding: 15px 0;
	}
	
    ul.hosodabestlinelist {
        width: 100%;
    }
    
    ul.hosodabestlinelist li a {
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0 50px;
    }
    
	ul.hosodabestlinelist li a:hover {
        background-color: #F7F7F7;
        transition-duration: 0.3s;
	}
	    
    ul.hosodabestlinelist li a.nolink {
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0 50px;
		cursor: default;
    }

    ul.hosodabestlinelist li img {
        width: 35%;
        height: auto;
    }

    ul.hosodabestlinelist li div {
        width: 60%;
        margin: 0 5%;
    }

    ul.hosodabestlinelist li div span {
        display: block;
    }   
    
    ul.hosodabestlinelist li div span.title {
        font-size: 1.3rem;
        color: #162D61;
        margin: 5px 0 10px;
        font-family: "notobold";
        text-align: left;
    }
    
    ul.hosodabestlinelist li div span.text {
        font-size: 0.9rem;
        text-align: left;
    }
	
    ul.hosodabestlinelist02 {
        width: 100%;
    }
    
    ul.hosodabestlinelist02 li {
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0 50px;
        padding: 20px 20px;
    }
    
	ul.hosodabestlinelist02 li a:hover {
	}

    ul.hosodabestlinelist02 li img {
        width: 35%;
        height: auto;
    }

    ul.hosodabestlinelist02 li div {
        width: 60%;
        margin: 0 5%;
    }

    ul.hosodabestlinelist02 li div span {
        display: block;
    }   
    
    ul.hosodabestlinelist02 li div span.title {
        font-size: 1.3rem;
        color: #162D61;
        margin: 5px 0 10px;
        font-family: "notobold";
        text-align: left;
    }
    
    ul.hosodabestlinelist02 li div span.text {
        font-size: 0.9rem;
        text-align: left;
    }
     
    ul.hosodabestlinelist02 li div span.text.bl {
        font-size: 0.9rem;
        text-align: left;
        color: #000000;
        font-family: "notom";
    }
   
    
    
    
    

    section.productslistparts div.youtube {
        width: 30vw;
        height: 20vw;
        float: right;
        margin: 10px 0 10px 10px;
    }
    
    section.productslistparts div.youtube iframe {
        width: 100%;
        height: 100%;
    }
    
    
    ul.thawinglist {
        width: 100%;
    }
    
    ul.thawinglist li {
        display: block;
        margin: 20px 0 50px;
    }

    ul.thawinglist li div {
        width: 100%;
        text-align: left;
    }

    ul.thawinglist li div span {
        display: block;
    }   
    
    ul.thawinglist li div span.title {
        font-size: 1.3rem;
        color: #162D61;
        margin: 5px 0 10px;
        font-family: "notobold";
        text-align: left;
    }
    
    ul.hosodabestlinelist li div span.text {
        font-size: 0.9rem;
        text-align: left;
    }


    /*hosoda Best Line － フレッシュサラダライン － スライド*/
    
    section.productscontentsunder div.vegetablefleshsaradlineimages {
        background-image: url("../images/vegetablefleshsaradlineimage01.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 400px;
        position: relative;
    }

    /*hosoda Best Line － 多品種・少量向け － スライド*/
    
    section.productscontentsunder div.vegetablesmallamountimages {
        background-image: url("../images/vegetablesmallamountimage01.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 400px;
        position: relative;
    }
	

	
/******************************************************************************************************************************/
/***麺ライン***/
    
    /*麺ライン-トップ-理由*/
    
    section.productsreason div.reasonback.noodles {
        background-image: url("../images/noodlesreasonback.jpg");
        background-size: cover;
        background-position: center center;
    }
    
    /*脱水機*/
    
    section.productsdetails02 {
        width:  100%;
        padding: 0vw 10vw 5vw;
		text-align: left;
    }
    
    section.productsdetails02 div.pointwrap {
        display: flex;
        margin-bottom: 20px;
    }
    
    section.productsdetails02 div.point {
        background-color: #E94F20;
        color: #FFFFFF;
        padding: 2px 20px;
        font-size: 0.7rem;
        margin-right: 25px;
        height: 1.8rem;
        min-width: 75px;
        line-height: 1.5rem;
    }
    
    section.productsdetails02 table {
        width: 100%;
        margin: 30px 0 10px;
        border-top: solid 1px #D7D7CF;
        border-left: solid 0px;
    }
    
    section.productsdetails02 table th {
        border-bottom: solid 1px #D7D7CF;
        padding: 10px;
        font-size: 0.9rem;
        color: #888888;
    }
    
    section.productsdetails02 table td {
        border-bottom: solid 1px #D7D7CF;
        border-left: solid 1px #D7D7CF;
        padding: 10px;
        font-size: 0.9rem;
        vertical-align: middle;
    }
        
    section.productsdetails02 div.pointwrap02 {
        overflow-x: auto;
    }
    
    section.productsdetails02 div.pointwrap02 p {
        margin-top: 20px;
    }
    
        
    section.productsdetails02 div.point02 {
        width: 75px;
        background-color: #E94F20;
        color: #FFFFFF;
        padding: 2px 20px;
        font-size: 0.7rem;
        margin-right: 25px;
        height: 1.8rem;
        line-height: 1.5rem;
    }
	
    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;
    }


	

	
/******************************************************************************************************************************/
/***食品加工***/
    
    /*食品加工-トップ-理由*/
    
    section.productsreason div.reasonback.foods {
        background-image: url("../images/foodsreasonback.jpg");
        background-size: cover;
    }
	
	/*食品加工-実績動画一覧*/
	
	section.movie {
        width:  100%;
        padding: 0 5vw 5vw;
		text-align: left;
	}
	
	section.movie h2 {
		font-size: 1.1rem;
		font-family: "notobold"; /* ボールド */
		background-color: #162D61;
		color: #FFFFFF;
		padding: 3px 10px 4px;
		margin-bottom: 15px;
	}
	
	section.movie ul.movielist {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	
	section.movie ul.movielist li {
		width: 33.333%;
		padding: 15px 20px;
	}
    


/******************************************************************************************************************************/
/***もやしライン***/
    
    /*もやしライン-トップ-理由*/
    
    section.productsreason div.reasonback.sprouts {
        background-image: url("../images/sproutsreasonback.jpg");
        background-size: cover;
		background-position: bottom left;
    }



/***もやしライン － 殻取・根切・除水・異物除去***/

    /*殻取・根切・除水・異物除去トップ － スライド*/
    
    section.productscontentstop div.sproutsprocessingimages {
        background-image: url("../images/sproutsprocessingimage01.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 500px;
        position: relative;
    }
	
    /*殻取・根切・除水・異物除去 － スパイラルウォッシュマン*/
    
    section.productscontentsunder div.sproutsprocessing01images {
        background-image: url("../images/sproutsprocessing01image01.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 500px;
        position: relative;
    }
	
    /*殻取・根切・除水・異物除去 － 根切機＋振動コンベヤ*/
    
    section.productscontentsunder div.sproutsprocessing02images {
        background-image: url("../images/sproutsprocessing02image01.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 500px;
        position: relative;
    }
	
    /*殻取・根切・除水・異物除去 － 大豆もやし根切機*/
    
    section.productscontentsunder div.sproutsprocessing03images {
        background-image: url("../images/sproutsprocessing03image01.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 500px;
        position: relative;
    }
	
    /*殻取・根切・除水・異物除去 － 除水機*/
    
    section.productscontentsunder div.sproutsprocessing04images {
        background-image: url("../images/sproutsprocessing04image01.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 500px;
        position: relative;
    }
	
    /*殻取・根切・除水・異物除去 － 画像処理式異物排出装置*/
    
    section.productscontentsunder div.sproutsprocessing05images {
        background-image: url("../images/sproutsprocessing05image01.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 500px;
        position: relative;
    }
    


/******************************************************************************************************************************/
/***脱水機***/
    
    /*脱水機-トップ-理由*/
    
    section.productsreason div.reasonback.hydrator {
        background-image: url("../images/topproductsdehydrator.jpg");
        background-size: cover;
		background-position: bottom left;
    }
    


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

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

    section.visiontop {
        width:  100%;
        padding: 3vh 5vw;
		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: 15px 0 50px 0;
    }
    
    section.visiontop div.visiontophwrap div.blead {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0.8rem;
        color: #555555;
}
    
    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;
    }
    
    section.visiontop div.visiontopimages {
        background-image: url("../images/visiontopimage.jpg");
        background-position: bottom center;
        background-size: cover;
        width: calc(100% + 10vw);
        margin-left: -5vw;
        height: auto;
        min-height: 400px;
        position: relative;
    }
    
    /*VISIONページ-理念タイトル*/

    section.visionphilosophy {
        width:  100%;
        padding: 5vw 10vw 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 0 5vw 10vw;
        display: flex;
    }
    
    section.visionphilosophytext div.philosophytext {
        width: 50%;
    }
    
    section.visionphilosophytext div.philosophyimage {
        width: 50%;
        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: 3vw;
        line-height: 2.5rem;
        font-size: 1.1rem;
    }

    /*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 5vw 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.2rem;
        line-height: 3.0rem;
        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: flex;
        align-items: flex-start;
    }
    
    section.visionpromise div.visionpromiseimportant ul li {
        width: 33.333%;
        padding: 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 5vw;
		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: 15px 0 50px 0;
    }
    
    section.companytop div.companytophwrap div.blead {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0.8rem;
        color: #555555;
}
    
    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: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    
    section.companymessage div.companymessagewrap div.photos {
        width: 40%;
        display: flex;
        flex-flow: column;
        align-items: flex-end;
    }
    
    section.companymessage div.companymessagewrap div.photos img:last-child {
        max-width: 232px;
        margin-top: 10px;
    }
    
    section.companymessage div.companymessagewrap div.text {
        width: 60%;
        text-align: left;
    }
    
    section.companymessage div.companymessagewrap div.text h3 {
        display: block;
        background-color: #162D61;
        color: #FFFFFF;
        padding: 25px 3vw;
        font-size: 1.5rem;
        font-family: "notobold";
        line-height: 2.5rem;
    }
    
    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;
		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 p a.map:hover {
        font-size: 0.7rem;
        color: #FFFFFF;
        letter-spacing: 0.0rem;
        border: solid 1px #E94F20;
        margin-left: 0px;
        padding: 1px 20px;
        background-color: #E94F20;
    }
    
    section.companyabout div.companyaboutwrap div.item div.details p a.officephoto {
        font-size: 0.7rem;
        color: #162D61;
        letter-spacing: 0.0rem;
        border: solid 1px #162D61;
        margin-left: 20px;
        padding: 1px 20px;
    }
     
    section.companyabout div.companyaboutwrap div.item div.details p a.officephoto:hover {
        font-size: 0.7rem;
        color: #FFFFFF;
        letter-spacing: 0.0rem;
        border: solid 1px #162D61;
        margin-left: 20px;
        padding: 1px 20px;
        background-color: #162D61;
    }
   
    section.companyabout div.companyaboutwrap div.item div.details table td {
        padding-right: 20px;
        padding-left: 0px;
    }
    
    section.companyabout div.companyaboutwrap div.item div.details ul {
        list-style: disc;
        padding-left: 30px;
        margin-top: 15px;
    }
    
    section.companyabout div.companyaboutwrap div.item div.details ul li {
        margin: 5px 0;
    }
    
    section.companyabout div.companyaboutwrap div.itemall {
        border-bottom: solid 1px #D7D7CF;
    }
    
    p.constructiontext {
        text-align: left;
        margin-top: 10px;
        font-size: 0.9rem;
    }
    
    
    	
	/*アコーディオンNEW*/
    
    /*ベース*/
	section.companyabout .toggle {
		display: none;
	}
	section.companyabout .Label {		/*タイトル*/
        display: block;
        width: 100%;
        white-space: nowrap;
        font-family: "notobold";
        text-align: left;
        padding: 30px 0;
	}
	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;
	}
	.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 .Label {
		padding: 1em;
		display: block;
		color: #fff;
		background:#3173B9;
	}
	
	section.companyabout div.content > div.content {
	}
	
	section.companyabout div.content > div.content div.qa {
		margin-bottom: 20px;
		padding-bottom: 30px;
		border-bottom: solid 1px #D7D7CF;
	}
	
	section.companyabout div.content > div.content div.qa:last-child {
		margin-bottom: 30px;
		border-bottom: solid 0px #D7D7CF;
	}
	
	section.companyabout div.content > div.content p {
		display: flex;
		align-items: center;
	}
	
	section.companyabout div.content p.qtext:before {
		content:'Q';
		display: block;
		width: 30px;
		height: auto;
		font-size: 30px;
		color: #E94F20;
		margin-right: 20px;
	}
	
	section.companyabout div.content p.qtext {
		display: block;
		margin-bottom: 20px;
	}
	
	section.companyabout div.content p.atext:before {
		content:'A';
		display: block;
		width: 30px;
		height: auto;
		font-size: 30px;
		color: #E94F20;
		margin-right: 20px;
	}
	
	section.companyabout div.content a.qtext {
		display: block;
	}

    
        
    /*組織図*/
    section.companyabout div.companyaboutwrap div.itemall div.details div.group {
        width: 100%;
        text-align: center;
    }


    
    /*COMPANYページ - 書籍*/

    section.companyabout div.content table {
        width: 90%;
        margin: 0  auto;
    }
    
    section.companyabout div.content table td {
        border-top: 1px solid #D7D7CF;
    }
    
    section.companyabout div.content table td {
        text-align: left;
        vertical-align: middle;
        border-bottom: 1px solid #D7D7CF;
        padding: 10px 0;
    }
    
    
    
    /*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%;
	}





/******************************************************************************************************************************/
/***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 5vw;
		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 {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0.8rem;
        color: #555555;
}
    
    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;
    }
    
    section.recruittop div.recruittopimages {
        background-image: url("../images/recruittopimage.jpg");
        background-position: bottom center;
        background-size: cover;
        width: calc(100% + 10vw);
        margin-left: -5vw;
        height: auto;
        min-height: 500px;
        position: relative;
    }
    
    /*RECRUITページ-代表メッセージ*/
    
    section.recruitmessage {
        width:  100%;
        padding: 3vh 5vw;
		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: 15px 0 40px;
    }
    
    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 5vw;
		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% + 10vw);
        height: auto;
        margin: 10vw 0 100px -5vw;
    }
    
    /*右寄せ*/
    section.recruitpeople div.peoplewrap div.peopletext-r {
        width: 90%;
        background-color: #162D61;
        margin-left: 10%;
        position: relative;
        padding-bottom: 1vw;
        z-index: -999;
    }
    
    section.recruitpeople div.peoplewrap div.peopletext-r p {
        color: #FFFFFF;
        line-height: 2.5rem;
        margin: 3vw 5vw;
    }

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

    section.recruitpeople div.peoplewrap div.peopletext-l div.peopleimage-l {
        width: calc(100% + 10vw);
        height: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    section.recruitpeople div.peoplewrap div.peopletext-l div.peopleimage-l img {
        width: 75%;
        margin-right: -10%;
        margin-top: -5vw;
        z-index: -99;
    }
    
    section.recruitpeople div.peoplewrap div.peopletext-l div.peopleimage-l span.job {
        margin-right: 20px;
        color: #FFFFFF;
        letter-spacing: 0.3rem;
    }
        
    section.recruitpeople div.peoplewrap div.peopletext-l div.peopleimage-l span.job02 {
        display: none;
    }

    
    /*RECRUITページー採用情報*/

    section.recruitinfo {
        width:  100%;
        padding: 3vh 5vw;
		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: 15px 0 40px;
    }
    
    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 .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;
    }
    
    
    	
	/*アコーディオンNEW*/
    
    /*ベース*/
	section.recruitinfo .toggle {
		display: none;
	}
	section.recruitinfo .Label {		/*タイトル*/
        display: block;
        width: 100%;
        white-space: nowrap;
        font-family: "notobold";
        text-align: left;
        padding: 0px 0;
	}
	section.recruitinfo .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.recruitinfo .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.recruitinfo .toggle:checked + .Label + .content {	/*開閉時*/
		height: auto;
		padding: 0 0px ;
		transition: all .3s;
	}
	section.recruitinfo .toggle:checked + .Label::before {
		transform: rotate(-45deg) !important;
	}
	
	section.recruitinfo div.content .Label {
		padding: 1em;
		display: block;
		color: #fff;
		background:#3173B9;
	}
	
	section.recruitinfo div.content > div.content {
	}
	
	section.recruitinfo div.content > div.content div.qa {
		margin-bottom: 20px;
		padding-bottom: 30px;
		border-bottom: solid 1px #D7D7CF;
	}
	
	section.recruitinfo div.content > div.content div.qa:last-child {
		margin-bottom: 30px;
		border-bottom: solid 0px #D7D7CF;
	}
	
	section.recruitinfo div.content > div.content p {
		display: flex;
		align-items: center;
	}
	
	section.recruitinfo div.content p.qtext:before {
		content:'Q';
		display: block;
		width: 30px;
		height: auto;
		font-size: 30px;
		color: #E94F20;
		margin-right: 20px;
	}
	
	section.recruitinfo div.content p.qtext {
		display: block;
		margin-bottom: 20px;
	}
	
	section.recruitinfo div.content p.atext:before {
		content:'A';
		display: block;
		width: 30px;
		height: auto;
		font-size: 30px;
		color: #E94F20;
		margin-right: 20px;
	}
	
	section.recruitinfo div.content a.qtext {
		display: block;
	}
    
    
    
    
    /*エントリーシート*/
    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: 80%;
		margin: 0 10%;
		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: 5px 10px;
	}
	
	section.recruitform div.infobranchwrap div.tab_content div.formwrap table.formtable th {
		white-space: nowrap;
		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 button {
        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.recruitform div.infobranchwrap div.tab_content div.formwrap p.note {
        font-size: 0.8rem;
        margin-top: 5px;
    }
    
    div.form-check {
        padding-left: 1.0rem;
    }
    
    div#heatYes, div#heat02Yes {
        padding-left: 1.7rem;
    }
    
    div#medYes, div#med02Yes {
        padding-left: 1.7rem;
    }


    

/******************************************************************************************************************************/
/***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.faq div.content p.atext > a {
        text-decoration: underline;
        color: #E94F20;
    }






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

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

    section.contacttop {
        width:  100%;
        padding: 3vh 5vw;
		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;
    }
    
    section.contacttop div.contacttophwrap p.ja {
        font-family: "notosbold";
        font-size: 1.3rem;
        margin: 15px 0 50px 0;
    }
    
    section.contacttop div.contacttophwrap div.blead {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0.8rem;
        color: #555555;
}
    
    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 5vw;
		text-align: left;
		margin-bottom: 200px;
	}
	
	section.form div.infobranchwrap {
		width: 100%;
		margin: 0 0;
		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;
    }
    
    section.form div.infobranchwrap .type03 {
        margin-left: 85px;
        margin-bottom: 10px;
		margin-top: 40px;
    }

	section.form div.infobranchwrap .type03::before {
		content:'概算お問い合わせ';
		display: block;
		width: 500px;
		margin-top: -30px;
		margin-left: -1.0rem;
	}
    
    section.form div.infobranchwrap .type04 {
        margin-left: 85px;
        margin-bottom: 10px;
    }

	/*ラジオボタンを全て消す*/
	input[name="tab_item"] {
	}
	
	/*タブ切り替えの中身のスタイル*/
	section.form div.infobranchwrap div.tab_content {
		display: none;
		margin-top: 30px;
		background-color: #FFFFFF;
		width: 100%;
	}
    
    section.form div.infobranchwrap div.tab_content h2 {
        font-size: 1.3rem;
        font-family: "notobold";
        padding-top: 50px;
        text-align: center;
    }

	/*選択されているタブのコンテンツのみを表示*/
	#c01:checked ~ #c01_content,
	#c02:checked ~ #c02_content,
	#c03:checked ~ #c03_content,
    #c04:checked ~ #c04_content,
	#c05:checked ~ #c05_content,
	#c06:checked ~ #c06_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 p {
        margin-top: 30px;
    }
    
    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 20px;
    }
    
    section.form div.infobranchwrap div.tab_content div.formwrap dl dd input.check {
        margin: 10px 5px 10px 40px;
    }
    
    section.form div.infobranchwrap div.tab_content div.formwrap dl dd span {
        display: block;
        padding: 0 0 10px 20px;
        margin: 0;
    }
    
    section.form div.infobranchwrap div.tab_content div.formwrap dl dd ul {
        padding: 0px 30px 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;
    }
	
    #formWrap {
        width:700px;
        margin:0 auto;
        color:#555;
        line-height:120%;
        font-size:90%;
    }

    table.formTable{
        width:100%;
        margin:0 auto;
        border-collapse:collapse;
    }

    table.formTable td,table.formTable th{
        border:1px solid #ccc;
        padding:10px;
    }

    table.formTable th{
        width:30%;
        font-weight:normal;
        background:#efefef;
        text-align:left;
    }

    p.error_messe{
        margin:5px 0;
        color:red;
    }
    
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
    #formWrap {
        width:95%;
        margin:0 auto;
    }

    table.formTable th, table.formTable td {
        width:auto;
        display:block;
    }

    table.formTable th {
        margin-top:5px;
        border-bottom:0;
    }

}

    div.submit {
		width: 100%;
		text-align: center;
        padding: 20px 0;
	}
    
    div.submit p#warning {
        text-align: left;
        margin: 10px 0 20px;
        color: #FF0000;
    }
	
	div.submit button {
        width: 200px;
        height: 50px;
        background-color: #F7F7F7;
		border: solid 1px #D7D7D0;
        margin: 10px 20px;
    }
	
	div.submit button:disabled {
        width: 200px;
        height: 50px;
        background-color: #F7F7F7;
		border: solid 1px #D7D7D0;
        margin: 10px 20px;
        cursor: default;
    }
	
	div.submit button:disabled:hover {
        width: 200px;
        height: 50px;
        background-color: #F7F7F7;
		border: solid 1px #D7D7D0;
        margin: 10px 20px;
        cursor: default;
        color: #000000;
    }
	
	div.submit button:hover {
        background-color: #E94F20;
		border: solid 1px #E94F20;
		color: #FFFFFF;
		cursor: pointer;
    }
	
	div.yes {
		display: none;
	}
	
	#heat:checked ~ .yes,
	#heat02:checked ~ .yes{
		display: block;
	}
	
	div.yes02 {
		display: none;
	}
	
	#medicine:checked ~ .yes02,
	#medicine02:checked ~ .yes02{
		display: block;
	}




/******************************************************************************************************************************/   /*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%;
        max-width: 1200px;
        display: flex;
        justify-content: center;
        padding: 0;
        margin: 0 auto;
    }
     
    div.category01 ul.category01listwrap li {
        display: block;
        width: calc(20% - 10px);
        height: 150px;
        padding: 0 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%;
        max-width: 1200px;
        height: auto;
        min-height: 0px;
        margin: 0 auto;
    }
    
    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% - 16px);
        height: 95px;
        padding: 0 5px;
    }
     
    div.category02 ul.category02listwrap li.three02 {
        display: block;
        width: calc(33.3% - 16px);
        height: 95px;
        padding: 0 5px;
        margin-top: 10px;
    }
     
    div.category02 ul.category02listwrap li.two {
        display: block;
        width: calc(50% - 25px);
        height: 95px;
        padding: 0 5px;
    }
     
    div.category02 ul.category02listwrap li.all {
        display: block;
        width:  calc(100% - 60px);
        height: 95px;
        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-size: cover;
        background-position: center center;
    }
	
	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-size: cover;
        background-position: center center;
    }
	
	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 a:hover {
        background-color: #F7F7F7;
        transition-duration: 0.3s;
	}

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

    ul.hosodabestline li div {
        width: 35%;
        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 {
        background-color: #F7F7F7;
        transition-duration: 0.3s;
    }
    
    ul.machinelist li.none:hover {
        background-color: #FFFFFF;
        transition-duration: 0.3s;
    }
    
    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;
    }



/******************************************************************************************************************************/
/*各種リンク*/
/******************************************************************************************************************************/
    section.link {
        width: calc(100% - 250px);
        margin-left: 250px;
        padding: 50px 10vw 50px;
    }
    
    section.link ul {
        width: 100%;
        max-width: 1200px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin: 0 auto;
    }
    
    section.link ul a {
        width: 33.33%;
        border-right: solid 0px #D7D7CF;
        padding: 0 20px;
    }

    section.link ul a.line {
        width: 33.33%;
        border-right: solid 1px #D7D7CF;
        padding: 0 20px;
    }
    
     section.link ul a li div {
         height: 40px;
        margin: 0 0 45px 0;
        font-size: 1.1rem;
        font-family: "notobold";
        color: #666666;
    }
    
    section.link ul a li span {
        width: 100%;
        display: flex;
        align-items: center;
        flex-flow: column;
        background-color: #F7F7F7;
        font-family: "notobold";
        color: #666666;
        font-size: 1.4rem;
        padding: 60% 0 15%;
    }
    
        
    section.link ul a:hover li span {
        background-color: #E94F20;
        color: #FFFFFF;
        transition: .3s
    }
    
    section.link ul a li.linkcompany span {
        background-image: url("../images/logo_gray.png");
        background-repeat: no-repeat;
        background-size: 30% auto;
        background-position: center 35%;
    }
    
    section.link ul a:hover li.linkcompany span {
        background-image: url("../images/logo_white.png");
        background-repeat: no-repeat;
        background-size: 30% auto;
        background-position: center 35%;
    }
    
    section.link ul a li.linkfaq span {
        background-image: url("../images/faq_gray.png");
        background-repeat: no-repeat;
        background-size: 40% auto;
        background-position: center 35%;
    }
    
    section.link ul a:hover li.linkfaq span {
        background-image: url("../images/faq_white.png");
        background-repeat: no-repeat;
        background-size: 40% auto;
        background-position: center 35%;
    }
    
    section.link ul a li.linkcontact span {
        background-image: url("../images/contact_gray.png");
        background-repeat: no-repeat;
        background-size: 40% 40%;
        background-position: center 35%;
    }
    
    section.link ul a:hover li.linkcontact span {
        background-image: url("../images/contact_white.png");
        background-repeat: no-repeat;
        background-size: 40% 40%;
        background-position: center 35%;
    }
    
    section.link ul a li.linkvision span {
        background-image: url("../images/vision_gray.png");
        background-repeat: no-repeat;
        background-size: 40% 40%;
        background-position: center 35%;
    }
    
    section.link ul a:hover li.linkvision span {
        background-image: url("../images/vision_white.png");
        background-repeat: no-repeat;
        background-size: 40% 40%;
        background-position: center 35%;
    }



/******************************************************************************************************************************/
/*CTA（Call to Action）*/
/******************************************************************************************************************************/
    section.cta {
        width: calc(100% - 250px);
        margin-left: 250px;
        padding: 80px 0;
        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: 50px;
    }
    
    div.contactaddress {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    div.tel {
        width: auto;
        padding-right: 5vw;
    }
    
    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";
    }
    
    div.tel span.number a {
        font-size: 3.0rem;
        font-family: "notobold";
        color: #FFFFFF;
    }
    
    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;
    }
    
}



































/******************************************************************************************************************************/
/*アニメーション*/
/******************************************************************************************************************************/
@keyframes appear {
	0%{
	  opacity: 0;
	}
	100%{
	  opacity: 1;
	}
}

@keyframes zoomInAnime{
  from {
      transform: scale(1);
  }

  to {
      transform: scale(1.05);
  }
}



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

@media screen and (max-width: 1082px) {
	/* 1082px以下に適用されるCSS（TOPページMAP部分の特例） */
    section.topaccess div.topaddresswrap div.address01 {
		display: none;
	}
    section.topaccess div.topaddresswrap div.address02 {
		display: none;
	}
}

@media screen and (max-width: 1440px), screen and (min-width: 1083px) {
	/* 1083px以上1440以下に適用されるCSS（TOPページMAP部分の特例） */
	section.topaccess div.topaddresswrap div.address {
        width: 300px;
    }
    section.topaccess div.topaddresswrap div.address01 {
		width: 300px;
        margin: 20px 29px;
        display: block;
	}
    section.topaccess div.topaddresswrap div.address02 {
		display: block;
	}
}

@media screen and (max-width: 1798px), screen and (min-width: 1441px) {
	/* 1441px以上1798以下に適用されるCSS（TOPページMAP部分の特例） */
	section.topaccess div.topaddresswrap div.address {
        width: 300px;
    }
    section.topaccess div.topaddresswrap div.address01 {
		width: 300px;
        margin: 20px 29px;
        display: block;
	}
    section.topaccess div.topaddresswrap div.address02 {
		width: 300px;
        margin: 20px 29px;
        display: block;
	}
}

@media screen and (min-width: 1799px) {
	/* 1799px以上に適用されるCSS（TOPページMAP部分の特例） */
	
	section.topaccess div.topaddresswrap {
        width: 1432px;
		display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        margin: 0 auto;
	}
	section.topaccess div.topaddresswrap div.address {
        width: 300px;
    }
    section.topaccess div.topaddresswrap div.address01 {
		width: 300px;
        margin: 20px 29px;
        display: block;
	}
    section.topaccess div.topaddresswrap div.address02 {
        display: block;
    }
}

@media screen and (min-width: 1400px){
	/* 1300px以上に適用されるCSS（細田ベストラインカテゴリー画像） */
	div.category02 ul.category02listwrap label.hosodabestline span:first-child {
		background: url("../images/category_hosodabestline_wide.jpg");
        border-right: solid 1px #D7D7CF;
		background-size: cover;
		background-position: center center;
	}
}

@media screen and (min-width: 1835px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-グランドラクーンZ） */
    div.productstabarea span.comments02.vege01 {
        display: none;
    }
}

@media screen and (min-width: 1237px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ストリーム） */
    div.productstabarea span.comments02.vege02 {
        display: none;
    }
}

@media screen and (min-width: 1818px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-シータス） */
    div.productstabarea span.comments02.vege03 {
        display: none;
    }
}

@media screen and (min-width: 470px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ベジタブルdu：） */
    div.productstabarea span.comments02.vege04 {
        display: none;
    }
}

@media screen and (min-width: 456px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-グリーミーh） */
    div.productstabarea span.comments02.insp01 {
        display: none;
    }
}

@media screen and (min-width: 1536px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-玉取機） */
    div.productstabarea span.comments02.hoso02 {
        display: none;
    }
}

@media screen and (min-width: 1297px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ボイル冷却槽） */
    div.productstabarea span.comments02.past01 {
        display: none;
    }
}

@media screen and (min-width: 391px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.past02 {
        display: none;
    }
}

@media screen and (min-width: 493px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    section.productsdetails02 div.pointwrap02 span.comments02.past03 {
        display: none;
    }
}

@media screen and (min-width: 492px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.past04 {
        display: none;
    }
}

@media screen and (min-width: 1629px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.wash01 {
        display: none;
    }
}

@media screen and (min-width: 1247px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.wash02 {
        display: none;
    }
}

@media screen and (min-width: 526px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.wash03 {
        display: none;
    }
}

@media screen and (min-width: 1373px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.heat01 {
        display: none;
    }
}

@media screen and (min-width: 372px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.heat02 {
        display: none;
    }
}

@media screen and (min-width: 359px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.heat03 {
        display: none;
    }
}

@media screen and (min-width: 987px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.thaw02 {
        display: none;
    }
}

@media screen and (min-width: 1096px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.proc01 {
        display: none;
    }
}

@media screen and (min-width: 1257px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.proc02 {
        display: none;
    }
}

@media screen and (min-width: 273px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.proc03 {
        display: none;
    }
}

@media screen and (min-width: 484px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.proc04 {
        display: none;
    }
}

@media screen and (min-width: 372px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.proc05 {
        display: none;
    }
}

@media screen and (min-width: 316px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.auto01 {
        display: none;
    }
}

@media screen and (min-width: 289px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.auto02 {
        display: none;
    }
}

@media screen and (min-width: 329px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.meas01 {
        display: none;
    }
}

@media screen and (min-width: 262px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.meas02 {
        display: none;
    }
}

@media screen and (min-width: 262px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.cool01 {
        display: none;
    }
}

@media screen and (min-width: 233px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.cool02 {
        display: none;
    }
}

@media screen and (min-width: 260px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.conv01 {
        display: none;
    }
}

@media screen and (min-width: 247px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.conv02 {
        display: none;
    }
}

@media screen and (min-width: 356px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.autom01 {
        display: none;
    }
}

@media screen and (min-width: 425px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.autom02 {
        display: none;
    }
}

@media screen and (min-width: 1386px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.autom03 {
        display: none;
    }
}

@media screen and (min-width: 421px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.manu01 {
        display: none;
    }
}

@media screen and (min-width: 1384px){
	/* 1897px以上に適用されるCSS（仕様横スクロール-ポットミキサー） */
    div.productstabarea span.comments02.manu02 {
        display: none;
    }
}























@media screen and (min-width: 1880px){
	/* 1880px以上に適用されるCSS（仕様横スクロール-シータス） */
    div.productstabarea span.comments04 {
        display: none;
    }
}

@media screen and (min-width: 1576px){
	/* 1576px以上に適用されるCSS（仕様横スクロール-玉取機） */
    div.productstabarea span.comments05 {
        display: none;
    }
}

@media screen and (min-width: 1691px){
	/* 1576px以上に適用されるCSS（仕様横スクロール-篭反転式 ラクーン） */
    div.productstabarea span.comments06 {
        display: none;
    }
}

@media screen and (min-width: 1485px){
	/* 1576px以上に適用されるCSS（仕様横スクロール-冷凍ブロック解凍装置【流廻】） */
    div.productstabarea span.comments07 {
        display: none;
    }
}