@charset "utf-8";
/* CSS Document */
/*
Theme Name: 福祉生協イリス2023版
Theme URI: https://www.hukushiseikyou.or.jp
Description: 
Version: 1.0
Author: SUDA WEB TEAM and WEB PROJECT
Author URI: http://www.suda.co.jp
Tags:
*/


/*パーツ*/

.numberBox { background: #fff; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 30px 20px; margin: 40px 0 80px;}
.numberBoxTitle { font-size: 2.4rem; font-weight: 700; color: #0088B8; margin-top: -35px;}
.numberBoxTitle .number { font-family: 'Zen Old Mincho', serif; font-size: 5.0rem; color: #34588C; margin-right: 1.5rem; line-height: 1.0;}

.tableBlueWhite { border-collapse: collapse; border: none; width: 60%; margin: 2rem auto; }
.tableBlueWhite tbody { width: 100%; }
.tableBlueWhite th { width: 30%; text-align: left; vertical-align:middle; padding: 20px; border: none; border-bottom: solid 1px #ccc; color:#004487; font-weight: 700; }
.tableBlueWhite td { width: 70%; padding: 5px 20px; vertical-align:middle; border: none; border-bottom: solid 1px #ccc;}

.bgPhotoArea { position: relative; overflow: hidden;}
.bgPhoto { position: absolute; max-width: 630px; top: 0; right: -15%;}
.bgPhoto img { width: 100%; height: auto;}

@media only screen and (max-width: 766px) {
    .pageCont { background-size: 550%;}

    .localMenu { top: 70px;}
    .bgPhoto { display: none;}
    .tableBlueWhite { width: 90%;}
}

/*TOP*/
.headlineTopRead {}
.headlineTopRead .square { width: 195px; height: 182px; flex-wrap: wrap; align-content: center; font-size: 3.6rem;}
.headlineTopRead .square img { height: 48px; width: auto; vertical-align: bottom;}
.TopReadYear { font-size: 7.0rem; font-weight: 900; color: #ED5F81;line-height: 1.0; text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}

@media only screen and (max-width: 766px) {
    .headlineTopRead { font-size: 1.8rem;}
    .headlineTopRead .square { width: 80px; height: 110px; font-size: 2.4rem;}
    .headlineTopRead .square img { height: 24px;}
    .TopReadYear { font-size: 3.0rem;}
    .headlineTopRead .square .mgnT2rem { margin-top: 10px;}
}

/*施設TOP*/
.iris .pageBody a:hover { background:#f2fafd; }



/*NEWSLIST*/
.archive .cat { padding: 0.5rem 0.7rem; }
.archive .recruit { background:#0088b8; color: #fff; }
.archive .infomation { background:#004487; color: #fff; }
.archive .niji { background:#cb5050; color: #fff; }
.archive dl { border-bottom: solid 1px #ccc; }
.archive dl a:hover { background: #0088b8; color: #fff; }
.archive .pagenation { display: block; margin: 6rem auto; padding: 2rem; }
.archive .pagenation .page-numbers { font-size: 1.4rem; font-weight: 500; color: #333; border: solid 1px #ccc; padding: 1rem 2rem; background: #fff; }
.archive .pagenation .current { color: #fff; border: solid 1px #ccc; padding: 1rem 2rem; background: #0088b8; }




/*ARCHIVE*/
/*.archive { padding-top: 70px; background: url(images/page-top.jpg); background-repeat: no-repeat; background-size: contain; background-position: 50% 0;}*/


/*SINGLE*/
.singleCont { /*padding-top: 70px;*/ background: url(images/page-top.jpg); background-repeat: no-repeat; background-size: contain; background-position: 50% 0;}


.page_link { list-style-type: none!important; margin: 6rem auto 3rem; padding: 0!important; }
.page_link a { color: #333; text-decoration: none; }
.page_link a:hover { background:#0088b8; color: #fff; }

/*
.aboutus .about-circle-area { display: block; width: 100%; height: 800px; position: relative; }
.aboutus .about-circle-area .about-circle { display: block; width: 400px; height: 400px; padding: 3rem; border-radius: 45%; text-align: center; }
.aboutus .about-circle-area .circle-inner { display: block; position: relative; margin: 4rem; }
.aboutus .about-circle-area .abc01 { position: absolute; top: 0; left: 30%;  background: rgba(250, 126, 0, 0.2);box-shadow: 0 0 15px rgba(250, 126, 0, 0.2)inset; padding-top: 1rem; transform:rotate(45deg);}
*/
/*.aboutus .about-circle-area .abc01 .circle-inner {margin-top: 0em;}*/
/*
.aboutus .about-circle-area .abc02 { position: absolute; top: 310px; left: 14%; background:rgba(0, 68, 135, 0.2);box-shadow: 0 0 15px rgba(0, 68, 135, 0.2) inset;transform:rotate(45deg);}
.aboutus .about-circle-area .abc03 { position: absolute; top: 310px; right: 14%; background: rgba(124, 174, 63, 0.2); box-shadow: 0 0 15px rgba(124, 174, 63, 0.2)inset;transform:rotate(45deg);}
.aboutus .about-circle-area .about-circle h4 { display: block; font-weight: bold; }
.aboutus .about-circle-area .about-circle li { display: block; text-align: left; }
.aboutus .about-circle-area .circle-inner {transform:rotate(-45deg);}
*/

/*INQUIRY*/
form { width: 100%; margin: 0 auto;  }
form .border { border-bottom: solid 1px #ccc; padding: 0.5rem; margin: 0.5rem; }
form dl { width: 100%; justify-content: flex-start; align-items: center; flex-wrap: nowrap; }
form dt { width: 30%; padding: 1rem; line-height: 1.8; font-weight: 600; color:#004487; }
form dd { width: 70%; padding: 1rem; line-height: 1.8; }
form input { padding: 1rem; margin: 0.5rem; }
form textarea { padding: 1rem; margin: 0.5rem; }
form select { padding: 1rem; margin: 0.5rem; }



.recruit article .btn { width: 100%; border-radius: 50px; padding: 1rem; }
/*.recruit article .btn::before { top: 40%; }*/
.recruit form .text-629 input { width: 100%; }
.recruit form .text-630 input { width: 100%; }
.recruit form .text-434 input { width: 100%; }
.recruit form .email-624 input { width: 100%; }
.recruit form .textarea-166 textarea  { width: 100%; }

.contact form .your-name input { width: 100%; }
.contact form .your-email input { width: 100%; }
.contact form .text-789 input { width: 100%; }
.contact form .your-message textarea { width: 100%; }
.contact .telnum { border: solid 3px #cb5050; margin: 2rem auto; padding: 2rem; font-size: 1.8rem; font-weight: 600; }
.contact .telnum a { font-size: 2.6rem; font-weight: 700; color:#CC0000; }

.formember form .text-0 input { width: 100%; }
.formember form .text-922 input { width: 100%; }
.formember form .text-905 input { width: 100%; }
.formember form .your-email input { width: 100%; }


.bulletin .pageBody article { /*box-shadow:3px 3px 0px 0px #69777a29;*/ }
.bulletin .pageBody article h3 { font-size: 1.6rem; font-weight: 600; letter-spacing: 0; margin-top: 0; }
.bulletin .pageBody article img { display: block; border: solid 1px #ccc; width: 90%; margin: 0 auto 1rem; }
.bulletin .pageBody article p:nth-of-type(2) { overflow: hidden; }


/*.nangodori .pageBody h3 { color: #0e8e86; border-bottom: solid 2px #0e8e86; letter-spacing: 0; padding-bottom: 1.4rem; }
.nangodori .pageBody h3:after { border-bottom: solid 2px #7cae3f; }
.nangodori .pageBody h3::first-letter { font-size: 3.2rem; }

.nangodori .pageBody h4.catch { color: #043431; letter-spacing: 0; margin-top: 0; }
.nangodori .pageBody table { width: 100% }
.nangodori .pageBody table tr:nth-of-type(even) td { background: #f9fff0; }
.nangodori .pageBody table caption { width: 100%; font-size: 1.8rem; font-weight: 600; text-align: center; background: #043431; color: #fff; }
.nangodori .pageBody table th { background-color: #0e8e86; }*/


.requirement .pageBody h3 { border: none; text-align: center; }
.requirement .pageBody h3:after { /*left: 48%; width: 5%; border-bottom: solid 15px;*/ border: none; }
.requirement .pageBody .bg01 p { width: 70%; display: block; margin: 0 auto 40px; }
.requirement .pageBody .bg01 { background: url(images/bg01.png) no-repeat center top; background-size: contain; border-radius: 10px; }
.requirement .pageBody .bg02 { background: url(images/bg02.png) no-repeat center top; background-size: contain; padding: 50px 0; }


/*azuma_add20230612*/
.feetable01 { margin: 0 auto;}
.feetable02 { margin: 0 0 0 197px; }
.feetable03 tr td { font-size: 2rem; font-weight: 500; text-align: center;}
.feetable03 tr td.num { font-size: 3rem; font-weight: 500;}
.Aomit { padding-left:2em;text-indent:-2em;}
.faq-surround { border-radius:10px; padding:10px 20px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .5);}
.flow-element01 { padding:20px;}
.flow-element02 { padding:20px;border:solid 1px #004487;}
.table-kaigo { line-height: 1.6; font-size: 1.4rem; color: #333; background: #fff;}
.table-kaigo tr th { padding: 2rem; line-height: 1.6; font-size: 1.4rem; border: solid 1px #ccc; color: #fff; background: #0088b8; }
.table-kaigo tr td { padding: 2rem; line-height: 1.6; font-size: 1.4rem; border: solid 1px #ccc; color: #333; background: #fff; }
.table-kaigo { border-collapse: collapse; border: solid 1px #999; }
.table-kaigo tr .kaigo-graph3 { background: #EDECE8; color: #004487; font-weight: 600; padding: 1rem; }
.facility-detail { border:1px solid #004487; padding:20px; border-radius:5px;}

.request form .your-name input { width: 100%; }
.request form .your-email input { width: 100%; }
.request form .text-789 input { width: 100%; }
.request form .your-message textarea { width: 100%; }
.request .telnum { border: solid 3px #cb5050; margin: 2rem auto; padding: 2rem; font-size: 1.8rem; font-weight: 600; }
.request .telnum a { font-size: 2.6rem; font-weight: 700; color:#CC0000; }

/*.page-id-4782 {display:none;}*/
.page-id-57 .pageTitle {display:none;}
.page-id-3250 .pageTitle {display:none;}
.page-id-72 .pageTitle {display:none;}
.page-id-74 .pageTitle {display:none;}
.page-id-4663 .pageTitle {display:none;}
.page-id-4745 .pageTitle {display:none;}
.page-id-4762 .pageTitle {display:none;}
.page-id-4703 .pageTitle {display:none;}
.page-id-4792 .pageTitle {display:none;}

.cyuuouyose50 { width:50%;margin:0 auto; padding-left:1em;text-indent:-1em; border:2px solid #C7EDF2;padding-top:1rem;border-radius:10px;}
.cyuuouyose60 { width:65%;margin:0 auto; padding-left:1em;text-indent:-1em;border:2px solid #C7EDF2;padding-top:1rem; padding-right:1rem;border-radius:10px;}

.softbox {margin: 2em auto; padding: 1em 2em; background-color:#fff; box-shadow: 0 0 6px 1px #0088b8, 0 0 6px 1px #0088b8 inset;border-radius: 30px;}











@media only screen and (max-width:767px) {
    /* SP */
    header .l1 { width: 100%!important; padding: 1rem; padding-right: 70px; align-items: center; }
    .HeaderTelArea { display: none; justify-content: center!important; }

    .homeVisual-catch { font-size:20px!important; top:25%; left: 10%; }
    .homeVisual-Link { width: 60%; right: 20%; bottom: -80%; }
    .homeCatchArea .fs32 { font-size: 1.4rem!important;}
    .homeCatchArea .fs40 { font-size: 2.0rem!important;}
    /*.homeCatchArea .flex div { width: calc(100%/2); }*/
    .homeCatchArea .flex div img { width: 50%; display: block; margin: 20px auto 10px; }
    .homeNewsArea dl dt { padding-bottom:0.5rem; color: #0088b8; }
    .homeNewsArea .w75per { width: 100%;}
    .homeSeminorArea td { padding: 0.5rem 1rem!important; }
    .homeSeminorArea td::before { content: attr(data-label); font-size: 1.3rem; font-weight: 600; }
    .homeNyukyoArea .bgPaleYellow { /*margin-top: 100px!important; */ padding-top: 150px;}
    .homeNyukyoArea h3 { left: 10%; }
    .homeNyukyoArea .pdngR3rem { padding-right: 0!important; }
    .homeNyukyoArea .naeboBanner { width: 100%; }
    .homeNyukyoArea .column5 { margin: 1rem; }
    /*.homeRecruitArea a { padding: 10px 0!important; background-position: center!important; }*/
    .homeRecruitArea .btn { width: 80%!important; }
    .recruit-image-banner .w800 { padding:2rem!important; }
    .recruit-image-banner .fs30 { font-size: 1.6rem!important;  }

    .pageBody .column2 { width: 100%; }

    .pageBody p { margin-bottom: 2rem; }
    .pageBody h2 { font-size: 2.2rem; letter-spacing: 0em; }
    .pageBody h3 { font-size: 2.0rem; letter-spacing: 0em; }
    .pageBody h4 { font-size: 1.8rem; letter-spacing: 0em; }

    .archive { background-size: 550%;}
    /*.singleCont { background-size: 550%;}*/
    /*
    .aboutus .about-circle-area { display: block; width: 100%; height: auto; position: relative; }
    .aboutus .about-circle-area .about-circle { display: block; width: 100%; height: auto; padding: 1rem; border-radius: 0; text-align: center; }
    .aboutus .about-circle-area .abc01 { position: relative; left: 0; background:none; }
    .aboutus .about-circle-area .abc02 { position: relative; background:none; top: auto; left: 0; }
    .aboutus .about-circle-area .abc03 { position: relative; background: none; top: auto; right: 0;}
    */

    h3 img { height: 26px!important; }

    form dl { width: 100%; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
    form dt { width: 100%; padding: 1rem; line-height: 1.8; font-weight: 600; color:#004487; }
    form dd { width: 100%; padding: 1rem; line-height: 1.8; }

    /*azuma_add20230612*/
    .table-kaigo { padding: 1rem; line-height: 1.6; font-size: 1.4rem; border: solid 1px #ccc; color: #333; background: #fff; display:block; width:100%;}
    .table-kaigo tbody td::before { content: attr(data-label); display: block; font-size:1.4rem; font-weight: 500; color: #0088b8; margin-bottom: 0.2rem;}
    .table-kaigo tr th{ display:none; padding: 1rem;}
    .table-kaigo tr td{ display:block; width:100%; border:none; padding: 1rem; }
    .table-kaigo tr td.kaigoSP {background: #e9f1f5; font-weight: 500}
    .table-kaigo tr .kaigo-graph3 { background:#6298c6; color: #fff; font-weight: 600; padding: 0.5rem; }

    }    

 @media print, screen and (min-width:768px) {
    /* PC */
    



}


/*NAEBO SPECIAL*/
@media only screen and (max-width:767px) {
    /* SP */
   .naebo_special .pageBody h2 { margin: 5rem auto 2rem; }
   .naebo_special .pageBody h3 { margin: 5rem auto 2rem; padding: 2rem 0; border-top: solid 1px #459631; border-bottom: solid 1px #459631; color: #459631; }
   .naebo_special .pageBody h4 { margin: 5rem auto 2rem; padding: 1rem; background: rgb(157,224,140); background: linear-gradient(0deg, rgba(157,224,140,1) 0%, rgba(69,150,49,1) 100%); color: #fff; }
   .naebo_special .pageBody h5 { display: block; font-size: 2.4rem; margin-top: 3.6rem; color: #459631; }
   .naebo_special .pageBody .flex { display: block; }
   .naebo_special .pageBody .flex div { width: 90%; margin: 1rem auto; padding-bottom: 1rem; border-bottom: solid 1px #ccc; }
   .naebo_special .pageBody .flex div img { width: 100%; height: auto; display: block; margin: 0 auto; }
   .naebo_special .pageBody .flex div p { display: block; font-size: 1.6rem; font-weight: bold; color: #459631; }
   .naebo_special .pageBody .num { text-align: right; }
   .naebo_special .pageBody .scroll { overflow-x: auto; }
   .naebo_special .pageBody table { font-size: 1.1rem; }
   .naebo_special .pageBody table.t01 { width: 80%; /*margin: 1rem auto;*/ font-size: 1.1rem; }
   .naebo_special .pageBody #p06 + .inner iframe { width: 100%; height: 250px; display: block; }
   .naebo_special .pageBody #p06 + .inner { background: #f5f0e6; border-radius: 10px; border: double 3px #fff; padding: 1rem; margin: 1rem auto; position: relative; }
   .naebo_special .pageBody #p06 + .inner .setsu-title-wrap { display: block; position: relative; }
   .naebo_special .pageBody #p06 + .inner .setsu-title-wrap img { display: block; position: absolute; bottom: 0; right:0; height: 50px; width: auto; }
   .naebo_special .pageBody #p06 + .inner h3 { margin: 0 auto 2rem; padding: 2rem 0; border-top: none; border-bottom: double 6px #459631; color: #333; text-align: center; font-weight: bold; font-size: 2.0rem; }
   .naebo_special .pageBody #p06 + .inner .setsu-title-wrap + p { text-align: center; font-size: 1.5rem; line-height: 1.4; font-weight: bold; color: #333; }
   .naebo_special .pageBody #p06 + .inner h4 { text-align: center; font-size: 2.0rem; line-height: 1.6; font-weight: bold; color: #000; background: none; margin: 2rem auto; }
   .naebo_special .pageBody #p06 + .inner h5 { text-align: center; font-size: 1.6rem; line-height: 1.6; font-weight: bold; color: rgb(255, 115, 0); background: none; margin: 0 auto 2rem; }
   .naebo_special .pageBody #p06 + .inner h6 { text-align: center; font-size: 1.4rem; line-height: 1.6; font-weight: bold; color: #000; background: none; margin: 0 auto 2rem; }
   .naebo_special .pageBody #p06 + .inner a.char { display: block; margin: 0 auto; width: 150px; }
   .naebo_special .pageBody #p06 + .inner a.char img { width: 100%; height: auto; }
   .naebo_special .pageBody #p06 + .inner a.char:hover { opacity: 0.8; transform: rotate( 15deg );transition : all 300ms; }
   .naebo_special .pageBody p.txt-c { margin: 1rem; text-align: center; }
   .naebo_special .pageBody .table01 th {background: #459631; }

} @media print, screen and (min-width:768px) {
    /* PC */
   .naebo_special .pageBody h2 { margin: 10rem auto 2rem; }
   .naebo_special .pageBody h3 { margin: 10rem auto 2rem; padding: 2rem 0; border-top: solid 1px #459631; border-bottom: solid 1px #459631; color: #459631; }
   .naebo_special .pageBody h4 { margin: 10rem auto 2rem; padding: 1rem; background: rgb(157,224,140); background: linear-gradient(0deg, rgba(157,224,140,1) 0%, rgba(69,150,49,1) 100%); color: #fff; }
   .naebo_special .pageBody h5 { display: block; font-size: 2.4rem; margin-top: 3.6rem; color: #459631; }
   .naebo_special .pageBody .flex { display: flex; justify-content: space-between; }
   .naebo_special .pageBody .flex div img { width: 100%; height: auto; display: block; margin: 3rem auto 0; }
   .naebo_special .pageBody .flex div p { display: block; font-size: 1.6rem; font-weight: bold; color: #459631; }
   .naebo_special .pageBody h6 .flex { justify-content: center;}
   .naebo_special .pageBody .num { text-align: right; font-size: 2rem; }
   .naebo_special .pageBody table.t01 { width: 80%; /*margin: 1rem auto;*/ }
   .naebo_special .pageBody #p06 + .inner { background: #f5f0e6; border-radius: 30px; border: double 3px #fff; padding: 2rem; margin: 2rem auto; position: relative; }
   .naebo_special .pageBody #p06 + .inner .setsu-title-wrap { display: block; position: relative; }
   .naebo_special .pageBody #p06 + .inner .setsu-title-wrap img { display: block; position: absolute; bottom: 0; right:100px; }
   .naebo_special .pageBody #p06 + .inner h3 { margin: 0 auto 2rem; padding: 2rem 0; border-top: none; border-bottom: double 6px #459631; color: #333; text-align: center; font-weight: bold; font-size: 4.0rem; }
   .naebo_special .pageBody #p06 + .inner .setsu-title-wrap + p { text-align: center; font-size: 2.0rem; line-height: 1.4; font-weight: bold; color: #333; }
   .naebo_special .pageBody #p06 + .inner h4 { text-align: center; font-size: 5.0rem; line-height: 1.6; font-weight: bold; color: #000; background: none; margin: 2rem auto; }
   .naebo_special .pageBody #p06 + .inner h5 { text-align: center; font-size: 3.0rem; line-height: 1.6; font-weight: bold; color: rgb(255, 115, 0); background: none; margin: 0 auto 2rem; }
   .naebo_special .pageBody .freedial { text-align: center; font-size: 3.5rem; line-height: 1.6; font-weight: bold; color: rgb(255, 115, 0); background: none; }
   .naebo_special .pageBody #p06 + .inner h6 { text-align: center; font-size: 2.0rem; line-height: 1.6; font-weight: bold; color: #000; background: none; margin: 0 auto 2rem; }
   .naebo_special .pageBody #p06 + .inner a.char { position: absolute; bottom: 0; right: 0; }
   .naebo_special .pageBody #p06 + .inner a.char:hover { opacity: 0.8; transform: rotate( 15deg );transition : all 300ms; }
   .naebo_special .pageBody table caption { text-align: right; }
   .naebo_special .pageBody .table01 th {background: #459631; }
}