@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@300;400;500;600;700&family=Shippori+Mincho&display=swap');
/* CSS Document */
.sp-br{
    display: none;
}
.spsp-br{
    display: none;
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 110px;
}
.contents-wid-img-sp{
    display: none;
}

.products-table-sp-wrap{
    display: none;
}
.group-btn-sp,.link-top .contents-wid img.group-btn-sp{
    display: none;
}
.main-vis{
    position: relative;
    height: 750px;
    width: 100%;
    background-image: url("../img/top/mainV.png");
    background-repeat: no-repeat;
    background-position: bottom center;
}
.main-vis::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(230,245,252,1),rgba(0,0,0,0));
}
.contents-wid{
    width: 1100px;
    margin: 0 auto;
}
h1{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-size: 58px;
    font-weight: bold;
    color: #0068b7;
}
h1.news-h1{
    margin-top: 80px;
}
h1.news-h1 span{
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.all-h2{
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #0068b7;
    border-bottom: 3px solid #0068b7;
}
.news-sp-on{
    display: none;
}
.news-flex{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 110px;
}
.top-news-table-caption{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    text-align: right;
    color: #424242;
}
.top-new-days{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-size: 16px;
    font-weight: 500;
    color: #008cd6;
    padding: 18px 26px 18px 0;
    width: 5%;
}
.top-new-content{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    /*width: 50%;*/
    color: #424242;
}
.top-new-content a{
    color: #424242;
    text-decoration: none;
}
.top-news-table-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top-news-table{
    border-collapse: collapse;
}
.top-news-table-clone{
    width: 100%;
}
.top-news-table td{
    border-bottom: solid 1px #d6dfe5;
}
.top-news-table td >*{
    vertical-align: middle;
}
.news-under-txt{
    text-align: right;
    margin-top: 2rem;
}
.news-under-txt a{
    color: #0068b7;
    text-decoration: none;
    font-family: "Noto Sans JP", sans-serif;
}
.contents-top{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    background-color: #0068b7;
    background :linear-gradient(90deg, #3f9ad6 0%, #0068b7 56%, #3f9ad6 100%);
    border-radius: 0 300px 0 0;
}
.contents-top-child{
    width: 340px;
    color: #fff;
    text-align: justify;
}
.contents-top-child a{
    text-decoration: none;
    color: #fff;
    transition: 0.5s;
}
.contents-top-child a:hover{
    text-decoration: none;
    color: #fff;
    opacity: 0.5;
}
.contents-top-flex{
    padding-top: 95px;
    display: flex;
    justify-content: space-between;
}
.contents-top-flex h3{
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 26px;
    margin-top: 30px;
    margin-bottom: 10px;
    position: relative;
}
.contents-top-flex h3::after{
    content: '';
    position: absolute;
    right: 0;
    display: inline-block;
    width: 24px;/*画像の幅*/
    height: 24px;/*画像の高さ*/
    background-image: url("../img/top/contents-arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.contents-top-flex p{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    line-height: 2.2;
}
.contents-top-flex img{
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .3));
}
.contents-wid-img{
    margin-top: 90px;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .3));
}
.padding-top-c{
    padding-bottom: 100px;
}

.group-top{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    background-color: #edf4f6;
    border-radius: 300px 0 0 0;
}
.group-top-back{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    background-color: #0068b7;
    background :linear-gradient(90deg, #3f9ad6 0%, #0068b7 56%, #3f9ad6 100%);
    border-radius: 0 0 0 0;
}
.group-img{
    text-align: center;
    margin-top: 50px;
}
.group-img img{
    margin: 0 25px;
    filter: drop-shadow(0 0px 5px rgba(0, 0, 0, .2));
}
.group-img a{
    text-decoration: none;
}
.top-h2{
    padding-top: 95px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #0068b7;
}
.top-h2 span{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
}

.link-top{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    background-color: #fff;
    border-radius: 0 300px 0 0;
}
.link-top-back{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    background-color: #edf4f6;
    border-radius: 0 0 0 0;
}
.link-top .contents-wid img{
    margin: 50px auto 65px;
    display: block;
    filter: drop-shadow(0 0px 5px rgba(0, 0, 0, .2));
}


.mv-area{
    height: auto;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(230,245,252,1));
}
.mv-area h1{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 48px;
    color: #0068b7;
}
.mv-area h1 span{
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-left: 18px;
}
.mv-area-bred{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    color: #0068b7;
    list-style: none;
    display: flex;
}
.mv-area-bred a{
    text-decoration: none;
    color: #0068b7;
}
.bred-margin{
    margin: 0 13px;
}
.mv-area-fx{
    width: 1100px;
    margin: 0 auto;
    padding-top: 165px;
    padding-bottom: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
.mv-area-menu li{
    width: 220px;
    padding-top: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid #0068b7;
    position: relative;
}
.mv-area-menu li.zero-padding{
    padding-top: 0;
}
.mv-area-menu{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #0068b7;
    width: 480px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
}
.mv-area-menu a{
    text-decoration: none;
    color: #0068b7;
}
.mv-area-menu li.zero-padding::after{
    content: '';
    position: absolute;
    right: 0;
    display: inline-block;
    width: 12px;/*画像の幅*/
    height: 10px;/*画像の高さ*/
    background-image: url("../img/shared/mv-arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    margin-top: -16px;
}
.mv-area-menu li::after{
    content: '';
    position: absolute;
    right: 0;
    display: inline-block;
    width: 12px;/*画像の幅*/
    height: 10px;/*画像の高さ*/
    background-image: url("../img/shared/mv-arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    margin-top: -2px;
}
.all-contents{
    width: 1100px;
    margin: 0 auto;
    padding: 95px 0 0;
}
.bold{
    font-weight: bold;
}



/* 企業情報 */
.sp-daihyo{
    display: none;
}
.enkak-table-space-sp{
    display: none;
}

.sp-img{
    display: none;
}
.daihyo-content,.gaiyo-content{
    margin-top: 55px;
    display: flex;
    justify-content: space-between;
}
.daihyo-content-txt{
    width: 860px;
    text-align: justify;
}
.daihyo-content-txt-b{
    font-family: "Shippori Mincho", serif;
    font-size: 40px;
}
.daihyo-content-txt-s{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    line-height: 2.2;
    margin-top: 25px;
}
.gaiyo-table{
    width: 620px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    border: none;
    border-collapse: collapse;
}
.gaiyo-table td{
    background-color: #edf4f6;
    vertical-align: top;
    padding: 20px;
    box-sizing: border-box;
}
.gaiyo-table tr:nth-child(even) td{
    background-color: #fff;
}
.gaiyo-table td img{
    display: block;
    margin-left: auto;
    margin-top: 20px;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
}
.gaiyo-table td .gaiyo-table-ul li{
    list-style: none;
}
.gaiyo-table td .gaiyo-table-ul li::before{
    content: '';
    position: relative;
    display: inline-block;
    width: 8px;/*画像の幅*/
    height: 8px;/*画像の高さ*/
    background-image: url("../img/shared/list-icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}
.gaiyo-table-head{
    white-space: nowrap;
}
.soshiki-img{
    width: 975px;
    height: auto;
    margin-top: 40px;
}
.rinen-table{
    width: 1100px;
    margin-top: 60px;
    border-collapse: collapse;
}
.rinen-table td{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    line-height: 2.4;
    text-align: justify;
    vertical-align: top;
    border-top: 1px solid #d6dfe5;
    padding: 40px 75px 40px 0;
    box-sizing: border-box;
}
.rinen-table td.rinen-table-head{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #0068b7;
    white-space: nowrap;
    line-height: 1.4;
}
.rinen-table td .rinen-table-ul li{
    list-style: none;
}
.rinen-table td .rinen-table-ul li::before{
    content: '';
    position: relative;
    display: inline-block;
    width: 8px;/*画像の幅*/
    height: 8px;/*画像の高さ*/
    background-image: url("../img/shared/list-icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}
.rinen-table-txt-b{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
}
.rinen-table td .rinen-table-img-btn{
    margin-top: 20px;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
}
.rinen-table-in-fx{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rinen-table-txt-inf{
    font-size: 20px;
}
.rinen-table-txt-inf span{
    color: #0068b7;
}
.rinen-table-txt-last{
    margin-top: 35px;
}
.rinen-table-last-border{
    border-bottom: 1px solid #d6dfe5;
}
.enkak-table{
    width: 1100px;
    margin: 0 auto;
    margin-top: 60px;
    border-collapse: collapse;
    text-align: justify;
    box-sizing: border-box;
}
.enkak-mgn{
    margin-top: 0;
}
.enkak-table-space{
    vertical-align: top;
}
.enkak-table-head{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #0068b7;
    white-space: nowrap;
    padding-right: 50px;
    padding-bottom: 20px;
    vertical-align: top;
    line-height: 2;
}
.enkak-table-td{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding-left: 50px;
    padding-bottom: 20px;
    border-left: 1px solid #0068b7;
    vertical-align: top;
    line-height: 2;
}
.enkak-table-mgn{
    padding-left: 130px;
}
.enkak-img-mgn{
    text-align: center;
    margin-top: 70px;
}
.jyoho-content{
    font-family: "Noto Sans JP", sans-serif;
    margin-top: 70px;
    text-align: center;
}
.jyoho-content-head{
    font-size: 22px;
    font-weight: 500;
    color: #0068b7;
}
.jyoho-content-txt-a{
    margin-top: 30px;
    font-size: 16px;
    line-height: 2;
}
.jyoho-content img{
    margin-top: 25px;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
}
.jyoho-content-txt-b{
    margin-top: 15px;
    font-size: 14px;
}
.access-map-ifm{
    margin-top: 60px;
}
.access-map-table{
    width: 760px;
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    margin-top: 65px;
}
.access-map-table-head{
    padding-right: 70px;
    white-space: nowrap;
    vertical-align: top;
}
.access-map-table td{
    padding-bottom: 50px;
}
.access-map-table td.access-map-table-txt,.access-map-table td.access-map-table-head-dash{
    line-height: 2;
    padding-bottom: 0;
}
.seizo-content-fx{
    font-family: "Noto Sans JP", sans-serif;
    width: 1100px;
    display: flex;
    justify-content: space-between;
    padding: 50px 0;
    border-top: 1px solid #d6dfe5;
    box-sizing: border-box;
}
.seizo-content-fx-fst{
    margin-top: 60px;
}
.seizo-content-fx-last{
    border-bottom: 1px solid #d6dfe5;
}
.seizo-content-fx h4{
    font-size: 22px;
    font-weight: 500;
    color: #0068b7;
}
.seizo-content-head-mgn{
    margin-right: 1em;
}
.seizo-map-ifm{
    border-radius: 15px;
    width: 480px;
    height: 480px;
}
.seizo-content-child{
    width: 380px;
}
.seizo-content-child-access{
    margin-top: 35px;
}
.seizo-content-child ul{
    list-style: none;
    margin-top: 20px;
}
.seizo-content-child ul li::before{
    content: '';
    position: relative;
    display: inline-block;
    width: 8px;/*画像の幅*/
    height: 8px;/*画像の高さ*/
    background-image: url("../img/shared/list-icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}
.seizo-content-child ul li{
    line-height: 2;
}
.seizo-content-child ul li span{
    font-size: 14px;
}
.seizo-content-child-list-indent{
    padding-left: 1.25em;
}
.company-last-pdng{
    padding-bottom: 100px;
}



/* 受託製造 */

.sp-process-no{
    display: none;
}
.jutakuseizo-content{
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
}
.jutakuseizo-txt-a{
    margin-top: 50px;
    line-height: 2;
}
.jutakuseizo-img{
    margin-top: 35px;
}
.jutakuseizo-txt-b{
    margin-top: 50px;
}
.kano-content{
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 55px;
}
.kano-child{
    font-family: "Noto Sans JP", sans-serif;
    width: 530px;
    background-color: #edf4f6;
    padding: 30px 30px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}
.kano-child h3{
    font-size: 20px;
    font-weight: 500px;
}
.kano-child ul{
    list-style: none;
    margin-top: 30px;
}
.kano-child ul li::before{
    content: '';
    position: relative;
    display: inline-block;
    width: 8px;/*画像の幅*/
    height: 8px;/*画像の高さ*/
    background-image: url("../img/shared/list-icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}
.kano-list-last{
    margin-top: 20px;
}
.kano-pack-head{
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #0068b7;
    margin-top: 55px;
}
.kano-pack-head span{
    font-size: 18px;
}
.kano-pack-img{
    margin-top: 45px;
    margin-bottom: 25px;
}

details summary{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 500;
    list-style: none;
    padding: 25px 10px;
    border-top: 1px solid #d6dfe5;
    cursor: pointer;
    position: relative;
}
.kano-pack-table-last{
    border-bottom: 1px solid #d6dfe5;
}
details summary span{
    font-size: 16px;
}
summary::after {
    content: '＋';
    position: absolute;
    top: 25%;
    right: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #0068b7;
}
details[open] summary::after {
    content: 'ー';
}
.kano-table{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    width: 880px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
    border-collapse: collapse;
}
.kano-table td{
    background-color: #edf4f6;
    vertical-align: top;
    padding: 20px;
    box-sizing: border-box;
}
.kano-table tr:nth-child(even) td{
    background-color: #fff;
}
.kano-table td ul li{
    list-style: none;
}
.kano-table td ul li::before{
    content: '';
    position: relative;
    display: inline-block;
    width: 8px;/*画像の幅*/
    height: 8px;/*画像の高さ*/
    background-image: url("../img/shared/list-icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}
.process-fst-txt{
    margin-top: 45px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    text-align: center;
}
.process-content-fx{
    width: 1100px;
    margin-top: 40px;
    display: flex;
}
.process-content-child ul{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    padding: 30px 10px 30px 10px;
    height: 260px;
    line-height: 1.4;
    text-align: justify;
    box-sizing: border-box;
}
.process-content-child ul li span{
    font-size: 14px;
}
.process-content-child ul li{
    list-style: none;
    margin-bottom: 10px;
    text-indent: -1.2em;
    padding-left: 1.2em;
}
.process-content-child ul li::before{
    content: '';
    position: relative;
    display: inline-block;
    width: 15px;/*画像の幅*/
    height: 13px;/*画像の高さ*/
    background-image: url("../img/manufacture/check.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}
.kyoten-content{
    margin-top: 60px;
    width: 1100px;
}
.kyoten-content-child-fx{
    font-family: "Noto Sans JP", sans-serif;
    justify-content: space-between;
    display: flex;
    padding: 50px 0;
    border-top: 1px solid #d6dfe5;
}
.kyoten-content-child-fx h4{
    font-size: 22px;
    color: #0068b7;
    font-weight: 500;
    margin-bottom: 20px;
}
.kyoten-content-child-head img{
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
}
.kyoten-content-child-fx p{
    font-size: 18px;
    text-align: center;
}
.kyoten-content-child-fx p span{
    font-size: 14px;
}
.kyoten-content-child-last{
    border-bottom: 1px solid #d6dfe5;
}
.kyoten-content-img{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 145px;
}
.kyoten-content-img img{
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
}


/* プライバシーポリシー */
.privacy-head{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #0068b7;
    line-height: 1.6;
}
.privacy-list{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    margin-top: 50px;
    padding-left: 1.2em;
}
.privacy-list li{
    margin-top: 40px;
    line-height: 1.6;
}
.privacy-point{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    margin-top: 40px;
    line-height: 2;
    margin-bottom: 145px;
}


/* 利用規約 */
.site-policy-head{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #0068b7;
    margin-bottom: 20px;
}
.site-policy-list,.site-policy-list-ul{
    margin-bottom: 50px;
}
.site-policy-list li{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    list-style-type: none;
    counter-increment: cnt;
    line-height: 2;
    padding-left: 3.4em;
    text-indent: -2.4em;
}
.site-policy-list li::before {
    content: "（"counter(cnt)"）";
}
.site-policy-list-ul li{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    list-style-type: none;
    counter-increment: cnt;
    line-height: 2;
    padding-left: 1.4em;
}
.site-policy-list-last{
    margin-bottom: 140px;
}


/* お問い合わせ */

.contact-wrap{
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contact-child{
    font-family: "Noto Sans JP", sans-serif;
    width: 530px;
    height: 200px;
    background-color: #fff;
    border: 1px solid #dfeaed;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 50px 0;
    text-align: center;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
    margin-bottom: 40px;
    position: relative;
}
.contact-child p{
    font-size: 30px;
    font-weight: 600;
    color: #0068b7;
    line-height: 1.4;
}
.contact-child p span{
    font-size: 22px;
    font-weight: 500;
    color: #000;
}
.contact-child p::after{
    content: '';
    position: absolute;
    top: 45%;
    right: 30px;;
    display: inline-block;
    width: 24px;/*画像の幅*/
    height: 24px;/*画像の高さ*/
    background-image: url("../img/contact/arrows.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.contact-child-blank{
    font-family: "Noto Sans JP", sans-serif;
    width: 530px;
    height: 200px;
    background-color: #fff;
    border: 1px solid #dfeaed;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 30px 0;
    text-align: center;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
}
.contact-child-blank p{
    font-size: 22px;
    font-weight: 600;
    color: #0068b7;
    position: relative;
    line-height: 1.4;
}
.contact-child-blank p .contact-child-blank-txt-a{
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
.contact-child-blank p .contact-child-blank-txt-b{
    font-size: 16px;
    font-weight: 500;
    color: #0068b7;
}
.contact-child-blank p::after{
    content: '';
    position: absolute;
    top: 45%;
    right: 30px;;
    display: inline-block;
    width: 18px;/*画像の幅*/
    height: 18px;/*画像の高さ*/
    background-image: url("../img/contact/blank.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.contact-under-box{
    font-family: "Noto Sans JP", sans-serif;
    margin: 0 auto;
    width: 800px;
    background-color: #edf4f6;
    border: 1px solid #dfeaed;
    box-sizing: border-box;
    padding: 30px 50px;
    text-align: center;
    margin-top: 65px;
    margin-bottom: 107px;
}
.contact-under-box-head{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #0068b7;
    margin-bottom: 20px;
}
.contact-under-box-txt{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
.contact-under-box img{
    margin-top: 15px;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
}


/* 製品一覧 */
.products-anker-link-sp{
    display: none;
}
.products-information-btn-L{
    margin: 0 auto;
    width: 440px;
    height: 90px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 90px;
    color: #424242;
    border-radius: 10px;
    background-color: #fff;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #dfeaed;
    box-sizing: border-box;
    margin-top: 65px;
    margin-bottom: 54px;
}
.products-information-btn-L-end{
    margin: 0 auto;
    width: 440px;
    height: 90px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 90px;
    color: #424242;
    border-radius: 10px;
    background-color: #fff;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #dfeaed;
    box-sizing: border-box;
    margin-top: 65px;
    margin-bottom: 120px;
}
.products-information-btn-L img,.products-information-btn-L-end img{
    margin-left: 13px;
}
.products-information-btn-S{
    margin: 0 auto;
    width: 318px;
    height: 90px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 90px;
    color: #424242;
    border-radius: 10px;
    background-color: #fff;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #dfeaed;
    box-sizing: border-box;
    margin-bottom: 1rem;
}
.products-information-btn-S img{
    margin-left: 13px;
}
.products-information-box{
    width: 1100px;
    margin: 0 auto;
    background-color: #f6f6f6;
    margin-bottom: 50px;
}
.products-information-box-end{
    width: 1100px;
    margin: 0 auto;
    background-color: #f6f6f6;
    margin-bottom: 110px;
}
.products-information-box-end .products-information-btn-wrap{
    display: flex;
    justify-content: space-between;
    padding: 35px 210px 35px;
    box-sizing: border-box;
}
.products-information-box h3,.products-information-box-end h3{
    width: 100%;
    height: 42px;
    line-height: 42px;
    background-color: #0068b7;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}
.products-information-btn-wrap{
    display: flex;
    justify-content: space-between;
    padding: 35px 45px 35px;
    box-sizing: border-box;
    flex-wrap: wrap;
}
.products-table-h3{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #0068b7;
    margin-bottom: 18px;
}
.products-txt{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    line-height: 2;
    color: #424242;
    text-align: center;
    margin-top: 40px;
}
.products-anker-link{
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    margin-top: 50px;
    margin-bottom: 45px;
}
.products-anker-link li{
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #424242;
    text-align: center;
    border-bottom: 2px solid #0068b7;
    padding-right: 25px;
    line-height: 3;
}
.products-anker-link li.products-anker-link-border{
    padding-right: 25px;
    line-height: 1.5;
}
.products-anker-link li::after{
    content: '';
    position: absolute;
    top: 40%;
    right: 0;
    display: inline-block;
    width: 12px;/*画像の幅*/
    height: 10px;/*画像の高さ*/
    background-image: url("../img/shared/mv-arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.products-anker-link li a{
    text-decoration: none;
    color: #424242;
}
.products-table{
    border-collapse: collapse;
    margin-bottom: 50px;
}
.products-table-end{
    border-collapse: collapse;
    margin-bottom: 138px;
}
.products-table-head{
    background-color: #0068b7;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    height: 50px;
}
.products-table-head th{
    border-right: 1px solid #fff;
}
.products-table-saku{
    background-color: #edf4f6;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #0068b7;
    width: 30px;
    text-align: center;
    vertical-align: top;
    padding-top: 14px;
    border-left: 1px solid #dce5e8;
    border-right: 1px solid #dce5e8;
    border-bottom: 1px solid #dce5e8;
}
.products-table-product{
    width: 420px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    padding: 15px;
    color: #424242;
    box-sizing: border-box;
    border-right: 1px solid #dce5e8;
    /*border-bottom: 1px solid #dce5e8;
    text-decoration: underline;
    text-underline-offset: 10px;*/
    text-align: center;
    border-bottom: 1px solid #dce5e8;
}
.products-table-product a{
    color: #424242;
}
.products-table-product-dash{
    border-right: 1px solid #dce5e8;
    border-bottom: 1px solid #dce5e8;
    width: 25%;
}
.products-table-product-dash div{
    display: flex;
    flex-wrap: nowrap;
    padding: 10px;
    box-sizing: border-box;
}
.products-table-product-dash div img{
    margin-right: 10px;
}
.products-table-product>*{
    vertical-align: middle;
}
.products-table-product img{
    margin-right: 22px;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
}
.products-table-formulation{
    width: 350px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    padding: 35px 27px;
    color: #424242;
    box-sizing: border-box;
    border-right: 1px solid #dce5e8;
    border-bottom: 1px solid #dce5e8;
}
.products-table-packag{
    width: 168px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    color: #424242;
    box-sizing: border-box;
    border-right: 1px solid #dce5e8;
    border-bottom: 1px solid #dce5e8;
    text-align: center;
}
.products-table-company{
    width: 145px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    color: #424242;
    box-sizing: border-box;
    border-right: 1px solid #dce5e8;
    border-bottom: 1px solid #dce5e8;
    text-align: center;
    white-space: nowrap;
}
.products-table a{
    text-underline-offset: 10px;
    color: #424242;
}
.products-pdf-btn-link{
    text-decoration: none;
    color: #424242;
    transition: 0.3s;
}
.products-pdf-btn-link:hover{
    opacity: 0.5;
}
.products-pdf-btn-link-L{
    display: block;
    text-decoration: none;
    color: #424242;
    width: 440px;
    margin: 0 auto;
    transition: 0.3s;
}
.products-pdf-btn-link-L:hover{
    opacity: 0.5;
}


/* モーダルウィンドウ */
.modal-wrap{
    width: 1000px;
    height: 603px;
    background-color: #fff;
    padding: 95px 125px;
    box-sizing: border-box;
    margin: 0 auto;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
}
.modal-txt-S{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    color: #424242;
    line-height: 2;
    text-align: center;
}
.modal-txt-L{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #0068b7;
    text-align: center;
    margin: 62px 0 32px;
}
.modal-img-wrap img{
    margin: 0 15px;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
}

/* 採用情報 */
.recruit-mv-sp{
    display: none;
}
.recruit-items-sp{
    display: none;
}
.recruit-items-sp-sp{
    display: none;
}
.recruit-items-sp-sp-left{
    display: none;
}
.head-mgn-top{
    margin-top: 115px;
}
.head-mgn-bottom{
    margin-bottom: 65px;
}
.saiyo-content-txt-b{
    text-align: center;
    font-family: "Shippori Mincho", serif;
    font-size: 40px;
    color: #424242;
}
.recruit-mv{
    width: 100vw;
    height: 20vw;
    margin: 0 calc(50% - 50vw);
    background-image: url("../img/recruit/recruit-mv.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.recruit-top-txt{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    color: #424242;
    margin-bottom: 40px;
    line-height: 2.2;
}
.recruit-news-box{
    width: 100%;
    border: 4px solid #e8f6fc;
    border-radius: 10px;
    padding: 35px 0 45px;
    box-sizing: border-box;
    margin-bottom: 110px;
}
.recruit-news-box h3{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    color: #0068b7;
    text-align: center;
}
.recruit-news-box ul{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    color: #424242;
    list-style: none;
    width: fit-content;
    margin: 0 auto;
    margin-top: 20px;
    line-height: 2;
}
.recruit-news-box ul li::before{
    content: '';
    position: relative;
    display: inline-block;
    width: 8px;/*画像の幅*/
    height: 8px;/*画像の高さ*/
    background-image: url("../img/shared/list-icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}
.recruit-content-txt-b{
    text-align: center;
    font-family: "Shippori Mincho", serif;
    font-size: 34px;
    color: #424242;
    margin-top: 50px;
    margin-bottom: 30px;
}
.recruit-gyomu-box-right,.recruit-gyomu-box-right2{
    width: 100vw;
    height: auto;
    margin: 0 calc(50% - 50vw);
    padding: 80px 0 200px;
    box-sizing: border-box;
    position: relative;
}
.recruit-back-01{
    background-color: #f4fbfd;
}
.recruit-gyomu-box-right img{
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    top: 10%;
}
.recruit-gyomu-box-content{
    width: 1100px;
    margin: 0 auto;
}
.recruit-gyomu-box-inner{
    width: 45%;
}
.recruit-gyomu-box-inner h4{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 56px;
    font-weight: 300;
    color: #0068b7;
}
.recruit-gyomu-box-inner h4 span{
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-left: 23px;
}
.recruit-gyomu-box-inner-txt-b{
    font-family: "Shippori Mincho", serif;
    font-size: 34px;
    color: #424242;
    margin-top: 40px;
}
.recruit-gyomu-box-inner-txt{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    color: #424242;
    margin-top: 30px;
    line-height: 2.2;
    text-align: justify;
}
.recruit-gyomu-box-inner-left{
    width: 45%;
    margin-left: 55%;
}
.recruit-gyomu-box-inner-left h4{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 56px;
    font-weight: 300;
    color: #0068b7;
}
.recruit-gyomu-box-inner-left h4 span{
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-left: 23px;
}
.recruit-gyomu-box-inner-txt span{
    font-size: 14px;
}


.recruit-gyomu-box-left{
    width: 100vw;
    height: auto;
    margin: 0 calc(50% - 50vw);
    padding: 80px 0 100px;
    box-sizing: border-box;
    position: relative;
}
.recruit-back-02{
    width: 100vw;
    height: 70vh;
    margin: 0 calc(50% - 50vw);
}
.recruit-gyomu-box-left img{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 10%;
}
.recruit-gyomu-box-padding{
    padding-top: 0;
}
.recruit-gyomu-box-padding-plus{
    padding-top: 0;
    padding-bottom: 300px;
}
.recruit-gyomu-box-right img.recruit-back-img,.recruit-gyomu-box-right2 img.recruit-back-img{
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.recruit-gyomu-box-left img.recruit-back-img{
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.recruit-second-area-box{
    margin: 0 auto;
    width: 960px;
    padding: 10px 60px 35px;
    background-color: rgba(232,242,249,0.8);
    box-sizing: border-box;
    border-radius: 40px 40px 0 0;
}
.recruit-gyomu-box-inner-txt-b span{
    color: #0068b7;
}
.recruit-section-second{
    padding: 130px 0;
    background-color: #f9f9f9;
    background-image: url("../img/recruit/recruit_foot02.png"),url("../img/recruit/recruit_foot01.png");
    background-repeat: no-repeat;
    background-position: left top,right bottom;
}
.recruit-section-second-txt{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    color: #424242;
    text-align: center;
    line-height: 2.2;
    margin-top: 35px;
    margin-bottom: 35px;
}
.rec-box-2{
    margin-top: 30px;
}
.recruit-interview-flex{
    margin-top: 60px;
    margin-bottom: 120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.recruit-section-mail{
    background-color: #edf4f6;
    text-align: center;
    padding: 95px 0 75px;
    margin-bottom: 203px;
}
.recruit-section-mail img,.recruit-section-rikunavi img{
    margin-top: 40px;
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .1));
}
.recruit-section-rikunavi{
    width: 100%;
    background-color: rgba(0, 104, 183, 0.3);
    text-align: center;
    padding-bottom: 20px;
    box-sizing: border-box;
    font-size: 13px;
    color: #fff;
}
.recruit-section-rikunavi p{
    margin-top: 10px;
}
.body-in{
    position: relative;
}
.pagination {
    padding: 30px 0 100px;
    display: flex;
    justify-content: center;
}
.pagination li{
    list-style: none;
}
.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

.pagination a.active {
    background-color: #0068b7;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}
@media screen and (max-width:2700px){
    .recruit-gyomu-box-right{
        height: 40vw;
    }
    .recruit-gyomu-box-right2{
        height: 35vw;
    }
}
@media screen and (max-width:2000px){
    .recruit-gyomu-box-right{
        padding: 4vw 0 10vw;
    }
    .recruit-back-02{
        height: 40vw;
    }
    .recruit-gyomu-box-padding-plus{
        padding-top: 0;
    }
    .recruit-gyomu-box-right img.recruit-back-img{
        top: 14%;
    }
    .recruit-gyomu-box-right2{
        height: 35vw;
    }
    .recruit-gyomu-box-left{
        padding: 4vw 0 5vw;
        height: 45vw;
    }
    .recruit-gyomu-box-left img.recruit-back-img{
        top: 13%;
    }
}
@media screen and (max-width:1700px){
    .recruit-back-02 {
        height: 45vw;
    }
    .recruit-back-02-sp{
        height: 60vw;
    }
}
@media screen and (max-width:1400px) {
    .recruit-items-sp{
        display: block;
    }
    .recruit-items-pc{
        display: none;
    }
    .recruit-gyomu-box-right{
        height: 51vw;
    }
    .recruit-gyomu-box-right img{
        width: 50%;
        top: 8%;
    }
    .recruit-gyomu-box-left img{
        width: 50%;
        top: 8%;
    }
    .recruit-gyomu-box-right img.recruit-back-img,.recruit-gyomu-box-right2 img.recruit-back-img{
        width: 50%;
        top: 0;
    }
    .recruit-gyomu-box-left img.recruit-back-img{
        width: 50%;
    }
    .recruit-back-02-sp{
        height: 63vw;
    }
    .recruit-back-02-sp{
        height: 60vw;
    }
    .recruit-gyomu-box-right2{
        height: 35vw;
    }
}
@media screen and (max-width:1300px) {
    .recruit-items-sp{
        display: none;
    }
    .recruit-items-sp-sp{
        display: block;
        text-align: right;
        width: 100vw;
        height: auto;
        margin: 0 calc(50% - 50vw);
    }
    .recruit-items-sp-sp-left{
        display: block;
        text-align: left;
        width: 100vw;
        height: auto;
        margin: 0 calc(50% - 50vw);
    }
    .recruit-items-sp-sp img,.recruit-items-sp-sp-left img{
        margin-top: 45px;
        width: 95%;
        height: auto;
    }
    .recruit-gyomu-box-right, .recruit-gyomu-box-right2,.recruit-gyomu-box-right img,.recruit-gyomu-box-left img{
        position: static;
    }
    .recruit-gyomu-box-content{
        width: 90%;
    }
    .recruit-gyomu-box-inner{
        width: 100%;
    }
    .recruit-gyomu-box-inner-left{
        width: 100%;
        margin-left: 0;
    }
    .recruit-gyomu-box-right,.recruit-back-02-sp,.recruit-gyomu-box-right2,.recruit-back-02{
        height: auto;
    }
    .recruit-gyomu-box-right2{
        padding-bottom: 0;
    }
    .pc-br{
        display: none;
    }
}
@media screen and (max-width:1100px) {
    .mv-area-fx{
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .all-contents,.recruit-second-area-box,.contents-wid{
        width: 90%;
    }
    .gaiyo-content{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .gaiyo-content img{
        width: 50%;
        height: auto;
    }
    .gaiyo-table{
        width: 100%;
        margin-top: 5vw;
    }
    .recruit-section-second{
        background-color: #fff;
    }
    .recruit-interview-flex{
        width: 515px;
        height: 670px;
        margin: 0 auto;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .contents-top-child{
        width: 30%;
    }
    .contents-top-flex img,.contents-wid-img{
        width: 100%;
        height: auto;
    }
    .contents-top,.link-top{
        border-radius: 0 160px 0 0;
    }
    .group-top{
        border-radius: 160px 0 0 0;
    }
    .enkak-table-space{
        display: none;
    }
    .rinen-table,.enkak-table,.access-map-ifm,.seizo-content-fx,.soshiki-img,.access-map-table,.kano-content,.kyoten-content,.kano-table{
        width: 100%;
    }
    .daihyo-content-txt{
        width: 75%;
    }
    .rinen-table-in-fx img{
        width: 60%;
        height: auto;
    }
    .enkak-table-mgn{
        padding-left: 0;
    }
    .enkak-img-mgn img,.seizo-content-child img{
        width: 100%;
        height: auto;
    }
    /*.seizo-content-fx{
            flex-direction: column;
            align-items: center;
    }*/
    .seizo-content-head-mgn{
        white-space: nowrap;
    }
    .seizo-map-ifm,.seizo-content-child{
        width: 38%;
    }
    .rinen-table-in-fx{
        flex-direction: column;
        align-items: center;
    }
    .kano-child{
        width: 45%;
    }
    .maping-link{
        overflow-x: scroll;
        overflow: auto;
    }
    .process-content-fx{
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .process-content-child-sp{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .process-content-child-sp img{
        margin-top: 30px;
    }
    .pc-process-no{
        display: none;
    }
    .sp-process-no{
        display: block;
    }
    .process-content-child ul{
        width: 50%;
    }
    .kyoten-content-img-sp{
        width: 24%;
    }
    .kyoten-content-img-sp img{
        width: 100%;
        height: auto;
    }
    .contact-wrap{
        width: 100%;
    }
    .contact-child{
        width: 43vw;
    }
    .contact-child-blank,.contact-long-btn-sp,.contact-under-box{
        width: 100%;
    }
    .contact-long-btn-sp{
        margin-bottom: 5vw;
    }
    .products-information-box,.products-information-box-end,.products-table,.products-table-end{
        width: 100%;
    }
    .products-information-btn-S{
        width: 100%;
        margin-bottom: 3vw;
    }
    .products-information-btn-wrap{
        flex-direction: column;
    }
    .products-information-box-end .products-information-btn-wrap{
        padding: 35px 45px 35px;
    }
    .products-anker-link{
        flex-wrap: wrap;
    }
}
@media screen and (max-width:768px){
    .modal-wrap{
        padding: 5vw 10%;
    }
    .modal-img-wrap{
        text-align: center;
    }
    .modal-img-wrap img{
        width: 28vw;
        height: auto;
    }
    .all-contents{
        padding: 11.458vw 0 0;
    }
    .mv-area-fx{
        flex-direction: column;
        padding-top: 26.953vw;
        padding-bottom: 9.375vw;
    }
    .mv-area-bred{
        display: none;
    }
    .mv-area-sp,.mv-area-sp-down,.mv-area-menu{
        width: 100%;
    }
    .mv-area-menu li{
        width: 48%;
        font-size: 3.125vw;
        padding-top: 4.818vw;
        padding-bottom: 4.036vw;
    }
    .mv-area-sp-down{

    }
    .mv-area-menu{

    }
    .mv-area h1{
        margin-bottom: 7vw;
        font-size: 7.422vw;
        font-weight: 400;
    }
    .mv-area h1 span{
        font-size: 2.813vw;
    }
    .recruit-section-rikunavi{
        height: auto;
    }
    .recruit-section-mail{
        margin-bottom: 40vw;
        padding: 11.719vw 0;
    }
    .recruit-section-mail img{
        width: 90%;
        height: auto;
    }
    .recruit-section-rikunavi p{
        margin: 0 auto;
        width: 90%;
        margin-top: 10px;
        color: #0068b7;
        font-size: 2.415vw;
    }
    .sp-br{
        display: block;
    }

    .saiyo-content-txt-b{
        font-size: 6.51vw;
        letter-spacing: -0.3rem;
    }
    .recruit-mv{
        display: none;
    }
    .recruit-mv-sp{
        display: inline;
        width: 100%;
        height: auto;
        text-align: center;
        margin: 6.51vw 0;
    }
    .recruit-top-txt,.recruit-news-box ul,.recruit-gyomu-box-inner h4 span,.gaiyo-table,.recruit-gyomu-box-inner-txt,.recruit-gyomu-box-inner-left h4 span,.contents-top-flex p,.daihyo-content-txt-s,.enkak-table-td,.jyoho-content-txt-a,.access-map-table td,.jutakuseizo-content,.kano-child ul,details summary span,.kano-table,.process-fst-txt{
        font-size: 3.125vw;
    }
    .all-h2,.recruit-news-box h3{
        font-size: 4.688vw;
    }
    .recruit-news-box{
        padding: 3.906vw 3.255vw 5.859vw;
        text-align: justify;
        margin-bottom: 11.458vw;
    }
    .recruit-content-txt-b{
        font-size: 5.208vw;
        text-align: justify;
        margin-top: 8.464vw;
        margin-bottom: 5.859vw;
    }
    .daihyo-content, .gaiyo-content{
        margin-top: 8.073vw;
    }
    .daihyo-content-txt-s{
        margin-top: 6.51vw;
    }
    .gaiyo-table td{
        display: block;
        padding: 2.604vw 3.516vw 4.297vw;
    }
    .gaiyo-table-head{
        padding-bottom: 0!important;
    }
    .rinen-table{
        margin-top: 7.292vw;
    }
    .rinen-table td.rinen-table-head{
        padding: 6.771vw 0 5.469vw 0;
    }
    .soshiki-img{
        margin-top: 5.469vw;
    }
    .recruit-gyomu-box-inner h4,.recruit-gyomu-box-inner-left h4{
        font-size: 10.938vw;
    }
    .recruit-gyomu-box-inner-txt-b,.recruit-gyomu-box-inner-txt-b{
        font-size: 6.51vw;
        letter-spacing: -0.2rem;
    }
    .recruit-gyomu-box-inner-txt span{
        font-size: 2.734vw;
    }
    .recruit-h4-sp{
        position: relative;
    }
    .recruit-h4-sp span{
        position: absolute;
        top: 6vw;
    }
    .recruit-section-second-txt{
        font-size: 3.516vw;
        text-align: justify;
        width: 90%;
        margin: 0 auto;
        margin-top: 4.557vw;
        margin-bottom: 4.557vw;
    }
    .news-flex,.contents-top-flex{
        flex-direction: column;
        margin-bottom: 10.938vw;
		position: relative;
    }
    .contents-top-flex{
        align-items: center;
        padding-top: 11.198vw;
        margin-bottom: 0;
    }
    .padding-top-c{
        padding-bottom: 13.932vw;
    }
    .contents-top-child{
        width: 90%;
        text-align: center;
    }
    .contents-top-flex img{
        width: 80%;
    }

    .contents-top,.link-top{
        border-radius: 0 13.021vw 0 0;
    }
    .group-top{
        border-radius: 13.021vw 0 0 0;
    }
    .contents-top-flex p{
        text-align: justify;
        margin-bottom: 8.464vw;
    }
    .contents-top-flex h3{
        font-size: 5.078vw;
        margin-top: 5.469vw;
        margin-bottom: 5.208vw;
    }
    .contents-top-flex h3::after{
        top: 1.302vw;
        width: 4.688vw;
        height: 4.688vw;
    }
    .contents-wid-img{
        display: none;
    }
    .contents-wid-img-sp{
        display: inline;
        width: 90%;
        height: auto;
    }
    .contents-wid{
        text-align: center;
    }
    .top-h2{
        font-size: 5.469vw;
        padding-top: 13.281vw;
        padding-bottom: 4.167vw;
    }
    .top-h2 span{
        font-size: 3.125vw;
        font-weight: 400;
    }
    .group-btn-pc,.link-top .contents-wid img.group-btn-pc{
        display: none;
    }
    .group-btn-sp,.link-top .contents-wid img.group-btn-sp{
        display: inline;
        width: 90%;
        height: auto;
        margin: 4.688vw auto 4.688vw;
    }
    .group-img{
        margin-top: 4.688vw;
    }
    .group-img img.group-btn-sp-mgn{
        margin-top: 4.688vw;
    }
    h1.news-h1 {
        margin-top: 9.766vw;
    }
    h1{
        font-size: 7.552vw;
    }
    h1.news-h1 span{
        font-size: 2.083vw;text-align: left;
    }
    .main-vis{
        height: 65vw;
        background-size: contain;
    }
    .pc-daihyo{
        display: none;
    }
    .sp-daihyo{
        display: block;
        float: right;
        margin: 30px 0 30px 30px;
    }
    .daihyo-content-txt{
        width: 100%;
    }
    .gaiyo-content img{
        width: 100%;
    }
    .daihyo-content-txt-b{
        font-size: 6.51vw;
    }
    .gaiyo-content img.gaiyo-access-map-btn{
        width: 40%;
    }
    .rinen-table td{
        display: block;
    }
    .rinen-table td.rinen-table-nonborder{
        border: none;
        padding: 0 0 8.203vw 0;
        font-size: 3.125vw;
    }
    .rinen-table td.rinen-table-last-border{
        padding-bottom: 0;
    }
    .rinen-table td.rinen-table-head,.jyoho-content-head,.seizo-content-fx h4{
        font-size: 4.297vw;
    }
    .rinen-table-last-border{
        border: none;
    }
    .rinen-table-txt-b,.enkak-table-head{
        font-size: 3.906vw;
    }
    .rinen-table-img-center{
        text-align: center;
    }
    .rinen-table-txt-last{
        margin-top: 7.422vw;
        padding-bottom: 0;
    }
    .enkak-table{
        margin-top: 10.417vw;
    }
    .enkak-table-head{
        padding-right: 0;
        padding-bottom: 0;
    }
    .pc-img{
        display: none;
    }
    .sp-img{
        display: inline;
    }
    .rinen-table-in-fx img.sp-img{
        width: 70%;
    }
    .seizo-map-ifm,.seizo-content-child{
        width: 100%;
    }
    .seizo-map-ifm{
        border-radius: 10px;
        height: 52.083vw;
    }
    .rinen-table-txt-inf{
        font-size: 3.906vw;
    }
    .enkak-table-head,.enkak-table-td{
        display: block;
    }
    .enkak-table-td{
        border-left: none;
        padding-left: 0;
        text-align: justify;
        padding-bottom: 5.469vw;
    }
    .enkak-img-mgn{
        margin-top: 6.901vw;
    }
    .jyoho-content{
        margin-top: 7.552vw;
    }
    .jyoho-content-txt-a{
        text-align: left;
        margin-top: 6.12vw;
    }
    .jyoho-content-txt-b{
        font-size: 2.734vw;
        margin-top: 3.906vw;
    }
    .access-map-table td{
        display: block;
        padding-bottom: 7.031vw;
    }
    .access-map-table td.access-map-table-head{
        padding-bottom: 2.734vw;
        padding-right: 0;
    }
    .seizo-content-fx-fst{
        margin-top: 7.813vw;
    }
    .seizo-content-fx{
        flex-direction: column;
        padding: 7.552vw 0;
    }
    .seizo-content-child{
        text-align: center;
    }
    .seizo-content-child img{
        width: 80%;
        margin-top: 5.208vw;
    }
    .seizo-content-fx h4{
        margin-bottom: 4.297vw
    }
    .seizo-content-child-access,.seizo-content-child ul{
        text-align: justify;
        font-size: 3.125vw;
    }

    .seizo-content-child-access{
        margin-top: 5.208vw;
    }
    .seizo-content-child ul{
        margin-top: 6.25vw;
    }
    .seizo-content-child ul li span{
        font-size: 2.734vw;
    }
    .jyoho-content img{
        width: 100%;
        height: auto;
        margin-top: 6.12vw;
    }
    .access-map-ifm{
        margin-top: 7.031vw;
        height: 65.104vw;
    }
    .access-map-table{
        margin-top: 7.031vw;
    }
    .recruit-top-txt{
        margin-bottom: 10.286vw;
    }
    .head-mgn-top {
        margin-top: 15.234vw;
    }
    .head-mgn-bottom {
        margin-bottom: 7.813vw;
    }
    .recruit-section-rikunavi img{
        width: 90%;
        height: auto;
    }
    .recruit-items-sp-sp img, .recruit-items-sp-sp-left img{
        margin-top: 6.12vw;
    }
    .recruit-gyomu-box-inner-txt-b{
        margin-top: 3vw;
    }
    .recruit-section-second{
        background-size: contain;
        padding: 10vw 0 35vw;
    }
    .recruit-section-second{
        background-position: left top, right 110%;
    }
    .recruit-gyomu-box-inner-txt{
        margin-top: 5.078vw;
    }
    .jutakuseizo-txt-a{
        margin-top: 8.203vw;
    }
    .jutakuseizo-txt-b {
        margin-top: 7.031vw;
    }
    .jutakuseizo-txt-a,.jutakuseizo-txt-b{
        text-align: justify;
    }
    .jutakuseizo-img{
        width: 90%;
        height: auto;
        margin-top: 7.031vw;
    }
    .kano-content{
        width: 100%;
        flex-direction: column;
        align-items: center;
        margin-top: 7.031vw;
    }
    .kano-child{
        width: 90%;
        margin-bottom: 5vw;
        padding: 4.557vw 9.115vw 5.859vw;
    }
    .kano-list-last{
        margin-top: 4.297vw;
    }
    .kano-child ul{
        margin-top: 4.297vw;
    }
    .kano-child h3{
        font-size: 3.906vw;
    }
    .kano-pack-head span{
        font-size: 3.516vw;
    }
    .kano-pack-head{
        font-size: 4.297vw;
        margin-top: 7.552vw;
    }
    .kano-pack-img {
        margin-top: 6.51vw;
    }
    details summary{
        font-size: 3.906vw;
        padding: 4.427vw 2.604vw;
    }
    .kano-table td{
        display: block;
        padding: 4.557vw 2.604vw 3.385vw;
    }
    .kano-table td.kano-table-sp-pdg{
        padding-top: 0;
    }
    .kano-table td ul li{
        padding-left: 1em;
        text-indent: -0.7em;
        width: 95%;
        text-align: justify;
        line-height: 1.8;
    }
    .process-fst-txt{
        margin-top: 6.38vw;
    }
    .process-content-fx{
        margin-top: 5.078vw;
    }
    .process-content-child ul{
        font-size: 3.516vw;
        height: auto;
        width: 40%;
        padding: 30px 10px 0 10px;
    }
    .process-content-child .process-content-child-sp-end{
        margin-bottom: 0;
    }
    .process-content-child-sp img{
        width: 55%;
        height: auto;
    }
    .process-content-child ul li span,.kyoten-content-child-fx p span{
        font-size: 2.734vw;
    }
    .process-content-child-sp{
        margin-bottom: 7vw;
    }
    .kyoten-content{
        margin-top: 7.422vw;
    }
    .kyoten-content-child-fx{
        flex-direction: column;
        align-items: center;
        padding: 4.427vw 0;
    }
    .kyoten-content-child-head{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 90%;
    }
    .kyoten-content-img-sp{
        width: 58%;
        margin-top: 5vw;
    }
    .kyoten-content-child-fx p{
        font-size: 3.516vw
    }
    .kyoten-content-child-head img{
        width: 33.333vw;
        height: auto;
    }
    .dumy-pc{
        display: none;
    }
    .kyoten-content-child-fx h4{
        font-size: 4.297vw;
        margin-bottom: 0;
    }
    .kyoten-content-img img,.sp-process-no{
        width: 100%;
        height: auto;
    }
    .kyoten-content-img{
        margin-top: 8.724vw;
        margin-bottom: 15.234vw;
    }
    .contact-child,.sp-contact-btn{
        width: 100%;
    }
    .contact-child p{
        font-size: 3.906vw;
    }
    .contact-child p span,.contact-child-blank p .contact-child-blank-txt-a{
        font-size: 3.125vw;
    }
    .contact-child-blank p{
        font-size: 2.734vw;
    }
    .privacy-point{
        margin-top: 9.662vw;
        margin-bottom: 14.024vw;
    }
    .site-policy-list-last{
        margin-bottom: 17.068vw;
    }
    .recruit-back-02-sp-end{
        margin-bottom: 5vw;
    }
    .site-policy-head{
        font-size: 5vw;
    }
    .products-pdf-btn-link-L,.products-information-btn-L,.products-information-btn-L-end{
        width: 100%;
    }
    .products-anker-link li{
        font-size: 2.4vw;
        margin-bottom: 3vw;
        width: 49%;
        border-right: 2px solid #0068b7;
        border-left: 2px solid #0068b7;
        border-top: 2px solid #0068b7;
    }
    .products-anker-link li a{
        display: block;
    }
    .products-anker-link li::after{
        right: 8%;
    }
    .products-table,.products-table-end{
        display: none;
    }
    .products-table-sp-wrap{
        display: block;
        overflow-x: scroll;
        margin-bottom: 5vw;
    }
    .products-table-sp{
        border-collapse: collapse;
        margin-bottom: 4vw;
    }
    .products-table-end-sp{
        border-collapse: collapse;
        margin-bottom: 138px;
    }

    .products-table-head-sp{
        background-color: #0068b7;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 3.125vw;
        font-weight: 500;
        color: #fff;
        height: auto;
        padding: 1vw;
        white-space: nowrap;
    }
    .products-table-saku-sp{
        background-color: #edf4f6;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 2.083vw;
        font-weight: 500;
        color: #0068b7;
        width: 30px;
        text-align: left;
        padding: 0 3vw;
        border-right: 1px solid #dce5e8;
        border-bottom: 1px solid #dce5e8;
    }
    .products-table-product-sp,.products-table-formulation-sp,.products-table-packag-sp,.products-table-company-sp{
        font-family: "Noto Sans JP", sans-serif;
        font-size: 2.734vw;
        padding: 2vw;
        color: #424242;
        box-sizing: border-box;
        border-right: 1px solid #dce5e8;
        /*border-bottom: 1px solid #dce5e8;
        text-decoration: underline;
        text-underline-offset: 10px;*/
        text-align: center;
        border-bottom: 1px solid #dce5e8;
        line-height: 2;
    }
    .products-table-icon-sp{
        border-right: 1px solid #dce5e8;
        padding: 2vw 0 0;
    }
    .products-table-icon-sp-flex{
        width: 170px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .products-table-product-sp a {
        text-decoration: none;
        border-bottom: solid 1px;
    }
    .products-table-sp a {
        text-underline-offset: 10px;
        color: #424242;
    }
    .products-information-btn-L,.products-information-btn-L-end{
        margin-top: 8.464vw;
        margin-bottom: 7.031vw;
        font-size: 4vw;

        height: 11.719vw;
        line-height: 11.719vw;
    }
    .products-information-btn-wrap{
        padding: 4.557vw 5.859vw 4.557vw;
    }
    .products-information-box-end .products-information-btn-wrap{
        padding: 4.557vw 5.859vw 4.557vw;
    }
    .products-information-box{
        margin-bottom: 6.51vw;
    }
    .products-information-btn-S{
        height: 11.719vw;
        line-height: 11.719vw;
        font-size: 4vw;
    }
    .products-information-box h3, .products-information-box-end h3{
        font-size: 5vw;
    }
    .products-information-box-end{
        margin-bottom: 19.531vw;
    }
    .products-information-btn-L-end{
        margin-bottom: 15.625vw;
    }

    /*.products-anker-link-sp{
            display: block;
    }
            .products-anker-link{
                    display: none;
            }
            .products-anker-link-sp option{
            position: relative;
            font-family: "Noto Sans JP", sans-serif;
            font-size: 20px;
            font-weight: 500;
            color: #424242;
            text-align: center;
            border-bottom: 2px solid #0068b7;
            padding-right: 25px;
            line-height: 3;
    }
    .products-anker-link-sp option.products-anker-link-border{
            padding-right: 25px;
            line-height: 1.5;
    }
    .products-anker-link-sp option::after{
            content: '';
            position: absolute;
            top: 40%;
            right: 0;
      display: inline-block;
      width: 12px;
      height: 10px;
      background-image: url("../img/shared/mv-arrow.png");
      background-size: contain;
            background-repeat: no-repeat;
            vertical-align: middle;
    }
    .products-anker-link-sp option a{
            text-decoration: none;
            color: #424242;
    }
            form .link_menu {
      width: 100%;
      padding: 20px;
      font-size: 16px;
      cursor: pointer;
    }*/

    .top-news-table-wrap{
        margin: 0 auto;
        width: 90%;
    }
    .top-news-table{
        width: 100%;
    }
    .top-news-table td{
        display: block;
    }
    .top-new-days,.top-new-content{
        font-size: 3.125vw;
    }
    .top-news-table-flex-days{
        width: 50%;
    }
    .top-news-table-flex-days img{
        width: 23.438vw;
        height: auto;
        margin-left: 2vw;
    }
    .top-news-table-flex-cont{
        text-align: justify;
        padding: 2.344vw 0;
        border-bottom: solid 1px #d6dfe5;
    }
    .top-news-table-flex-cont p{
        width: 90%;
    }

    .top-news-table td{
        border-bottom: none;
    }
    .top-news-table-caption{
        font-size: 2.734vw;
    }
    .home-page .top-news-table-caption{
        font-size: 2.734vw;
		position: absolute;
		top: 53px;
		right: 0;
    }
    .top-new-days{
        padding: 18px 26px 2.344vw 0;
    }

    .pagination {
        padding: 8vw 0 26.667vw;
        display: flex;
        justify-content: center;
    }
    .news-sp-on{
        display: block;
    }
    .news-pc-non{
        display: none;
    }
}
@media screen and (max-width:660px){
    .recruit-interview-flex{
        width: 90%;
        height: 101.515vw;
    }
    .recruit-interview-flex img{
        width: 37.121vw;
        height: auto;
    }
}
@media screen and (max-width:520px){
    .mv-area h1,.mv-area-menu{
        width: 92.308vw;
    }
    .mv-area-menu li{
        width: 42.308vw;
    }
    .spsp-br{
        display: block;
    }
}

@media only screen and (max-width: 767px){
    .top-news-table td.top-new-cate{
        width: auto;
    }
    .top-news-table td.top-new-days{
        width: 110px;
        text-align: left;
        font-size: 16px;
        padding: 18px 26px 18px 0;
    }
    .top-news-table td.top-new-content{
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
        margin-bottom: 10px;
		font-size: 16px;
    }
    .top-news-table td.top-new-content a{
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
        line-clamp: 2; 
        -webkit-box-orient: vertical;
        font-size: 16px;
    }
    .top-new-cate{
        padding-right: 0;
    }
    .top-news-table tr{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        position: relative;
    }

    .top-news-table tr::after {
        content: '';
        width: 10px;
        height: 12px;
        background-image: url(../img/shared/header-arrow.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 20px;
        right: 0;
    }
}

.top-new-cate{
    width: 176px;
    padding-right: 26px;
    text-align: center;
}
.top-new-cate span{
    color: #fff;
    display: block;
    max-width: 130px;
    margin: 0 auto;
    padding: 3px 10px;
    background: #0c69b5;
    font-family: "Noto Sans JP", sans-serif;
}
.top-new-cate1 span{
    background: #E3ECF1;
    color: #0c69b5;
}
@media(max-width:767px){
	.top-new-cate span{font-size: 13px;}
}

.contents--auth{
    padding-block: 120px 120px;
}
.contents--auth .modal-wrap{
    filter: none;
}

.message{
    font-size: 16px;
    line-height: 28px;
    background: #ddf3ff;
    color: #0068b7;
    padding: 30px;
    margin-top: 50px;
    display: none;
}