@charset "utf-8";
/*=============================================================
Common Layout
=============================================================*/
/* #topicPath
---------------------------------------------------*/
#topicPath li,
#topicPath li a{
color:#fff;
}
/* 
---------------------------------------------------*/
.boxRelative{
position:relative;
}


/*=============================================================
MAIN
=============================================================*/
#ttlOuter{
}
#ttl{
width: 100%;
max-width: 1040px;
padding:0 20px;
box-sizing:border-box;
margin: 0 auto;
height:140px;
position:absolute;
bottom:50%;
left:50%;
transform:translate(-50%,0);
text-shadow:0px 0px 5px #000000,0px 0px 5px #000000;
}
#ttlInner{
position:relative;
width:100%;
height:100%;
text-align:center;
color:#fff;
line-height:1.65;
text-shadow:0px 0px 5px #000000,0px 0px 5px #000000;
}
/* #ttlInner::after{
content:"";
width:660px;
height:280px;
background: rgba(0,0,0,0.5);
border-radius:20px;
position:absolute;
top:0;
left:0;
z-index:-1;
} */
#ttlTxt{
padding:10px;
position:absolute;
bottom:0;
left:0;
right:0;
}
#ttlInner h1{
font-size:60px;
transform:translateY(-10px);
}
@media all and (-ms-high-contrast: none){
#ttlInner h1{
transform:translateY(10px);
}
}
#ttlLead{
width:660px;
height:140px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,0);
}
#ttlLeadInner{
position:relative;
width:100%;
height:100%;
text-align:center;
color:#fff;
line-height:1.65;
}
#ttlLeadInner p{
padding:10px;
font-size:18px;
position:absolute;
top:0;
left:0;
right:0;
transform:translateY(-10px);
text-shadow:0px 0px 5px #000000,0px 0px 5px #000000;
}

/*=============================================================
.boxBtn
=============================================================*/
.boxRelative .boxBtn{
position: static;
text-align: center;
/*position:absolute;
top:20px;
right:30px;*/
}
.boxRelative .boxBtn a{
position:relative;
display: inline-block;
padding: 0 10px 0 18px;
text-decoration:none;
}
.boxRelative .boxBtn a:hover{
text-decoration:underline;
}
.boxRelative .boxBtn a::before{
content:"";
width:7px;
height:7px;
border-bottom:1px solid #666;
border-right:1px solid #666;
position:absolute;
left:0;
top:8px;
transform:rotate(-45deg);
}
@media all and (-ms-high-contrast: none){
.boxRelative .boxBtn a::before{
top4px;
}
}
/*=============================================================
.list
=============================================================*/
.list{
width:100%;
display:flex;
flex-wrap: wrap;
}
.list .box{
position:relative;
margin-top:60px;
padding:0 0 20px;
flex-basis:calc(50% - 20px);
background-color:#ffffff; 
/*	background-color:#f2f2f2; */
}
.list .box:nth-child(even){
margin-left:40px;
}
.list .box2{
position:relative;
margin-top:60px;
padding:0 0 20px;
flex-basis:100%;
background-color:#ffffff; 
/*	background-color:#f2f2f2; */
}


.list .boxSholder{
position:absolute;
width:144px;
height:144px;
top:-10px;
left:-10px;
}
.list .boxSholderInner{
position:relative;
width:100%;
height:100%;
z-index:3;
}
.list .boxSholderInner::before{
position: absolute;
content: "";
border: 5px solid transparent;
top: 0px;
left: 129px;
z-index: 2;
}
.list .box.school .boxSholderInner::before{
border-top: 5px solid #22718b;
border-bottom: 5px solid #22718b;
border-left: 10px solid #22718b;
border-right: 5px solid #22718b;
}
.list .box.nursing .boxSholderInner::before, .list .box2.nursing .boxSholderInner::before{
border-top: 5px solid #5e0008;
border-bottom: 5px solid #5e0008;
border-left: 10px solid #5e0008;
border-right: 5px solid #5e0008;
}
.list .boxSholderInner::after{
position: absolute;
content: "";
border: 5px solid transparent;
top: 134px;
left:0;
z-index: 2;
}
.list .box.school .boxSholderInner::after{
border: 5px solid #002F56;
/* border: 5px solid #22718b; */
}
.list .box.nursing .boxSholderInner::after, .list .box2.nursing .boxSholderInner::after{
border: 5px solid #5e0008;
}
.list .boxSholderTtl{
position:relative;
width:100%;
height:100%;
color:#fff;
font-size:12px;
text-align:center;
z-index:5;
}
.list .boxSholderTtl p{
width:75%;
text-align:center;
line-height:1.25;
letter-spacing:0;
font-size:12px;
}
.list .boxSholderTtl p strong{
font-size:115%;
}
.list .box.school .boxSholderTtl p{
padding-top:10px;
}
.list .box.nursing .boxSholderTtl p, .list .box2.nursing .boxSholderTtl p{
padding-top:17px;
}
@media all and (-ms-high-contrast: none){
.list .box.school .boxSholderTtl p{
padding-top:15px;
}
.list .box.nursing .boxSholderTtl p, .list .box2.nursing .boxSholderTtl p{
padding-top:22px;
}
}
.list .box .boxSholderTtl::after , .list .box2 .boxSholderTtl::after{
position: absolute;
content: "";
top: 0;
left: 0;
z-index: -1;
}
/*.list .box.school .boxSholderTtl::after{
border: 72px solid transparent;
border-top: 72px solid #338daa;
border-left: 72px solid #338daa;
}
*/
 .list .box.school .boxSholderTtl::after{
  border: 72px solid transparent;
  border-top: 72px solid #0a4d85;
  border-left: 72px solid #0a4d85;
}

.list .box.nursing .boxSholderTtl::after, .list .box2.nursing .boxSholderTtl::after{
border: 72px solid transparent;
border-top: 72px solid #840e19;
border-left: 72px solid #840e19;
}
.list .box .ttlArea ,.list .box2 .ttlArea{
width:100%;
display:table;
height:75px;
}
.list .box .ttlArea>div, .list .box2 .ttlArea>div{
display:table-cell;
vertical-align:middle;
height:75px;
}
.list .box .ttlArea>div.ttl ,.list .box2 .ttlArea>div.ttl{
padding:5px 30px 5px 115px;
}
.list .box h3 ,.list .box2 h3{
font-size:14px;
line-height:1.25;
}
@media all and (-ms-high-contrast: none){
.list .box .ttlArea>div.ttl ,.list .box2 .ttlArea>div.ttl{
padding:13px 30px 0px 115px;
}
}
.list .box h3 strong ..list .box2 h3 strong{
font-size:140%;
}
.list .box .ttlArea>div.btn ,.list .box2 .ttlArea>div.btn{
width:94px;
padding:5px 10px 5px 0;
text-align:left;
}
.list .box .ttlArea>div.btn a ,.list .box2 .ttlArea>div.btn a{
display:block;
padding:10px 0;
color:#fff;
font-size:14px;
font-weight:600;
text-align:center;
line-height:1.0;
text-decoration:none;
border-radius:100px;
}
@media all and (-ms-high-contrast: none){
.list .box .ttlArea>div.btn a ,.list .box2 .ttlArea>div.btn a{
padding:14px 0 6px 0;
}
}
.list .box.school .ttlArea>div.btn a{
background-color:#338daa;
}
.list .box.nursing .ttlArea>div.btn a ,.list .box2.nursing .ttlArea>div.btn a{
background-color:#840e19;
}
.list .box .boxDisc , .list .box2 .boxDisc{
padding:20px 30px 0;
border-top:2px dashed #d7d5d5;
}
.list .box .boxDisc table ,.list .box2 .boxDisc table{
width:100%;
font-size:14px;
border-collapse:collapse;
}
.list .box .boxDisc table tr ,.list .box2 .boxDisc table tr{
border-bottom:1px dashed #BDC0BA;
}
.list .box .boxDisc table th ,.list .box2 .boxDisc table th{
width:95px;
}
.list .box .boxDisc table th,
.list .box .boxDisc table td,
.list .box2 .boxDisc table th,
.list .box2 .boxDisc table td{
vertical-align:top;
text-align:left;
padding: 3px;
}
.list .box .boxDisc p,.list .box2 .boxDisc p{
font-size:13px;
line-height:1.5;
}
.list .box .boxDisc ul.listPdf,.list .box2 .boxDisc ul.listPdf{
display:block;
padding-top:5px;
font-size:0;
}
.list .box .boxDisc ul.listPdf li, .list .box2 .boxDisc ul.listPdf li{
display:inline-block;
padding-top:5px;
font-size:14px;
}
.list .box .boxDisc ul.listPdf li:first-child ,.list .box2 .boxDisc ul.listPdf li:first-child{
margin-right:20px;
}
.list .box .boxDisc ul.listPdf li a , .list .box2 .boxDisc ul.listPdf li a{
display:block;
padding-left:22px;
position:relative;
text-decoration:none;
}
.list .box .boxDisc ul.listPdf li a:hover ,.list .box2 .boxDisc ul.listPdf li a:hover{
text-decoration:underline;
}
.list .box .boxDisc ul.listPdf li a::before,.list .box2 .boxDisc ul.listPdf li a::before{
position: absolute;
content: "";
width:18px;
height:18px;
top: 5px;
left: 0;
z-index: 2;
background: url(/shared/img/icn_pdf.png) no-repeat center center;
background-size:100% 100%;
}
@media all and (-ms-high-contrast: none){
.list .box .boxDisc ul.listPdf li a::before ,.list .box2 .boxDisc ul.listPdf li a::before{
top: 1px;
}
}


/*=============================================================
#ぐうたら村
=============================================================*/

.bnr {display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "photo photo title"
    "photo photo guide"
    "photo photo guide";
background-color:#FFFFFF;
}

.photo { grid-area: photo; object-fit: cover;  padding:0;}
.title { grid-area: title; padding:10px 10px 0; }
.guide { grid-area: guide; padding:0 10px ;border-top:2px dashed #d7d5d5; }


.bnr  ul  { padding-left:2em;} 
.bnr  ul li { list-style: square;} 
.bnr p { margin-top:0.5rem; margin-bottom:0.1rem;}


.bnr h3{ font-size:1.3em; }
.waku{
  border: 1px solid #999;
  display: inline-block;
  padding: 1px;
  border-radius: 5px;
letter-spacing:normal;
margin:0;
}

@media only screen and ( max-width: 768px ){
.bnr  {  display: grid;
  grid-template-areas:
    "photo"
    "title"
    "guide";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
}
.title { grid-area: title; padding:10px ; }
.guide { grid-area: guide; padding:10px;border-top:2px dashed #d7d5d5; }
}

/*=============================================================
#about
=============================================================*/
#about{
padding-top:20px;
}
#about .boxAbout{
padding-top:30px;
}
#about .boxAbout .ttl h3{
display:inline-block;
font-size: 22px;
margin:0 10px 0 0;
}
#about .boxAbout .ttl .target{
display:inline-block;
height:23px;
background-color:#840e19;
border-radius:5px;
padding:0 10px;
overflow:hidden;
vertical-align:text-bottom;
}
#about .boxAbout .ttl .target.scl{
/* background-color:#338daa; */
background-color:#0a4d85;
}
#about .boxAbout .ttl .target p{
color:#fff;
line-height:1.25;
padding-top:2px;
}
#about .boxAbout .caption p{
padding-top:3px;
font-size:14px;
}
@media all and (-ms-high-contrast: none){
#about .boxAbout .ttl .target{
margin:1px 0 0;
vertical-align:top;
}
#about .boxAbout .ttl .target p{
padding-top:6px;
}
}
.h3{
display: block;
padding:5em 0 0;
margin:0;
font-size:24px;
font-weight:700;
text-align:center;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
/*=============================================================
MAIN
=============================================================*/
#ttlOuter{
position:relative;
}
#ttl{
width:100%;
height:auto;
background:none;
border-radius:0px;
position:absolute;
bottom:50%;
left:0;
transform:translate(0,0);
}
#ttlInner::after{
display:none;
}
#ttlTxt{
padding:0px;
position:absolute;
bottom:0;
left:0;
right:0;
transform:translate(0,50%);
}
#ttlInner h1{
font-size:26px;
transform:translateY(0px);
}
#ttlLead{
width:100%;
height:auto;
background:none;
border-radius:0px;
position:static;
transform:translate(0,0);
padding-top:10px;
}
#ttlLeadInner p{
position:static;
padding:10px;
font-size:13px;
color:#333;
letter-spacing:0;
transform:translateY(0px);
text-shadow:none;
}
/*=============================================================
.boxBtn
=============================================================*/
.boxRelative .boxBtn{
position:static;
text-align:center;
}
.boxRelative .boxBtn a{
display:inline-block;
padding:0 7px 0 14px;
font-size:13px;
}
.boxRelative .boxBtn a::before{
top:7px;
}
/*=============================================================
.list
=============================================================*/
.list{
width:100%;
display:block;
}
.list .box{
margin-top:40px;
}
.list .box:nth-child(even){
margin-left:0px;
}
.list .boxSholder{
width:120px;
height:100px;
}
.list .boxSholderInner::before{
left: 115px;
}
.list .boxSholderInner::after{
top: 90px;
}
.list .boxSholderTtl{
font-size:10px;
}
.list .boxSholderTtl p{
width:62%;
}
/* .list .box.school .boxSholderTtl::after{
border-bottom: 50px solid transparent;
border-right: 65px solid transparent;
border-top: 50px solid #338daa;
border-left: 65px solid #338daa;
}
*/
.list .box.school .boxSholderTtl::after{
    border-bottom: 50px solid transparent;
    border-right: 65px solid transparent;
    border-top: 50px solid #0a4d85;
    border-left: 65px solid #0a4d85;
}

.list .box.nursing .boxSholderTtl::after , .list .box2.nursing .boxSholderTtl::after{
border-bottom: 50px solid transparent;
border-right: 65px solid transparent;
border-top: 50px solid #840e19;
border-left: 65px solid #840e19;
}
.list .box .ttlArea , .list .box2 .ttlArea{
display:block;
height:auto;
}
.list .box .ttlArea>div , .list .box2 .ttlArea>div{
display:block;
height:auto;
}
.list .box .ttlArea>div.ttl , .list .box2 .ttlArea>div.ttl{
padding:15px 30px 5px 100px;
}
.list .box h3 , .list .box2 h3{
font-size:14px;
}
.list .box .ttlArea>div.btn , .list .box2 .ttlArea>div.btn{
padding:5px 10px 5px 100px;
margin-bottom:10px;
}
.list .box .ttlArea>div.btn a , .list .box2 .ttlArea>div.btn a{
padding:6px 0;
font-size:14px;
}
.list .box h3 strong ,.list .box2 h3 strong{
font-size:120%;
}
.list .box .boxDisc , .list .box2 .boxDisc{
padding:10px 10px 0;
border-top:2px dashed #d7d5d5;
}
.list .box .boxDisc table , .list .box2 .boxDisc table{
font-size:14px;
}
.list .box .boxDisc table th , .list .box2 .boxDisc table th{
width:85px;
}
.list .box .boxDisc p , .list .box2 .boxDisc p{
font-size:14px;
line-height:1.5;
}
.list .box .boxDisc ul.listPdf li , .list .box2 .boxDisc ul.listPdf li{
font-size:14px;
}
.list .box .boxDisc ul.listPdf li a::before , .list .box2 .boxDisc ul.listPdf li a::before{
position: absolute;
content: "";
width:18px;
height:18px;
top: 3px;
left: 0;
z-index: 2;
background: url(/shared/img/icn_pdf.png) no-repeat center center;
background-size:100% 100%;
}
.h3{
display: block;
padding:50px 0 0;
font-size:20px;
}
}
/*=============================================================
#about
=============================================================*/
#about{
padding-top:10px;
}
#about .boxAbout{
padding-top:20px;
}
#about .boxAbout .ttl h3{
font-size: 18px;
margin:0;
}
#about .boxAbout .ttl .target{
margin-top:5px;
display:block;
height:23px;
}
#about .boxAbout .caption p{
padding-top:5px;
font-size:13px;
}
}








/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:540px){
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Smartphones small (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px){
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Print
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media print{
}

/* #wsArea
---------------------------------------------------*/
#wsArea{
}
#wsAreaInner{
  width:95%;
  /* max-width:1040px; */
  max-width:1440px;
  margin:0 auto;
  padding:20px 0;
  box-sizing:border-box;
  }
.ws_area { 
  display: grid;
  grid-template-columns: 0.3fr 1.7fr;
  grid-template-rows: 1fr;
  gap: 0px 10px;
  grid-auto-flow: row;
  grid-template-areas:
    "ws_title ws_main"
    "ws_repo ws_repo_main";
}
.ws_title { grid-area: ws_title; background-color:#F5DDF1; padding-top:5px; text-align:center;}
.ws_main { grid-area: ws_main;}
.ws_repo { grid-area: ws_repo; background-color:#CFD9E1; padding-top:5px; text-align:center;}
.ws_repo_main { grid-area: ws_repo_main;}

#wsArea h2{
  font-size:18px;
}
#wsArea #wsAreaInner ul{
}
#wsArea #wsAreaInner ul li{
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 16px;
 border-bottom: 1px dashed #9E7A7A;
padding-bottom:5px;
  }
#wsArea #wsAreaInner ul li span{
  background-color:#840e19;
  border-radius: 5px;
  color: #fff;
  font-size: 85%;
font-weight:bold;
  margin-right: 16px;
  padding: 2px 2px;
  width: 1uto;
  text-align: center;
  display: inline-block;
}
#wsArea #wsAreaInner ul li span.sci{
  background-color:#338daa;
}
#wsArea #wsAreaInner ul li span.grn{
  background-color:#537d47;
}
#wsArea #wsAreaInner ul li span.disabled_bf{
  background: #ECCCD4;
  border-radius: 5px;
  color: #481712;
  font-size: 85%;
  margin-right: 16px;
  padding: 2px;
  width: 6em;
  text-align: center;
  display: inline-block;
font-weight:normal;
}
#wsArea #wsAreaInner ul li span.disabled_ed{
/* background-color:  #7B7B7B; */
  background-color:  #716C6C;
  color: #fff;
font-weight:normal;
}
#wsArea #wsAreaInner ul li a{
    text-decoration:none;
  }


@media only screen and (max-width:425px){
.ws_area { 
border:1px solid #9E7A7A;
 display: grid;
  grid-template-areas:
    "ws_title"
    "ws_main"
    "ws_repo"
    "ws_repo_main";
  grid-template-columns: 1fr; 
  grid-template-rows: auto 1fr;
  gap:10px 0;
}
.ws_title{padding:2px 5px;border-bottom:1px solid #9E7A7A;}
.ws_main{padding:5px;}
.ws_repo{padding:2px 5px;border-bottom:1px solid #9E7A7A;border-top:1px solid #9E7A7A;}

#wsArea #wsAreaInner ul li{ font-size:14px;}
#wsArea #wsAreaInner ul li span{
padding:1px;
font-size:80%;
}
}

.box3{
    display: flex;
    width: 100%;
    height:auto;
    padding:0;
}
.box3-itm1{
padding:0;
flex-basis:60%;
}
.box3-itm2{
padding:0;
flex-basis:40%;
padding:5px;
}
@media screen and (max-width:480px){
.box3{flex-direction:column; padding:0;margin: 0; }
.box3-itm1, .box3-itm2{margin: 0 0 1em; padding:0;}
}