@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

:root{
  --blue01:#2159AA;
  --green01:#55C6B0;
  --white:#fff;
  --background-a: rgba(85,198,176,0.05);
}
body{
  margin: 0;
  padding: 0;
}

body{
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  font-family: "Helvetica Neue",Arial,"Hiragino Sans",'Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}

.pcOnly{
  display: block;
}
.spOnly{display: none;}

/* ---------flex */
.flex{display: flex;}
/* ---------コンテンツ幅 */
.commonWrap{
  max-width: 1160px;
  margin: 0 auto;
}
/* --------------ヘッダー */
.header__wrap{
  border-top: 2px solid var(--blue01);
  box-shadow: 0px 1px 1px rgba(129,129,129,0.5);
}
.header__wrap .commonWrap{
  padding: 40px 0;
  align-items: center;
  justify-content: space-between;
}
.link_siteName{width: 27%;}
.link_siteName .siteName{
  font-size: 28px;
  font-weight: 700;
}

.headerNav > .headerNavList > .headerNavListItem > a{
  color: var(--blue01);
  position: relative;
}
.headerNav .headerNavList .headerNavListItem:not(:last-child){
  margin-right: 30px;
}
/* ---------current */
.current{
  padding-bottom: 4px;
  border-bottom: 2px solid var(--green01);
}
/* --------- toggle */
.toggle{
  display: none;
}

/* ------------パンくずリスト */
.breadcrumb{
  color: var(--blue01);
}
.breadcrumb_item{
  display: inline-block;
}
/* --------------フッター */
.footer__wrap{
  margin-top: 100px;
  padding: 40px 0;
  background-color:var(--blue01);
  color:var(--white);
  font-size: 20px;
}
.footer__wrap .commonWrap{
  flex-direction: row-reverse;
  justify-content: space-between;
}
.footer__Head{
  border-bottom: 2px solid var(--white);
  padding-bottom: 8px;
  font-size: 24px;
  margin-bottom: 20px;
}
.footer__Head .footer__head-inner01{
  font-size: 32px;
}
.footer__rightWrap,.footer__leftWrap{
  width: 44.6%;
}
/* ------------画像width100% */
.fullwidthImg{width: 100%;}
/* ------------基本line-height */
.generalLH01{
  line-height: 1.75;
}

/* -----------スペース */
.space_mt60{
  margin-top: 60px;
}

/* ----------外部リンク */
.footer__externalLink{margin-bottom: 40px;}
.footer__externalLinkList .footer__externalLinkListItem:nth-child(2){
  padding: 20px 0;
}
.footer__externalLinkList .footer__externalLinkListItem a{
  position: relative;
  display:inline-block;
  padding-right: calc(20px + 1em);
}
.footer__externalLinkList .footer__externalLinkListItem a::after{
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../images/common/externalLink.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}
/* --------メニュー */
.footer__menuList{
  margin-top: 30px;
}
.footer__menuList .footer__menuListItem{
  padding-left: 30px;
  position: relative;
}
.footer__menuList .footer__menuListItem::before{
  content: "";
  display:block;
  width: 14px;
  height: 18px;
  background-color: var(--white);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  position: absolute;
  left: 0;top: 0;
}
.footer__menuList .footer__menuListItem:not(:last-child){
  margin-bottom: 40px;
}
.footer__address,.footer_Email{
  margin: 20px 0;
}

/* --------ボタン */
.btn{
  display: block;
  text-align: center;
  width: 280px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--green01);
}
.btn .innerTxt{
  color: var(--white);
}
.home__linkBtn{
  margin: auto;
}
.home__linkBtn .innerTxt{
  font-size: 24px;
  letter-spacing: 0.05em;
}
.footer__btn {
  padding: 20px 0;
  border: 2px solid var(--white);
}
/* --------見出し */
.mainHeadline{
  font-size: 32px;
  color: var(--blue01);
  margin-bottom: 30px;
  letter-spacing: 0.02em;
}
.subHead{
  font-size: 20px;
  border-left: 4px solid var(--green01);
  padding-left:8px;
}

/* -----------------------------下層ページ共通 */
.subPage__header{
  background-color:var(--background-a);
  padding: 44px 0 16px;
  border-bottom: 2px solid var(--green01);
  margin-bottom: 88px;
}
.subPage_Name{
  color: var(--blue01);
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  padding-bottom: 12px;
}
/* -------------------------------home */
/* -----------------mainView 導入部 */
#mainView{
  padding-top: 1px;
}
.home_bgi{
  background-image: url(../images/home/home_bgi.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.asia{
  position: relative;
  padding-bottom: 55px;
}
.home__message{
  position: absolute;
  bottom: 35px;
  left: 0;
}
.home__message .home__messageTxt{
  display: inline-block;
  background-color: var(--white);
  padding:12px;
  font-size: 32px;
  font-weight: 700;
  color: var(--blue01);
}
.home__message .home__messageTxt-mb{
  margin-bottom: 16px;
}
.asiaImg{
  display: block;
  width: 100%;
}
.home_introImgList{
  justify-content: space-between;
}

.home_introWrap{
  padding: 30px 0;
  background-color: rgba(255,255,255,0.5);
}
.home_introImgList{
  margin-bottom: 30px;
}
.home_introImgList .home_introImgListItem{
  width: 31%;
}
.home_introWrap .btn{
  height: 71px;
  margin: 0 auto;
}

/* -----------------びわこ経済交流協同組合の特徴 */
  #charactor .mainHeadline{
    text-align: center;
    margin-top: 80px;
  }
  .chara__bgi{
    background-color: #F4F7FB;
    padding: 50px 0;
    margin-bottom: 40px;
  }
  .chara__list{
    padding: 0 20px;
  }
  .chara__listItem{
    background-color: var(--white);
    width: 540px;
    padding: 42px 20px;
    border-radius: 20px;
  }
  .chara__list .chara__listItem:first-child{margin-right: 40px;}
  .chara__listItem .subHead{
    font-size: 24px;
    margin-bottom: 40px;
    line-height: 1.33;
  }
  .chara__listItem .planeTxt{
    padding-bottom: 30px;
    border-bottom: 1px solid var(--blue01);
  }
  .chara__list .chara__listItem:last-child .planeTxt{
    padding-top: 28px;
  }
/* -------------------------------外国人技能実習制度のご案内 */
#capacity{text-align: center;}
.trainingSect-mb{margin-bottom: 80px;}
/* ----------------外国人技能実習制度とは */
.trainingSystem .mainHeadline{text-align: center;}
.intro__imageList{
  justify-content: space-between;
  padding: 30px 12px 42px;
}
.intro__imageList .intro__imageListItem{
  width:44.1%;
  min-width: 500px;
}
.intro__imageList .intro__imageListItem:nth-child(1) img{
  box-shadow: -12px 12px 0 rgba(85,198,176,0.5);
}
.intro__imageList .intro__imageListItem:nth-child(2) img{
  box-shadow: 12px 12px 0 rgba(85,198,176,0.5);
}
#intro_trainingSystem .planeTxt{
  letter-spacing: 0.08em;
}
.intro_planeTxt-1line{padding-bottom: 30px;}

/* ----------------技能実習生の受け入れメリット */
#merit{
  padding: 16px 0;
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(33, 89, 170, 0.07) 6px, rgba(33, 89, 170, 0.07) 12px );
}
.merit__innerWrap{
  padding: 40px 0;
  background-color: #fff;
}
.meritList{
  justify-content: space-around;
}
.meritList .meritListItem{
  width: 33.3%;
  max-width: 280px;
}
.meritList .meritListItem .pictgram{
  max-width: 200px;
  margin: 0 auto 8px;
  display: block;
}
.meritList_number{
  display:block;
  color: var(--green01);
  font-size: 48px;
  font-weight: 700;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--green01);
  margin-bottom: 16px;
}
.meritList .meritListItem .planeTxt{
  font-size: 20px;
  line-height: 1.3;
}
.meritList .meritListItem .planeTxt .country{
  display: inline-block;
}
/* ----------------受け入れ可能人数枠 */
.capacity__firstTxt{
  margin-bottom:60px;
}
#capacity .planeTxt{
  line-height: 1.75;
}
.catacity__table{
  width: 100%;
  border: 2px solid var(--green01);
  padding:40px 14.9%;
  font-size: 24px;
  border-spacing: 16px;
  margin-bottom: 60px;
  border-radius: 16px;
}
.catacity__table th{
  text-align: center;
  color: var(--blue01);
  font-weight: 500;
  padding-bottom: 40px;
}
.catacity__table td{
  padding-bottom: 12px;
  border-bottom: 1px solid var(--green01);
}
/* ----------------技能実習生申し込みから帰国までの流れ */
#flow{
  background-color: rgba(33,89,170,0.05);
  padding: 40px 0;
}
.flow_contentWrap{
  flex-wrap: wrap;
  justify-content:space-between;
  padding-top: 30px;
}
/* --------左側・テキスト */
.flowList{
  max-width: 860px;
  flex-wrap:wrap;
  justify-content: space-between;
}
.flowList .flowListItem{
  width: 42.1%;
  max-width: 368px;
}
.flowList .flowListItem:not(:nth-child(n+9)){
  margin-bottom: 60px;
}
.flowList .flowListItem .planeTxt{
  line-height: 1.75;
}
.flowHeadline{margin-bottom: 24px;}
.flowHeadline_number,.flowHeadline_Txt{
  display: inline-block;vertical-align: middle;
}
.flowHeadline_number{
  color: var(--green01);
  font-size: 40px;
  font-weight: 700;
  margin-right: 16px;
}
.flowHeadline_Txt{
  font-size: 20px;
  font-family: YakuHanJP_Noto,"Hiragino Kaku Gothic ProN","Hiragino Sans",'Noto Sans JP',Meiryo,sans-serif;
}
.flowHeadline_Txt .inner01{
  font-size: 14px;
}
.flowHeadline_Txt .inner02{display: block;font-size: 16px;line-height: 1.75;}
/* ------------右側・画像 */
.flow__imageList{
  flex-direction:column;
  justify-content: space-between;
}
/* ------------下・注意書き */
.flow__noticeWrap{
  margin-top: 60px;
  color: var(--blue01);
  line-height: 1.75;
}

/* --------------職種について */
#Occupation .mainHeadline{
  text-align: left;
}
.occupationBorder{
  border: 2px solid var(--green01);
  padding: 35px 0 35px 32px;
}
.mhlwLink{
  display: inline-block;
  position: relative;
  padding-right: 36px;
}
.mhlwLink .innerTxt,.mhlwLink .mhlw_linkMark{
  display:inline-block;
  vertical-align: top;
}
.mhlwLink .innerTxt{
  padding-bottom: 8px;
  text-decoration: underline;
  text-decoration-color:var(--green01);
  text-underline-offset: 0.5em;
}

/* ----------------添付ファイル20230629 */
.training_fileArea{
  margin-top: 80px;
}

/* -------------------------------共同購買 */
.group-purchasingSect{
  margin-bottom: 60px;
}
.group-purchasingSect .subHead{
  font-size: 24px;
}
/* .panelList{
  margin-top: 40px;
}
.panelListItem{
  width: 43%;
  margin-right: 80px;
}
.pdfBtn{
  margin-top: 40px;
  height: 90px;
  border: 1px solid var(--green01);
  justify-content: center;
  align-items: center;
}
.pdfBtn .innerTxt{
  font-size: 20px;
  line-height: 1.5;
}
.pdfImg{
  margin-right: 24px;
} */
 /* ----メンテナンスお知らせ */
 .maintenance-notice{
  border: 2px solid var(--green01);
  justify-content: center;
  align-items: center;
  padding:2rem;
 }
 .maintenance-notice .maintenance-txt{
  font-size: 24px;
  color: var(--green01);
 }

/* -------------------------------組合概要 */
.outlineSect{
  padding: 0 10%;
}
.outlineSect-spaceMB{
  margin-bottom: 80px;
}

.outlineSect .subHead{
  position: relative;
}
.outlineSect .subHead::after{
  content: "";
  display:block;
  width: 100%;
  height: 0;
  border-bottom: 1px solid var(--green01);
  position: absolute;
  left: -4px;
  bottom: -16px;
}
.outlineDifiList,.projectList{
  margin-top: 56px;
}
.outlineDifiTitle-2line,.outlineDifidesc_address,.outlineDifidesc p{
  line-height: 1.5;
}
.outlineDifiTitle{
  width: 28%;
  text-align: center;
  padding: 20px 0;
  background-color: rgba(242,242,242,0.5);
  border-left: 1px solid var(--green01);
}
.outlineDifidesc{
  width: 72%;
  padding: 20px 0 20px 102px;
}
.outlineDifiTitle,.outlineDifidesc{
  border-top: 1px solid var(--green01);
  border-right: 1px solid var(--green01);
}
.outlineDifiTitle-last,.outlineDifidesc-last{
  border-bottom: 1px solid var(--green01);
}
.outlineDifiTitle-2line{
  padding: 32px 0;
}
.projectList{
  flex-wrap: wrap;
}
.projectList .projectListItem{
  width: 50%;
  height: 88px;
  border-top: 1px solid var(--green01);
  border-left: 1px solid var(--green01);
}
.projectList .projectListItem:nth-child(n+3){
  border-bottom: 1px solid var(--green01);
}
.projectList .projectListItem:nth-child(even){
  border-right: 1px solid var(--green01);
}
.projectList .projectListItem:first-child p{
  padding: 16px 0;
}
.projectList .projectListItem:not(:first-child) p{
  padding: 35px 0;
}
.projectList .projectListItem p{
  text-align: center;
}
.projectList .projectListItem p span{
  display: block;
  line-height: 1.75
}

/* -------------------------------アクセス */
/* -----------google map */
.mapOuter{
  width: 100%;
  height: 0;
  padding-top: 50%;
  position: relative;
  margin-bottom: 40px;
}
.mapOuter iframe{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.accessTxt,.accessAddress{font-size: 20px;}.accessTxt{margin-bottom: 12px;}

/* -------------------------------組合員事業紹介 */
#member{
  padding: 0 60px;
}
.memberIntro{
  font-size: 20px;
  margin-bottom: 60px;
}
.memberInfoList{
  flex-wrap: wrap;
}
.memberInfoList .memberInfoListItem{
  width: 45%;
}

.memberInfoList .memberInfoListItem:nth-child(odd){
  margin-right: 10%;
  margin-bottom: 60px;
}
.memberDifiList{
  margin-top: 14px;
  border-top: 1px solid var(--green01);
  padding-top: 40px;
}
.memberDifiList .flex{
  margin-bottom: 30px;
}
.memberDifiList .memberDifiTitle,.memberDifiList .memberDifiDesc{
  line-height: 1.75;
}
.memberDifiList .memberDifiTitle{
  font-weight: 400;
  width: 14%;
  margin-right: 56px;
}
.memberDifiList .memberDifiDesc-first{
  margin-bottom: 28px;
}
/* ---------------------------------お問い合わせ */
.notice_cntct{
  color: var(--blue01);
}
.formArea{
  margin: 48px 0 80px;
  font-size: 20px;
}
.contactList{
  margin-bottom: 60px;
}
.contactListItem{
  justify-content: space-between;
  align-items:center;
  padding: 24px 48px;
  border-bottom: 1px solid var(--green01);
}
.inputItemField,.inputItemField-2{
  display: block;
  padding-left: 16px;
  width: 61%;
  min-width: 320px;
  background-color: #F2F2F2;
}
.inputItemField{height: 48px;}
.inputItemField-2{padding-top: 12px;}
.formBtn{height: 68px;color: #fff;margin: auto;}

/* -------------電話 */
.contact__telArea .commonWrap{
  max-width: 700px;
  margin: auto;
  padding: 40px 60px;
  border: 10px solid #C7D5EA;
}
.contact__telArea p{
  text-align: center;
}
.contact__telArea .contact__planeTxt{
  font-size: 24px;
  margin-bottom: 40px;
}
.contact__telArea .contact__phoneNum{
  padding-bottom: 8px;
  border-bottom: 1px solid var(--blue01);
}
.contact__telArea .contact__phoneNum .innerTxt{
  font-size: 40px;
}
/* -------------------------------thanks */
.thanksSect{
  padding-top: 80px;
}
.thanksSect .mainHeadline,.thanksSect p{
  text-align: center;
}
.thanksBtn{
  height: 52px;
  margin: 40px auto 0;
}
/* -------ホバーが有効なデバイスのみ */
@media (any-hover: hover){
  /* -----------opacity */

  .btn:hover,.link_siteName:hover{
    opacity: 0.8;
  }

  /* ------------下線 */
  .footer__externalLinkList .footer__externalLinkListItem a:hover,
  .footer__menuList .footer__menuListItem a:hover,
  .breadcrumb_item a:hover{
    text-decoration: underline;
    text-underline-offset: 0.3em;
  }
  /* ------------色変更 */
  .mhlwLink:hover,.headerNavList .headerNavListItem a:hover,.pdfBtn:hover .innerTxt{
    color: var(--green01);
  }
  /* ------------フッタ */
  .footer__menuList .footer__menuListItem:hover::before{
    background-color: var(--green01);
  }
  .footer__externalLinkList .footer__externalLinkListItem a:hover::after{
    background-image:url(../images/common/link_green.svg);
  }
}

@media screen and (max-width:1159px) {

  .commonWrap{
    padding: 0 20px;
  }
  .commonWrap.asia{
    padding: 0 20px 80px;
  }
  /* ----------------header */
  .header__wrap .commonWrap{
    padding: 40px 20px;
  }
  .link_siteName{width: 28%;min-width: 286px;margin-right: 60px;}
  .link_siteName .siteName{font-size: 26px;}
  /* ----------nav */
  .headerNav .headerNavList{
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .headerNav > .headerNavList > .headerNavListItem > a{
    line-height: 1.75;
  }
    /* ------------------------home */
    .home__message{
      bottom:16px;
      left: 20px;
    }
    .home__message .home__messageTxt{
      font-size: 28px;
      padding: 8px;
    }
    /* ------------びわこ経済協同組合の特徴 */
    .chara__list .chara__listItem:last-child .planeTxt{
      padding-top: 0;
    }

    /* ------------------------外国人技能実習制度のご案内 */
    /* -------------外国人技能実習制度とは */
  .intro__imageList .intro__imageListItem{
    min-width: inherit;
  }
  /* ---------------------------技能実習生申し込みから帰国までの流れ */
  .flow_contentWrap{
    margin: 0 10%;
  }
  .flowList{max-width: inherit;}
  .flowList .flowListItem{
    width: 47%;
    max-width: inherit;
  }
  .flow__imageList{
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 60px;
  }
  .flow__imageListItem{
    width: 23%;
  }
  .flow__imageListItem img{
    width: 100%;
    height: auto;
  }


  /* ------------------------組合員事業案内 */
  #member{padding: 0;}
  .memberDifiList .memberDifiTitle{
    margin-right: 32px;
    min-width: 68px;
  }

}

@media screen and (max-width:959px){
  .pcOnly{
    display: none;
  }
  /* -------------header */
  .header__wrap{
    width: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 999;
    top:0;left: 0;
  }
  .header__wrap .commonWrap{
    position: relative;
    align-items:flex-start;
    padding: 16px 20px;
  }
  .link_siteName{
    margin-right: 0;
  }
  /* -------------toggle */
  .toggle{
    display: block;
    position: relative;
    width: 30px;
    height: 14px;
  }
  .toggle .toggle__border{
    width: 100%;
    height: 2px;
    display: inline-block;
     transition: all .4s;/*アニメーションの設定*/
    margin: 0 auto;
    background-color: var(--blue01);
    position: absolute;
    right: 0;
  }
  .toggle .toggle__border:nth-child(1){
    top: 0;
  }
  .toggle .toggle__border:nth-child(2){
    top: 6px;
  }
  .toggle .toggle__border:nth-child(3){
    bottom: 0;
  }
  .toggle .toggle__border:nth-child(3)::after{
    content: "menu";
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--blue01);
    position: absolute;
    top: 6px;
    left: -2px;
  }

  .toggle.active .toggle__border:nth-child(1){
    transform: rotate(-45deg);
    top: 6px;
  }
  .toggle.active .toggle__border:nth-child(2){
    opacity: 0;
  }
  .toggle.active .toggle__border:nth-child(3){
    transform: rotate(45deg);
    bottom: 6px;
  }
  .toggle.active .toggle__border:nth-child(3)::after{
    content: "close";
    transform: rotate(-45deg);
    top: 10px;
    left: 10px;
  }
  /* -------------headerNav */
  .headerNav{
    opacity: 0;
    transition: 1.2s;
    position: absolute;
    right:-100%;
    top: 59px;
    width:70%;
    background-color: var(--blue01);
    padding-left:4%;
    z-index: -9;
  }
  .headerNav.active{
    right: 0;
    height: 100vh;
      opacity:1;
  }
  .headerNav .headerNavList{
    flex-direction: column;
  }
  .headerNav .headerNavList .headerNavListItem{
    padding: 12px 0;
    border-bottom: 1px dashed var(--white);
  }
  .headerNav .headerNavList .headerNavListItem a{
    color: #fff;
  }
  .headerNav .headerNavList .headerNavListItem:not(:last-child){
    margin-right: 0;
  }
  .current{border-bottom: none;}
  /* -------------見出し */
  .mainHeadline{font-size: 28px;}
  /* ------------パンくずリスト */
  .breadcrumb{
    font-size: 14px;
  }
  /* -----------footer */
  .footer__wrap .commonWrap{
    flex-direction: column;
    width: 60%;
  }
  .footer__rightWrap, .footer__leftWrap{
    width: 100%;
  }
  .footer__menu{
    margin-bottom: 40px;
  }
  /* -----------下層ページ */
  .subPage{margin-top: 60px;}
  .subPage__header{
    padding: 30px 0 10px;
  }
  .subPage_Name{
    font-size: 28px;
  }
  /* -----------------------------home */
  .home{
    margin-top:60px;
  }
  .home__message .home__messageTxt{
    font-size: 24px;
  }
  /* -------------びわこ経済協同組合の特徴 */
  .chara__list{
    flex-direction: column;
  }
  .chara__list .chara__listItem{
    width: 80%;
    margin:0 auto;
  }
  .chara__list .chara__listItem:first-child{
    margin-right: auto;
    margin-bottom: 40px;
  }
  .chara__listItem .subHead{
    font-size: 20px;
  }
  /* --------------------------------外国人技能実習制度について */
  /* --------------技能実習生の受け入れメリット */
  .meritList .meritListItem{
    width: 31%;
  }
  .meritList .meritListItem .pictgram{
    max-width: 140px;
  }
  .meritList_number{
    font-size: 44px;
  }
  .meritList .meritListItem .planeTxt{
    font-size: 18px;
  }
  /* ---------------受け入れ可能人数枠 */
  .catacity__table{
    font-size: 20px;
    padding:30px 8%;
  }
  /* ---------------技能実習生申し込みから帰国までの流れ */
  .flow_contentWrap{
    margin: 0%;
  }

  /* --------------------------------組織概要 */
  .outlineDifidesc{
    padding: 20px 20px 20px 40px;
  }
  /* -------------------------------共同購買 */
  .panelList{justify-content: space-between;}
  .panelListItem{
    width: 48%;
    margin-right: 0;
  }
  .pdfBtn .innerTxt{font-size: 18px;}
  /* -------------------------------組合員事業紹介 */
  .memberIntro{
    text-align: center;
  }
  .memberInfoList{
    flex-direction: column;
  }
  .memberInfoList .memberInfoListItem{
    width: 75%;
    margin: auto;
  }
  .memberInfoList .memberInfoListItem:nth-child(odd){
    margin-right: auto;
  }
  .memberInfoList .memberInfoListItem:not(:last-child){
    margin-bottom: 30px;
  }
  /* -------------------------------お問い合わせ */
  #contact .mainHeadline{
    text-align: center;
  }
  .notice_cntct{
    text-align: center;
  }
  .contact__telArea{
    padding: 0 20px;
  }
}

@media screen and (max-width:700px){
  /* -------------------------------home */
  .home__message .home__messageTxt{
    font-size: 20px;
  }
  /* -------------------------------外国人技能実習制度のご案内 */
  /* ---------------技能実習生の受け入れ */
  .meritList{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .meritList .meritListItem{
    width: 100%;
    max-width: 360px;
  }
  .meritList .meritListItem:not(:last-child){
    margin-bottom: 40px;
  }
  /* ----------------受け入れ可能人数枠 */
  .catacity__table{
    font-size: 18px;
  }
/* ----------------技能実習生申し込みから帰国までの流れ */
  .flowList{
    flex-direction: column;
  }
  .flowList .flowListItem{
    width: 100%;
  }
  .flowList .flowListItem:nth-child(n+9){
    margin-bottom: 60px;
  }
  /* ----------------------------共同購買 */
  .panelList{
    flex-direction: column;
  }
  .panelListItem{
    width: 100%;
  }
  .panelList .panelListItem:first-child{
    margin-bottom: 30px;
  }
  /* ----------------------------組合概要 */
  .outlineSect{
    padding: 0;
  }
  /* ----------------------------お問い合わせ */
  .contactListItem{
    padding: 24px 0;
  }
}

@media screen and (max-width:540px) {
  .spOnly{
    display: block;
  }
  /* --------------header */
  .headerNav{
    top: 52px;
  }
  .link_siteName{
    width: auto;
    max-width: inherit;
  }
  .link_siteName .siteName{
    font-size: 20px;
  }

  /* --------------見出し */
  .mainHeadline{
    font-size: 24px;
  }
  .mainHeadline span{
    display: block;
    line-height: 1.5;
  }
  /* ----------------footer */
  .footer__wrap{
    font-size: 16px;
  }
  .footer__wrap .commonWrap{
    width: 100%;
  }
  .footer__Head,.footer__Head .footer__head-inner01{font-size: 20px;}

  /* --------メニュー */
  .footer__menuList .footer__menuListItem::before{
    width: 12px;height: 16px;
  }
  /* -------リンク */
  .footer__menuList .footer__menuListItem:not(:last-child){
    margin-bottom: 30px;
  }
  .footer__externalLinkList .footer__externalLinkListItem a{
  padding-right: calc(16px + 1em);
  }
  .footer__externalLinkList .footer__externalLinkListItem a::after{
    width: 16px;height: 16px;
  }
  /* --------びわこ経済共同組合 */
  .footer__address{
    margin-top: 10px;
  }
  .footerNumber,.footer_Email{
    font-size: 18px;
  }
  .footerNumber span{
    display: block;
  }
  .footerNumber span,.footer_Email{
    line-height: 1.5;
  }
  .footer_Email{
    margin-top: 0;
    margin-bottom: 30px;
  }
  .footer__btn{
    margin: auto;
    height: 48px;
    padding: 10px 0;
  }
  /* -----------------------------home */
  .home{
    margin-top: 54px;
  }
  /* -------------view */
  .home_bgi{
    background-image: url(../images/home/home_bgi_sp.jpg);
  }
  .home_bgi .asia{
    padding: 0 0 28.5vh;
  }
  .home_introImgList{
    flex-direction: column;
  }
  .home_introImgList .home_introImgListItem{
    width: 100%;
  }
  .home_introImgList .home_introImgListItem:not(:last-child){
    margin-bottom: 30px;
  }
  .home_introWrap .btn{
    height: 48px;
  }
  .home__message{
    bottom: 40px;
  }
  .home__message .home__messageTxt{
    font-size: 17px;
  }
  /* -------------びわこ経済交流協同組合の特徴 */
  #charactor .mainHeadline{
    margin-top: 60px;
  }
  .chara__bgi{
    padding: 40px 0;
    margin-bottom: 30px;
  }
  .chara__list .chara__listItem{
    width: 100%;
    padding: 40px 16px;
  }
  .chara__listItem .subHead{
    font-size: 19px;
    margin-bottom: 30px;
  }
  .chara__listItem .planeTxt{
    padding-bottom: 20px;
  }
  .home__linkBtn{
    height: 48px;
  }
  .home__linkBtn .innerTxt{font-size: 20px;}
  /* -------------下層ページ */
  .subPage{
    margin-top: 54px;
  }
  .subPage_Name{
    font-size: 22px;
    padding-bottom: 20px;
  }
  .subPage__header{
    margin-bottom: 60px;
    padding: 30px 0 6px;
  }
  /* -----------------------------外国人技能実習生制度のご案内 */
  .trainingSect-mb{margin-bottom: 60px;}
  /* ----------------外国人技能実習制度とは */
  .intro__imageList{
    flex-direction: column;
    padding: 0 0 42px 0;
  }
  .intro__imageList .intro__imageListItem{
    width: 100%;
  }
  .intro__imageList .intro__imageListItem:first-child{
    margin-bottom: 42px;
    padding-left: 10px;
  }
  .intro__imageList .intro__imageListItem:nth-child(1) img{
    box-shadow:-10px 10px 0 rgb(85 198 176 / 50%);
  }
  .intro__imageList .intro__imageListItem:nth-child(2) img{
    box-shadow:10px 10px 0 rgb(85 198 176 / 50%);
  }
  .intro__imageList .intro__imageListItem:nth-child(2){
    padding-right: 10px;
  }
  .intro_planeTxt-1line{padding-bottom: 0;}
  /* 技能実習生の受け入れメリット */
  .merit__innerWrap{padding: 30px 0;}
  .meritList .meritListItem .pictgram{max-width: 120px;}
  .meritList_number{font-size: 40px;}
  .meritList .meritListItem .planeTxt{font-size: 16px;}

  /* ----------------受け入れ可能人数枠 */
  .catacity__table{
    font-size: 15px;
    padding: 20px 0%;
    border-spacing:8px;
    margin-bottom: 30px;
  }
  .capacity__firstTxt,#capacity .planeTxt{
    text-align:left;
  }
  .capacity__firstTxt{
    line-height: 1.75;
    margin-bottom: 30px;
  }
  /* -------------- 技能実習生申し込みから帰国までの流れ*/
  #flow{padding-top: 30px;}
  #flow .commonWrap{
    padding: 0;
  }
  .trainingSystem .mainHeadline{padding: 0 20px;}
  .trainingSystem .mainHeadline span{display: block;line-height: 1.25;}
  .flow_contentWrap{
    padding-top: 0;
    flex-wrap: wrap;
    order: 0;
  }
  .flowHeadline{
    margin-bottom: 20px;
  }
  .flowList .flowListItem{
    padding: 20px 20px;
  }
  .flowList .flowListItem:nth-child(even){
    background-color: #fff;
  }
  .flowList .flowListItem:not(:nth-child(n+9)),.flowList .flowListItem:nth-child(n+9){
    margin-bottom: 0px;
  }
  .flowHeadline_number{font-size: 32px;}
  .flowHeadline_Txt{
    font-size: 18px;
  }
  .flow__noticeWrap,.flow__imageList{
    padding: 0 20px;
  }
  .flow__noticeWrap{
    order: 1;
    margin-top: 20px;
  }
  .flow__imageList{
    order: 2;
    margin-top: 30px;
  }
  .flow__imageList .flow__imageListItem{
    width: 45%;
  }
  .flow__imageList .flow__imageListItem:first-child,.flow__imageList .flow__imageListItem:nth-child(2){
    margin-bottom: 10%;
  }
  /* -------------- 職種について*/
  #Occupation .mainHeadline{
    text-align:center;
  }
  .occupationBorder{
    padding: 30px 20px;
  }
  .mhlwLink{padding-right: 0;}
  .mhlwLink .innerTxt{
    line-height: 2;
  }
  .mhlwLink .innerTxt,.mhlwLink .mhlw_linkMark{
    display: inline;
  }
  .mhlwLink .innerTxt,.mhlwLink .mhlw_linkMark,.mhlwLink .mhlw_linkMark img{
    vertical-align:middle;
  }
  .mhlwLink .mhlw_linkMark img{
    width: 16px;height: 16px;
  }
  /* -------------- 添付ファイル20230629*/
  .training_fileArea{
    flex-direction: column;
  }
  .training_fileArea .training_fileLink{
    margin-bottom: 20px;
  }

  /* -----------------------------共同購買 */
  .group-purchasingSect{
    margin-bottom: 40px;
  }
  .space_mt60{margin-top: 0;}
  .group-purchasingSect .subHead{
    font-size: 20px;
  }

  .pdfBtn{
    margin-top: 30px;
    height: 68px;
  }
  .pdfBtn .innerTxt{
    font-size: 16px;
    line-height: 1.3;
  }
  /* -----------------------------組合概要 */
  .outlineSect{ padding: 0; }
  .outlineSect-spaceMB{margin-bottom: 60px;}
  /* --------------組合概要 */
  .outlineDifiList .flex{
    flex-direction: column;
  }
  .outlineSect .subHead::after{
    bottom: -8px;
  }
  .outlineDifiList, .projectList{
    margin-top: 38px;
  }
  .outlineDifiList{
    border: 1px solid var(--green01);
    text-align: center;
  }
  .outlineDifiTitle,.outlineDifidesc{
    width: 100%;
    border: none;
  }
  .outlineDifiTitle,.outlineDifiTitle-2line{
    padding: 12px 0;
  }
  .outlineDifidesc{
    padding: 16px 0;
  }
  .outlineDifidesc span{
    display: block;
    line-height: 1.5;
  }
  /* --------------事業内容 */
  .projectList{
    flex-direction: column;
  }
  .projectList .projectListItem{
    width: 100%;
    height:auto;
    border-right: 1px solid var(--green01);
  }
  .projectList .projectListItem:nth-child(3){
    border-bottom:none;
  }
  .projectList .projectListItem:not(:first-child) p,
  .projectList .projectListItem:first-child p{
    padding: 12px 0;
  }
  .projectList .projectListItem p span{
    line-height: 1.375;
  }
  /* -----------------------------組合員事業紹介 */
  .memberIntro{
    font-size: 16px;
    text-align:left;
  }
  .memberInfoList .memberInfoListItem,.memberDifiList .memberDifiTitle{
    width: 100%;
  }
  .memberInfoList .memberInfoListItem:not(:last-child){
    margin-bottom: 10px;
  }
  .memberDifiList{
    padding-top: 30px;
  }
  .memberDifiList .memberDifiDesc-first{
    margin-bottom: 0;
  }
  .memberDifiList .flex{
    flex-direction: column;
    margin-bottom: 20px;
  }
  .memberDifiList .memberDifiTitle{
    margin-right: 0;
  }

  /* -----------------------------アクセス */
  .mapOuter{
    margin-bottom: 30px;
  }
  .accessPage .accessWrap{
    padding: 0;
  }
  .accessTxt,.accessAddress{
    padding: 0 20px;
    font-size: 16px;
  }
  .accessAddress{
    line-height: 1.5;
  }
  /* -----------------------------お問い合わせ */
  .formArea{
    font-size: 16px;
    margin: 0 0 60px;
  }
  .contactList{
    margin-bottom: 40px;
  }
  .contactListItem{
    padding:30px 0 20px;
    flex-direction: column;
    align-items: flex-start;
  }
  .inputItemField, .inputItemField-2{
    width: 100%;
  }
  .inputItemField-2{
    height: 140px;
  }
  .InputItems_name{
    margin-bottom: 14px;
  }
  .inputItemField{
    height: 32px;
  }
  .formBtn{
    height: 48px;
  }
  /* -----------お電話 */
  .contact__telArea .commonWrap{
    border: 6px solid #C7D5EA;
    padding: 30px 14px
  }
  .contact__telArea .contact__planeTxt{
    text-align: left;
    font-size: 20px;
    margin-bottom: 30px;
    padding: 0 20px;
    line-height: 1.3;
  }
  .contact__telArea .contact__phoneNum .innerTxt{
    font-size: 30px;

  }
}