@charset "UTF-8";

/*================================================
* CSS RESET
================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,h7,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px
dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px
solid #b2b2b2;margin:0;padding:0}input,select{vertical-align:middle}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■Frequently Used■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* font-family: 'Montserrat', sans-serif;
/*
/*
/*
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■Basic CSS set■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
img {
    vertical-align: top;
}

video {
    vertical-align: top;
}

body {
  line-height: 1.4em;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}

a {
    text-decoration: none;
    color: #000000;
}

rt {
}

ruby {

}

p {
 color: #303030;
}

hr {

}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■Header CSS set■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.header {
    padding: 10px;
    display: flex;
}
@media screen and (max-width:700px) {
.header {

    }
}

.header_logo {
    height: 50px;
}
@media screen and (max-width:700px) {
.header_logo {
    height: 30px;
}
}


.topImage_image_PC {
 width: 100%;   
}
@media screen and (max-width:700px) {
.topImage_image_PC {
display: none;
}
}
.topImage_image_SP {
display: none;
}
@media screen and (max-width:700px) {
.topImage_image_SP {
display: block;
width: 100%;
}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■Width&Height Control■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.width1000 {
    max-width: 1000px;
    margin: auto;
}
@media screen and (max-width:700px) {
.width1000 {
    padding: 20px;
}
}

.w10 {
    min-width: 10px;
}

.w20 {
    min-width: 20px;
}

.w40 {
    min-width: 40px;
}

.h20 {
    height: 20px;
}

.h40 {
    height: 20px;
}

.h60 {
    height: 60px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■Body CSS set■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.pageTitle_kaigo {
    height: 60px;
    background-color: #2eafff;
}

.pageTitle_gyoumu {
    height: 60px;
    background-color: #00C078;
}

.pageTitle_kaihatsu {
    height: 60px;
    background-color: #ff9b00;
}

.pageTitle_kigyou {
    height: 60px;
    background-color: #9090A0;
}

.pageTitle_system {
    height: 60px;
    background-color: #00C078;
}

.pageTitle_fukushi {
    height: 60px;
    background-color: #2eafff;
}

.pageTitle_oshirase {
    height: 60px;
    background-color: #9090A0;
}

.pageTitle_otoiawase {
    height: 60px;
    background-color: #9090A0;
}


p.pageTitle_font {
    text-align: center;
    line-height: 58px;
    color: #f2f2f2;
    font-size: 22px;
    font-weight: bold;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■indexCategory■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.indexCategory {
    margin-top: 40px;
}
@media screen and (max-width:700px) {
.indexCategory {
    margin-top: 0px;
}
}

.indexCategory_flex {
    display: flex;
    margin-bottom: 20px;
}
@media screen and (max-width:700px) {
.indexCategory_flex {
    display: block;
    margin-bottom: 0px;
}
}



.indexCategory_blue {
    width: 100%;

    background-color: #2eafff;
    border-radius: 10px;
    padding: 10px 20px 5px 20px;
    box-sizing: border-box;
}
@media screen and (max-width:700px) {
.indexCategory_blue {
    margin-bottom: 10px;
}
}


.indexCategory_green {
    width: 100%;

    background-color: #00d085;
    border-radius: 10px;
    padding: 10px 20px 5px 20px;
    box-sizing: border-box;
}
@media screen and (max-width:700px) {
.indexCategory_green {
    margin-bottom: 10px;
}
}

.indexCategory_orange {
    width: 100%;

    background-color: #ff9b00;
    border-radius: 10px;
    padding: 10px 20px 5px 20px;
    box-sizing: border-box;
}
@media screen and (max-width:700px) {
.indexCategory_orange {

}
}

.indexCategory_orange_flex {
    display: flex;
    margin-left: 10px;
}
@media screen and (max-width:700px) {
.indexCategory_orange_flex {
    display: block;
}
}

.indexCategory_orange_flex_box02 {
    margin-right: auto;
}

.indexCategory_orange_imageBox {
        max-width: 240px;
    margin: auto;
}
.indexCategory_orange_imageBox_image {
        max-width: 240px;
    margin-bottom: 0px;
    margin: auto;
}


.indexCategory_blue_imageBox {
        width: 300px;
    margin: auto;
}
.indexCategory_blue_imageBox_image {
        width: 300px;
    margin-bottom: 0px;
}

p.indexCategory_blue_titleSub {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin-top: 10px;
}

p.indexCategory_blue_titleMain {
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    color: #ffffff;    
    margin-top: 10px;
}

p.indexCategory_blue_titleText {
      text-align: center;
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;    
    margin-top: 10px;
    margin-bottom: 10px;
}

p.indexCategory_orange_titleMain {
    font-weight: bold;
    font-size: 26px;
    color: #ffffff;    
    margin-top: 10px;
}

p.indexCategory_orange_titleText {
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;    
    margin-top: 10px;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■index BOX■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.notification {
    margin-top: 60px;
    margin-bottom: 60px;
}

.boxIndex_colum {
    display: flex;
}

.boxIndex_colum_icon {
    width: 20px;
    margin-left: auto;
    margin-right: 10px;
}

p.boxIndex_colum_font {
    font-weight: bold;
    color: #505050;
    font-size: 20px;
}

p.boxIndex_columAll_font {
    font-weight: bold;
    color: #0080FF;
}

.boxIndex_line {
    margin-top: 16px;
    margin-bottom: 16px;
    border-bottom: 4px dotted #cccccc;
}

.boxIndex_title {
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
}
@media screen and (max-width:700px) {
.boxIndex_title {
    display: block;
}
}

p.boxIndex_title_title {
    font-weight: bold;
    color: #0080FF;
    line-height: 1.3;
}

p.boxIndex_title_date {
    color: #505050;
   margin-right: 40px;
    margin-bottom: 6px;
}

p.boxIndex_title_place {
    color: #505050;
    line-height: 1.3;
}
@media screen and (max-width:700px) {
p.boxIndex_title_place {
   margin-left: 0px; 
}
}


.boxIndex_title_date_box {
    min-width: 180px;
}

.boxIndex_title_title_box {
    
}

.boxIndex_title_title_box02 {
    width: 300px;
}
@media screen and (max-width:700px) {
.boxIndex_title_title_box02 {
    margin-bottom: 6px;
}
}

p.boxIndex_title_date02 {
    color: #505050;
}
@media screen and (max-width:700px) {
p.boxIndex_title_date02 {
   margin-left: 0px;
    margin-bottom: 6px;
}
}

p.boxIndex_title_title02 {
    font-weight: bold;
    color: #0080FF;
    line-height: 1.3;
    margin-bottom: 6px;
}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■index buttons■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.button {
    width: 700px;
    margin: auto;
}
@media screen and (max-width:700px) {
.button {
    width: 100%;
}
}

.button_shop {
  width: 530px;
    height: 80px;
    margin: auto;
    background-color: #e6e6e6;
    margin-bottom: 20px;
    border-radius: 10px;
}
@media screen and (max-width:700px) {
.button_shop {
  width: 100%;
}
}

p.button_shop_font {
    font-size: 20px;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
} 

.button_flex {
    display: flex;
}
@media screen and (max-width:700px) {
.button_flex {
    display: block;
}
}

.button_rights {
  width: 370px;
    height: 80px;
    margin: auto;
    background-color: #e6e6e6;
    margin-bottom: 20px;
    border-radius: 10px;
    margin-right: 10px;
    display: flex;
}
@media screen and (max-width:700px) {
.button_rights {
  width: 100%;
    margin-right: 0px;
}
}

.button_rights_box {
  width: 300px;
    margin: auto;
    display: flex;
}

.button_rights_image {
    height: 50px;
margin-right: 10px;
    margin-left: 10px;
}

p.button_rights_title {
    margin-left: 4px;
    font-size: 20px;
    font-weight: bold;
    margin-top: 4px;
}

p.button_rights_text {
    font-size: 16px;
    margin-left: 4px;
    color: #606060;
    margin-top: 6px;
}

.button_policy {
  width: 370px;
    height: 80px;
    margin: auto;
    background-color: #e6e6e6;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    display: flex;
}
@media screen and (max-width:700px) {
.button_policy {
  width: 100%;
    margin-left: 0px;
}
}

.button_policy_box {
      width: 250px;
    margin: auto;
    display: flex;
}

.button_policy_image {
      height: 50px;
    margin-top: 16px;
    margin-right: 10px;
}

p.button_policy_font {
    font-size: 20px;
    text-align: center;
    line-height: 80px;
    font-weight: bold;    
}




.button02 {
    display: flex;
justify-content: center;
}
@media screen and (max-width:700px) {
.button02 {
    display: block;
}
}

.button02_boxL {
    background-color: #e6e6e6;
    border-radius: 10px;
    width: 370px;
    margin-right: 10px;
    display: flex;
    height: 80px;
justify-content: center;
    padding-top: 15px;
    box-sizing: border-box;
}
@media screen and (max-width:700px) {
.button02_boxL {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
}
}

.button02_boxL_icon_image {
    width: 50px;
    margin-right: 10px;
}


.button02_boxR {
    background-color: #e6e6e6;
    border-radius: 10px;
    width: 370px;
    margin-left: 10px;
    height: 80px;
justify-content: center;
    display: flex;
    padding-top: 15px;
    box-sizing: border-box;
}
@media screen and (max-width:700px) {
.button02_boxR {
    width: 100%;
    margin-left: 0px;
}
}

p.button02_boxL_text_title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 4px;
}

p.button02_boxL_text_titleSub {
    font-size: 16px;
    color: #606060;
    margin-top: 6px;
}

.button02_boxR_icon_image {
      height: 50px;
    margin-right: 10px;    
}

p.button02_boxR_text {
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
}






/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■go back to top■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.goTop {
    text-align: right;
    margin-bottom: 40px;
}

.goTop_image {
 width: 24px;   

}

.footer {
    height: 80px;
    background-color: #f0f0f0;
    text-align: center;
    line-height: 80px;
}





.topText {
    margin-top: 20px;
    margin-bottom: 40px;
}

.topText_font {
    margin-bottom: 10px;
}

.topText_imagePC {
    width: 560px;
    height: 160px;
    margin: auto;
    display: block;
}
@media screen and (max-width:700px) {
.topText_imagePC {
    width: 100%;
    display: none;
}
}

.topText_imageSP {
    width: 236px;
    height: 319px;
    margin: auto;
    display: none;
}
@media screen and (max-width:700px) {
.topText_imageSP {
    display: block;
}
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■汎用レイアウト向け■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.general_layout_box {
    
}

p.general_layout_box_text_font {
    
}

p.general_layout_box_link_font {
    margin-top: 10px;
    font-weight: bold;
    color: #0080ff;
}

p.general_layout_box_title_font {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■個別レイアウト■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.titleSub {
    
}

p.titleSub_title {
 font-size: 20px;
    font-weight: bold;
    margin-bottom: 4px;
}

.titleSub_underLine {
    background-color: #2eafff;
    height: 2px;
}

.titleSub_underLine_gyoumu {
    background-color: #00C078;
    height: 2px;
}

.titleSub_underLine_kaihatsu {
    background-color: #ff9b00;
    height: 2px;    
}

.titleSub_underLine_kigyou {
    background-color: #9090A0;
    height: 2px;    
}

.titleSub_underLine_oshirase {
    background-color: #9090A0;
    height: 2px;    
}

.titleSub_underLine_contact {
    background-color: #9090A0;
    height: 2px;    
}



.openAllSub {
    display: flex;
    padding: 20px 0px;
}

.openAllSub_icon {
        width: 20px;
    margin-left: auto;
    margin-right: 10px;
}

p.openAllSub_font {
        font-weight: bold;
    color: #0080FF;
}

.boxSub_line {
    height: 1px;
    width: 100%;
    background-color: #c8c8c8;
}






.titleSubList_box {
    height: 100%;
    padding: 10px 0px;
}

.titleSubList_flex {
    display: flex;
}


p.titleSubList_titleMain_font {
        color: #0080FF;
    font-weight: bold;
    margin-top: 4px;
}

p.titleSubList_titleSub_font {
    color: #303030;
    margin-top: 4px;
}

.titleSubList_icon {
    margin-left: auto;
}

.titleSubList_icon_image {
    width: 20px;
    margin-top: 30px;
    margin-right: 20px;
}

p.titleSub_text {
    color: #303030;
    margin-top: 10px;
    margin-bottom: 10px;
}












.grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.item {
  border: solid 1px #c8c8c8;
  padding: 10px;
  text-align: center;
}
img.gridImage {
    margin-bottom: 10px;
    height: 140px;
    width: 140px;
}
p.gridText {
    text-align: center;
    color: #0080ff;
    font-weight: bold;
}








p.titleSub_textTitle {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}


.miniTitle {
    background-color: #a0a0a0;
    padding: 10px;
}

p.miniTitle_font {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}

.miniTitle {
    margin-bottom: 10px;
}

.miniTitle_flex {
    display: flex;
}
@media screen and (max-width:700px) {
.miniTitle_flex {
    display: block;
}
}

.miniTitle_box {
width: 100%;
margin-bottom: 10px;
}

.miniTitle_box_imagePC {
    width: 100%;
    height: 300px;
    display: block;
}
@media screen and (max-width:700px) {
.miniTitle_box_imagePC {
display: none;
    }
}

.miniTitle_box_imageSP {
    width: 100%;
    display: none;
}
@media screen and (max-width:700px) {
.miniTitle_box_imageSP {
    display: block;
}
}

p.miniTitle_font_red {
    text-align: center;
    color: #c1272d;
}

.titleSub_text_PDF {
    color: #0080ff;
    font-weight: bold;
}





.topImageGyoumuPC {
    width: 100%;
}
@media screen and (max-width:700px) {
.topImageGyoumuPC {
display: none;
    }
}
.topImageGyoumuSP {
    width: 100%;
    display: none;
}
@media screen and (max-width:700px) {
.topImageGyoumuSP {
display: block;
width: 100%;
    }
}


.titleSub02 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.titleSub02_title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.3;
}


.gyoumu_subImagePC {
    width: 672px;
    margin: auto;
    margin-bottom: 20px;
    display: block;
}
@media screen and (max-width:700px) {
.gyoumu_subImagePC {
    width: 100%;
    display: none;
}
}
.gyoumu_subImageSP {
    width: 100%;
    margin-bottom: 20px;
    display: none;
}
@media screen and (max-width:700px) {
.gyoumu_subImageSP {
    display: block;
}
}

.gyoumu_subGray {
    background-color: #f4f4f4;
    padding: 10px;
    margin-bottom: 10px;
}

p.gyoumu_subGray_title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
} 

p.gyoumu_subGray_text {
    font-size: 16px;
} 


.gyoumu_subGray_flex {
    display: flex;
    width: 900px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
@media screen and (max-width:700px) {
.gyoumu_subGray_flex {
    display: block;
width: 100%;
}
}

.gyoumu_subGray_flex_box {
    margin: 4px;
    width: 300px;
    height: 40px;
    background-color: #f4f4f4;
}

@media screen and (max-width:700px) {
.gyoumu_subGray_flex_box {
    width: 100%;
}
}


.gyoumu_subGray_flex2 {
    display: flex;
  -webkit-justify-content: center;
    justify-content: center;
    width: 900px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
@media screen and (max-width:700px) {
.gyoumu_subGray_flex2 {
    display: block;
width: 100%;
}
}

.gyoumu_subGray_flex_box2 {
    margin: 4px;
    width: 100%;                   
    height: 40px;
    background-color: #f4f4f4;
}
@media screen and (max-width:700px) {
.gyoumu_subGray_flex_box2 {
    width: 100%;
}
}


p.gyoumu_subGray_flex_box_font {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #0080FF;
    line-height: 40px;
}


.shoukai_flex {
    display: flex;
}
@media screen and (max-width:700px) {
.shoukai_flex {
    display: block;
}
}


.shoukai_flex_boxImage {
    width: 314px;
    height: 146px;
    margin-right: 10px;
}
@media screen and (max-width:700px) {
.shoukai_flex_boxImage {
width: 100%;
    height: 
}
}


.topImageKaigoPC {
 width: 100%;   
}
@media screen and (max-width:700px) {
.topImageKaigoPC {
display: none;
}
}
.topImageKaigoSP {
display: none;
}
@media screen and (max-width:700px) {
.topImageKaigoSP {
display: block;
width: 100%;
}
}













p.titleSub_titleAnnai {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.shoukai_flex_boxImageAnnai {
    min-width: 320px;
    height: 320px;
    margin-right: 10px;
}

p.shoukai_flex_boxTextLink_font {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

p.kaihatsu_about {
    margin-top: 10px;
margin-bottom: 20px;
}

.kaihatsu_about_imagePC {
    width: 663px;
    display: block;
    margin: auto;
}
@media screen and (max-width:700px) {
.kaihatsu_about_imagePC {
    display: none;
}
}
.kaihatsu_about_imageSP {
    width: 100%;
    display: none;
}
@media screen and (max-width:700px) {
.kaihatsu_about_imageSP {
    width: 100%;
    display: block;
}
}



p.titleSub02_text {
    font-size: 18px;
}



.kigyou_shoukai_flex {
    display: flex;
}

.kigyou_shoukai_flex_box_title {
    min-width: 100px;
    margin-right: 20px;
}

p.kigyou_shoukai_flex_box_title_font {
    font-size: 16px;
    color: #606060;
}

.kigyou_shoukai_flex_line {
    background-color: #c8c8c8;
    height: 1px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.kigyou_shoukai_imagePC {
    width: 100%;
    margin-top: 20px;
    display: block;
}
@media screen and (max-width:700px) {
.kigyou_shoukai_imagePC {
display: none;
    }
}
.kigyou_shoukai_imageSP {
    width: 100%;
    margin-top: 20px;
    display: none;
}
@media screen and (max-width:700px) {
.kigyou_shoukai_imageSP {
display: block;
    }
}


.kigyou_message_flex {
    display: flex;
    margin-top: 20px;
}
@media screen and (max-width:700px) {
.kigyou_message_flex {
    display: block;
}
}

.kigyou_message_flex_image {
    min-width: 200px;
    height: 200px;
    margin-right: 10px;
    margin-bottom: 10px;
}
@media screen and (max-width:700px) {
.kigyou_message_flex_image {
    width: 100%;
    height: 100%;
}
}

p.kigyou_message_flex_text_font {
    font-size: 16px;
    line-height: 1.5;
}

p.kigyou_message_flex_textCEO_font {
    font-size: 18px;
    text-align: right;
    font-weight: bold;
    margin-top: 10px;
}








.titleSub_system {
     margin-top: 20px;
    margin-bottom: 20px;   
}

p.titleSub_system_font {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 20px;  
} 

p.titleSub_systemTitle_font {
      font-size: 16px;
    margin-bottom: 10px;  
} 


.grid_system {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.item_system {

  border: solid 1px #c8c8c8;
}
.gridItemBox {
    padding: 10px 20px 20px 20px;
}
img.gridImage_system {
    width: 100%;
    background-color: aqua;
}
p.gridText_systemTitle {
color: #000000;
    margin-bottom: 10px;
}
p.gridText_systemText {
    color: #0080ff;
    font-weight: bold;
}







.pageTab {
    display: flex;
}

.pageTab_box_ichiran {
    display: flex;
    margin-right: auto;
}

.pageTab_box_back {
    display: flex;
    margin-right: 6px;
    width: 50px;
    height: 40px;
    background-color: #f0f0f0;
}

.pageTab_box_next {
    display: flex;
    background-color: #f0f0f0;
    width: 110px;
    height: 40px;
    padding-left: 10px;
}

.pageTab_box_ichiran_image {
        width: 20px;
    margin-right: 10px
}

.pageTab_box_back_image {
        width: 20px;
    margin-right: 10px;
    margin-left: 12px;
    margin-top: 10px;
}

.pageTab_box_next_image {
        width: 20px;
    margin-left: 10px;
    margin-top: 10px;
}

p.pageTab_box_ichiran_font {
        font-weight: bold;
    color: #0080FF;
    line-height: 38px;
}

p.pageTab_box_back_font {
        font-weight: bold;
    color: #0080FF;
    line-height: 38px;
}

p.pageTab_box_next_font {
        font-weight: bold;
    color: #0080FF;
    line-height: 38px;
}






.system_jirei_shoukai {
     width: 800px;
margin: auto;   
}

@media screen and (max-width:700px) {
.system_jirei_shoukai {
     width: 100%;  
}
}

.system_jirei_shoukai_image {
width: 100%;
}



.titleSub_system_subText {
    margin-top: 20px;
    margin-bottom: 20px;
}

p.titleSub_system_subText_font {
    
}






 

table {
  margin: 20px auto;
}
.tbl-r02 th {
  background: #f0f0f0;
  border: solid 1px #909090;
  color: #404040;
  padding: 10px;
    box-sizing: border-box;
  min-width: 150px;
}
.tbl-r02 td {
  border: solid 1px #909090;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
}
 
@media screen and (max-width: 700px) {
  .last td:last-child {
    width: 100%;
  border-bottom: solid 1px #909090;
  }
  .tbl-r02 {
    width: 100%;

  }

  .tbl-r02 th,
  .tbl-r02 td {
  border-bottom: solid 0px #909090;
    display: block;
    width: 100%;
  }
}






.grid_seihin {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.item_seihin {
    display: flex;
    margin-bottom: 20px;
}
.gridImageBox{
    min-width: 150px;
    padding: 10px;
  border: solid 1px #c8c8c8;
}
.gridItemTextBox {
    padding: 0px 10px;
    box-sizing: border-box;
}
img.gridImage_seihin {
    height: 150px;
    width: 100%;
    background-color: white;
}
p.gridText_seihinTitleSub {
color: #000000;
    margin-bottom: 6px;
}
p.gridText_seihinTitle {
    color: #0080ff;
    font-weight: bold;
    margin-bottom: 6px;
}
p.gridText_seihinText {
color: #000000;
}








p.titleSub_systemMainTitle_font {
      font-size: 24px;
    margin-bottom: 10px;
    font-weight: bold;
} 

.system_seihin_jyouhou {
    
}

.system_seihin_jyouhou_image {
    width: 100%;
}

.titleSub_system_seihin_subText {
    margin-bottom: 20px;
    margin-top: 20px;
}

p.titleSub_system_title_font {
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
}

p.titleSub_system_seihin_title_font {
    font-size: 20px;
    font-weight: bold;
}
p.titleSub_system_seihinText_font {
    
}











.system_fuguai_box {
    
}

p.system_fuguai_box_text_font {
    
}

p.system_fuguai_box_link_font {
    margin-top: 10px;
    font-weight: bold;
    color: #0080ff;
}

p.system_fuguai_box_title_font {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}









.titleSub_fukushi {
     margin-top: 20px;
    margin-bottom: 20px;   
}

p.titleSub_fukushi_font {
      font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;  
} 

p.titleSub_fukushiTitle_font {
      font-size: 16px;
    margin-bottom: 10px;  
} 



.grid_fukushi {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.item_fukushi {
  border: solid 1px #c8c8c8;
}

img.gridImage_fukushi {
    height: 140px;
    width: 100%;
    background-color: aqua;
}
p.gridText_fukushiTitle {
color: #000000;
    margin-bottom: 10px;
}
p.gridText_fukushiText {
    color: #0080ff;
    font-weight: bold;
}




.fukushi_jirei_shoukai {
    width: 800px;
    margin: auto;    
}

@media screen and (max-width:700px) {
.fukushi_jirei_shoukai {
     width: 100%;  
}
}

.fukushi_jirei_shoukai_image {
    width: 100%;
}





.titleSub_fukushi_subText {
    margin-top: 20px;
    margin-bottom: 20px;
}

p.titleSub_fukushi_subText_font {
    
}


p.titleSub_fukushiMainTitle_font {
      font-size: 24px;
    margin-bottom: 10px;
    font-weight: bold;
} 


p.titleSub_fukushi_title_font {
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
}

.titleSub_fukushi_seihin_subText {
    margin-bottom: 20px;
    margin-top: 20px;
}

p.titleSub_fukushi_title_font {
    font-size: 20px;
    font-weight: bold;
}

p.titleSub_fukushi_seihin_title_font {
    font-size: 20px;
    font-weight: bold;
}
p.titleSub_fukushi_seihinText_font {
    
}

.fukushi_seihin_jyouhou {
    
}

.fukushi_seihin_jyouhou_image {
    width: 100%;
}





.radioButton_box {
    display: flex;
    margin-bottom: 10px;
}

.radioButton_box_image {
    height: 20px;
    width: 20px;
    margin-right: 10px;
}

p.radioButton_box_image {
    line-height: 20px;
} 





.oshirase_pageTab {
    display: flex;
    margin-left: auto;
    width: 300px;
}

.oshirase_pageTab_box_chokkin {
    width: 150px;
    height: 40px;
    background-color: #e8eeff;
    border-top: solid 1px #a0a0a0;
    border-left: solid 1px #a0a0a0;
    border-bottom: solid 1px #a0a0a0;
    box-sizing: border-box;
}

.oshirase_pageTab_box_rireki {
    width: 150px;
    height: 40px;
    border: solid 1px #a0a0a0;
    box-sizing: border-box;
}

p.oshirase_pageTab_box_font_chokkin {
    text-align: center;
    line-height: 38px;
}

p.oshirase_pageTab_box_font_rireki {
    text-align: center;
    line-height: 38px;
    font-weight: bold;
    color: #0080ff;
}





.oshirase_flex_box {
    display: flex;
    margin-bottom: 20px;
}

.oshirase_flex_box_date {
    min-width: 150px;
}

p.oshirase_flex_box_date_font {
    color: #606060;
}

.oshirase_flex_box_title {
    width: 100%;
}
@media screen and (max-width:700px) {
.oshirase_flex_box_title {

}
}


p.oshirase_flex_box_title_font {
    font-weight: bold;
    color: #0080ff;
}




p.tenjikai_titleSub_font {
    color: #303030;
}


.tenjikai_flex {

}
@media screen and (max-width:700px) {
.tenjikai_flex {
    display: block;
}
}

.tenjikai_flex_box_title {
    min-width: 250px;
}
p.tenjikai_flex_box_title_font {
    font-size: 16px;
    font-weight: bold;
    color: #0080ff;    
}

.tenjikai_flex_box_date {
    min-width: 220px;
}
p.tenjikai_flex_box_date_font {
    color: #303030;
}

.tenjikai_flex_box_place {

}
p.tenjikai_flex_box_place_font {
    color: #303030;
}




p.mudanKeisai_title_font {
    font-size: 20px;
    font-weight: bold;
}

p.mudanKeisai_titleSub_font {
    font-size: 16px;
}

/*お問合せサンプル用*/
.contact_damy {
   width: 100%
}










.gridSystemSeihin {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.itemSystemSeihin {
  border: solid 1px #c8c8c8;
  padding: 20px;
  text-align: center;
}
img.gridImageSystemSeihin {
    margin-bottom: 10px;
    height: 140px;
    width: 140px;
}
p.gridTextSystemSeihin {
    text-align: center;
    color: #0080ff;
    font-weight: bold;
}



p.systemHanbaiten_title {
    font-size: 20px;
    font-weight: bold;
    color: #303030;
}

p.systemHanbaiten_titleSub {
    font-size: 16px;
    color: #303030;    
}

p.systemHanbaiten_titleHighlight_orange {
    font-size: 16px;
    font-weight: bold;
    color: #ff8000;   
}


p.systemHanbaiten_titleHighlight_red_title {
       font-size: 20px;
    font-weight: bold;
    color: #ff0040; 
}

p.systemHanbaiten_titleHighlight_red_text {
           font-size: 16px;
    color: #ff0040; 
}



p.contact_top_caption {
    font-size: 16px;
    text-align: center;
}

p.contact_titlenote {
    font-size: 16px;
    margin-top: 10px;
}

p.contact_bodytitle {
    font-size: 16px;
    font-weight: bold;
    margin-top: 40px;
}

p.contact_body {
    font-size: 16px;
    margin-top: 5px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■求人ページ(将来汎用化するクラス)■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

p.text_font_blocktitle{
    font-weight: bold;
    color: #505050;
    font-size: 20px;
    line-height: 120%;
}

p.text_font_subtitle {
    font-weight: bold;
    color: #505050;
    font-size: 16px;
    line-height: 160%;
}

p.text_font_body {
    color: #505050;
    font-size: 16px;
    line-height: 160%;
    padding-left: 20px;
}