@charset "Shift_JIS";

/* --------------------------------------------------------------
sukoyaka Lower level
-------------------------------------------------------------- */	

/*========== common ==========*/
.ttl_LowLev section{
height: 120px;
}
.ttl_LowLev .ttl{
display: block;
height: 85px;
top: 20px;
position: absolute;
}
.ttl_LowLev h3{
font-size: 17px;
padding-left: 2px;
}
.noteText {
color: #999;
}
.text__red{
	color: #FF0004;
}
.notes {
font-size: 0.9em !important;
text-indent: -1em;
padding-left: 1em;
}
.notes1 {
 text-indent: -1em;
 padding-left: 1em;
}
.notes2 {
text-indent: -2em;
padding-left: 2em;
}
.notes3 {
text-indent: -2.0em;
padding-left: 2.0em;
}
.notes4 {
text-indent: -1.3em;
padding-left: 1.2em;
}
.mgnEm01 {
margin-bottom: 1em !important;
}
.mgnEm03 {
margin-bottom: 3em !important;
}
/*========== lowerlev_ttl ==========*/
.lowerlev_ttl{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding:2rem 10% 0 0;
}
.lowerlev_ttl h2{
  width:220px;
}
.logo_sukoyaka{
  width: 100%;
}
.lowerlev_ttl .lowerlev_ttl_txt{
  width:80%;
}
.lowerlev_ttl .lowerlev_ttl_txt h3{
  font-size: 16px;
  line-height: 1.4;
  margin:2rem 0 0;
}
.lowerlev_ttl .guide{
  height:150px;
}

/*========== pageLink_block ==========*/
.pageLink_block {
padding-top: 2em;
}

.pageLink_block ul {
font-size: 15px;
padding-bottom: 1em;
display: flex;
display:-ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap : wrap;
justify-content: space-between;
-ms-flex-pack:justify;
}
.pageLink_block li {
vertical-align: top;
position: relative;
display: table;
margin: 0.2em;
width: 24.3%;
}
.pageLink_block li a{
vertical-align: middle;
text-align:center;
display: table-cell;
height: 3em;
border-radius: 4px;
background: #0099C4;
line-height: 1.3;
box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.25);
color: #fff;
box-sizing: border-box;
font-size: 20px;
font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
}
.pageLink_block li a:hover{
text-decoration:none;
  background:#a9a9a9;
}

/*========== list_block ==========*/
.list_block{
padding-bottom: 2em;
border-top: 1px solid #0099C4;
padding-top: 2em;
box-sizing:border-box;
display: flex;
justify-content: space-between;
}
.list_block>.clearFix{
  width:calc(100% - 100px);
  margin-left:100px;
}
.list_block h3{
  font-size: 28px;
  margin-bottom: .8em;
  color:#0099C4;
  margin-left:-100px;
  display: flex;
  align-items: center;
  line-height:1.25;
}
.list_block h3::before {
  content: "";
  width: 80px;
  height: 80px;
  display: block;
  margin-right: 20px;
}

#soudan h3::before{
  background:url(../image/ico_soudan.png) no-repeat center top;
  background-size:auto 100%;
}
#shisetsu h3::before{
  background:url(../image/ico_shisetsu.png) no-repeat center top;
  background-size:auto 100%;
}
#iryou h3::before{
  background:url(../image/ico_iryou.png) no-repeat center top;
  background-size:auto 100%;
}
#check h3::before{
  background:url(../image/ico_check.png) no-repeat center top;
  background-size:auto 100%;
}
#care h3::before{
  background:url(../image/ico_care.png) no-repeat center top;
  background-size:auto 100%;
}
#mimamori h3::before{
  background:url(../image/ico_mimamori.png) no-repeat center top;
  background-size:100% auto;
}
#seinen h3::before{
  background:url(../image/ico_seinen.png) no-repeat center top;
  background-size:100% auto;
}
#shintaku h3::before{
  background:url(../image/ico_shintaku.png) no-repeat center top;
  background-size:100% auto;
}


.list_block h3 .ttl_h3_sub{
font-size: 22px;
}
.list_block h4{
margin-bottom: .5em;
}
.list_block h4 .list_block_icn{
font-size: 15px;
padding-top: 0;
margin-top: 0;
}
.list_block h4 .ttl_h4{
font-size: 15px;
color:#fff;
background:#E25D8D;
border-radius:20px;
padding:0.2em 0.8em 0.1em;
display:inline-block;
font-weight:bold;
vertical-align: middle;
margin-right:0.6em;
}
#care.list_block h4{
  margin-top:2rem;
}
#care.list_block h4:last-of-type .ttl_h4,
#care.list_block h4:last-of-type .list_block_icn{
  margin-top:0.5em;
}
#care.list_block h4 .ttl_h4{
  background:#0099C4;
  border:1px solid #0099C4;
}
.list_block h5{
font-size: 16px;
margin-top: 1.5em;
margin-bottom: .5em;
color:#0099C4;
font-weight:bold;
}

.mg_top{
margin-bottom: -30px;
}
@media screen and (min-width:1px) and (max-width:800px) {
.mg_top{
margin-bottom: 0px;
}
}

.list_block > p,
.photo_block_inc > p,
.list_block > table,
.list_block > ul,
.photo_block_inc > ul{
margin-left: 15px;
margin-right: 15px;
}
.list_block table th,
.list_block table td{
padding: 1em;
border-bottom: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
}
.list_block table.data01 th{
background-color: #f5f5f5;
white-space: nowrap
}
.list_block table.data01 td{
background-color: #f9f9f9;
}
.list_block ul.list li{
text-indent: -1.3em;
padding-left: 1.3em;
}
.list_block ul.list li::before{
  content:"● ";
  color:#E25D8D;
}
.list_block dl {
background-color: #e5eff6;
border-radius: 10px;
margin-top: 1em;
}
.list_block dt {
font-size: 16px;
margin-bottom: 1em;
border-radius: 10px;
font-weight: bold;
padding: 0.9em 1em;
color: #FFFFFF;
line-height: 1;
position: relative;
cursor: pointer;
}
.list_block dt.active {
border-radius: 10px 10px 0px 0px !important;
}
.list_block dt:after {
font-family: 'FontAwesome';
content: '\f055';
font-size: 1.5em;
display: block;
position: absolute;
top: 50%;
margin-top: -0.5em;
right: 20px;
}
.list_block dt.active:after {
font-family: 'FontAwesome';
content: '\f056';
}
.list_block dd {
margin-bottom: 0.5em;
margin-left: 5em;
margin-right: 3em;
text-indent: -1.4em;
font-size: 0.9em;
}
.list_block dd:before {
font-family: 'FontAwesome';
content: '\f14a';
margin-right: .5em;
}
.list_block dd:last-child {
padding-bottom: 1em;
}
/*========== flow ==========*/
.flow{
  display: flex;
  margin:0 0 1em;
}
.flow .flow_box{
  min-width:25%;
  margin-left:30px;
  position:relative;
  align-self: stretch;
}
.flow .flow_box::before{
  content:"";
  position: absolute;
  left: -20px;
  top: calc(50% - 15px);
  content: ' ';
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 15px 15px;
  border-left-color: #0099C4;
}
.flow .flow_box:first-of-type{
  margin-left:0;
}
.flow .flow_box:first-of-type::before{
  display:none;
}
.flow .flow_box .flow_box_inc{
  overflow:hidden;
  border:2px solid #E25D8D;
  border-radius:10px;
  height: 100%;
}
.flow .flow_box h6{
  background:#FAE4EB;
  padding:0.2em 0;
  text-align:center;
  font-size:16px;
  font-weight:bold;
}
.flow .flow_box ul,
.flow .flow_box p{
  font-size:14px;
  padding:0.5em 0.8em;
}
.flow .flow_box li sup{
  font-size:0.7em;
}




/*========== list_block icn ==========*/
.list_block_supText{
font-size: 0.5em;
vertical-align: top;
position: relative;
display: inline-block;
top: 0.3em;
}
.list_block_icn{
border-radius: 30px;
padding: 0.2em 0.5em 0.1em;
font-size: 15px;
margin-right: 0.6em;
display: inline-block;
vertical-align: middle;
font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;

}
.list_block_icn .icn_detail{
/*font-size: 0.8em;*/
display:inline-block;
}
.icn01{
color: #de4b3a;
border: 1px solid #de4b3a;
}
.icn02{
color: #de4b3a;
padding: 1px 0px;
font-size: 0.6em;
}
.icn03{
color: #FFFFFF;
}
.icn04{
color: #08BBD5;
border: 1px solid #08BBD5;
}
.icn05{
color: #FF0000;
border: 1px solid #FF0000;
}

/*========== mimamori  ==========*/
#mimamori.list_block{
  position:relative;
}
#mimamori .logo_alsok{
  position:absolute;
  right:20px;
  top:2.5em;
  width:200px;
}
/*========== nurs  ==========*/
#nurs .pageLink_block ul {
justify-content: start;
-ms-flex-pack: start;
}
#nurs .ttl_LowLev{
background-image: -moz-linear-gradient( 90deg, rgb(254,230,244) 0%, rgb(255,255,255) 29%);
background-image: -webkit-linear-gradient( 90deg, rgb(254,230,244) 0%, rgb(255,255,255) 29%);
background-image: -ms-linear-gradient( 90deg, rgb(254,230,244) 0%, rgb(255,255,255) 29%);
border-bottom: 4px solid #F35A7D;
}
#nurs .ttl_LowLev section{
background-image: url(../image/nurs_ttl_img.png);
background-repeat: no-repeat;
background-size: auto 98%;
background-position: right bottom;
}
#nurs .nurs_cat01 dt{
background-color: #0099C4;
font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
}

@media screen and (min-width:1px) and (max-width:960px) {
.list_block>.clearFix,
.list_block h3{
  width: 100%;
  margin-left:0;
}
#nurs .pageLink_block li{
width: 48%;
margin-right: 2%;
}
#nurs .pageLink_block li:nth-of-type(even){
margin-right: 0;
}
#nurs .pageLink_block li a{
font-size: 17px;
}
.photo_block_inc {
width: 70%;
}
.photo_block .img {
width: 29%;
}
/*========== mimamori ==========*/
#mimamori.list_block{
  padding-top: 2em;
}
#mimamori.list_block h3{
  margin-bottom:0;
}
#mimamori .logo_alsok {
  position:relative;
  text-align:right;
  width:100%;
  padding:0 0 1em;
  right: auto;
  top: auto;
}
#mimamori .logo_alsok img{
  width:36%;
  max-width: 200px;
  min-width: 120px;
}
}

@media screen and (min-width:1px) and (max-width:800px) {
#care.list_block h4 .ttl_h4{
  margin-right: 0.4em;
  vertical-align: bottom;
}
/*========== list_block icn ==========*/
.list_block_icn{
  margin-left: 0px;
  vertical-align: 0;
  border: 0;
  padding:0.5em 0 0;
  line-height:1.25;
}
.list_block h3 .list_block_icn{
  display: grid;
}
.list_block h4 .list_block_icn{
  display: block;
  margin-left: 0;
  margin-top: 0.3em;
}

}

@media screen and (min-width:1px) and (max-width:600px) {
#wrapper.floating #contents {
font-size: 14px;
padding-top: 20px;
}
.notes {
/*  padding-left: 2em;*/
}
/*========== lowerlev_ttl ==========*/
.lowerlev_ttl{
  display:block;
  padding: 2rem 0 0;
}
.lowerlev_ttl .lowerlev_ttl_txt{
  width:100%;
}
.lowerlev_ttl h2{
  width:100%;
  text-align:center;
}
.lowerlev_ttl h3{
  margin:2em 0 0;
}
.lowerlev_ttl .logo_sukoyaka {
  width: 60vw;
  position: relative;
  left: auto;
  margin:0 auto;
}
.lowerlev_ttl .guide{
  display:none !important;
}
/*========== nav ==========*/
#nurs .pageLink_block li{
  width: 100%;
  margin-right: 0%;
}
#nurs .pageLink_block li a{
  height: 3em;
}

/*========== common ==========*/
.ttl_LowLev section{
height: auto;
background-image: none !important;
padding-top: 0.2em;
padding-bottom: 0.2em;
}
.ttl_LowLev .ttl{
padding-top: 1em;
height: auto;
width: 100%;
}
.ttl_LowLev h3{
font-size: 3.5vw;
width: 70%;
line-height: 1.3;
}
/*========== pageLink_block ==========*/
.pageLink_block li a{
font-size: 0.6em;
height: 4.5em;
}
.pageLink_block li a:before {
left: 7px;
}
/*========== list_block ==========*/
.list_block{
  display:block;
  padding:2em 2vw 1em;
}
.list_block>.clearFix {
    width: 100%;
}
.list_block h3 {
  box-sizing:border-box;
  padding-top:0.5em;
  line-height: 1.25;
  flex-wrap: wrap;
  font-size:6vw;
}
.list_block h3::before{
  max-width: 80px;
  width: 12vw;
  height: 12vw;
  margin-right: 10px;
}
#care.list_block h3 {
  line-height:1;
}
.list_block h3 .ttl_h3_sub{
  font-size:4.3vw;
}
.list_block .ttl_block{
  padding-top: 44vw;
}
.photo_block_inc {
width: 60%;
}
.photo_block .img {
width: 38%;
margin-bottom: 0.5em;
}
.list_block dd {
margin-left: 2.5em;
margin-right: 1em;
text-indent: -1.4em;
}
.list_block dt {
border-radius: 5px;
font-size: 1em;
}
.list_block dt:after {
right: 10px;
}
.list_block dt.active {
border-radius: 5px 5px 0px 0px !important;
}
.list_block table th,
.list_block table td {
padding: 0.8em;
font-size: 0.8em;
}
.list_block h3 span:first-of-type{
margin-left: 0;
}
.list_block_icn,
.list_block h4 .list_block_icn{
font-size: 14px;
}

/*========== flow ==========*/
.flow{
  display: block;
}
.flow .flow_box{
  width:100%;
  margin-left: 0;
  margin-top:40px;
}
.flow .flow_box:first-of-type{
  margin-top:0;
}
.flow .flow_box::before{
  border: solid transparent;
  border-width: 15px 15px;
  border-top-color: #0099C4;
  left: calc(50% - 15px);
  top: -25px;
}

/*========== care ==========*/
#care.list_block h4 .ttl_h4{
  margin-right:0.5em;
}
#care .mgnEm03{
  margin-bottom: 1em !important;
}
/*========== list_block icn ==========*/
.icn02 {
padding-top: 1em;
padding-left: 0px;
font-size: 0.5em;
}
/*========== list_block Photo ==========*/
.photo_block {
margin-bottom: 0em;
}
}