@charset "Shift_JIS";

/* --------------------------------------------------------------

-------------------------------------------------------------- */	
/*========== font import ==========*/

@import url("../font/font-awesome/css/font-awesome.min.css");

body{
  font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
}
h1,h2,h3,h4,h5{
  font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
}
/*========== common ==========*/
.tab_only,
.sp_only {
display: none;
}
.pc_only,
.pc_only.tab_only,
.pc_only.sp_only {
display: block;
}
.centerTxt{
text-align: center;
}
/*========== header ==========*/
#header:not(.js-header){
width: 100%;
height: 60px;
border-bottom: 4px solid #0099c4;
box-shadow: none;
}
#header:not(.js-header) .headerIn01 {
padding: 11px 0;
}
/*========== footer ==========*/
#footer{
background-color: #f1f2f0;
padding-top: 3rem;
padding-bottom: 3rem;
}
#footer section p.copy{
float: left;
font-size: small;
width: auto;
background: none;
padding: 0;
color: #70716c;
}
#footer section p.caution{
float: right;
}
#footer section p.caution a{
background: url(/common/images/icon_link01.gif) 0 5px no-repeat;
padding: 0 0 0 10px;
display: inline-block;
}
/*========== module ==========*/
img {
border-style: none;
}
a:link,a:visited {
color:#16776c;
text-decoration:none;
}	
a:hover,a:active {
color:#4fa396;
text-decoration:underline;
}
@media (min-width: 800px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
/*========== layout ==========*/
#contents {
font-size: 16px;
padding-bottom: 40px;
background-image: none;
background-color: #FFFFFF;
clear: both;
}
section{
max-width: 950px;
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/*========== close btn ==========*/
a.btn_close{
background-color: #b1b2b4;
display: inline-block;
padding: 1rem 5rem;
border-radius: 100px;
margin-top: 3rem;
margin-bottom: 1rem;
}
a.btn_close img{
width: 83px;
display: block;
padding-right: 10px;
}
/*========== index ==========*/
.index_ttl{
/*  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;*/
  padding:2rem 0 0;
  position:relative;
}
.index_ttl h2{
  width:220px;
  margin-left:-5rem;
}
.logo_sukoyaka{
  width: 100%;
}
.index_ttl .logo_manten {
  position:absolute;
  right:0;
  top:2rem;
  width: 136px;
}
.index_ttl .index_ttl_txt{
  margin:2rem 0 0;
}
.index_ttl .index_ttl_txt h3{
  font-size: 28px;
}
.index_ttl .index_ttl_txt .sec00_h4{
  color:#E25D8D;
  font-size: 16px;
  line-height: 1.4;
  margin:1rem 0 0;
}
.index_ttl .index_ttl_txt .sec00_h4 h4{
  font-weight:bold;
}
.index_ttl .index_ttl_txt .sec00_h4 h4 .pc_only.sp_only{
  display:block !important;
}
.index_ttl .lowerlev_ttl_txt{
  width:80%;
  font-size: 16px;
  line-height: 1.4;
  margin: 3rem 0 0;
}
.index_ttl .lowerlev_ttl_txt dl{
  display: flex;
  align-items: flex-start;
  margin: 1rem 0 0;
}

.index_ttl .lowerlev_ttl_txt dt{
  border:1px solid #333;
  font-weight:bold;
  padding:0 1em;
  margin-right:1em;
}
.index_ttl .lowerlev_ttl_txt dd sup{
font-size: 0.7em;
}
.index_ttl .index_ttl_info{
  padding-top:2rem;
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  
}
.index_ttl .index_ttl_info p{
  font-size: 14px;
  line-height: 1.4;
  padding:0 30px;
}
.index_ttl .index_ttl_info .tel{
  padding-left:0;
  border-right:4px solid #0498c4;
  width:250px;
}
.index_ttl .index_ttl_info .infoTxt{
  color: #E25D8D;
  width:calc(100% - 370px);
}
.index_ttl .index_ttl_info .telTxt{
  text-align:left;
  width:100%;
  margin:0.8em 0 0;
  padding:0;
}
/*========== contents_block ==========*/
.contents_block .clearFix{
  padding:3rem 0;
  border-top:1px solid #0099C4;
}
.contents_block .clearFix::before{
  content:"";
  width:80px;
  height:80px;
  display:block;
  margin-right:1rem;
  float:left;
}
.img_block {
width: 30%;
float: right;
text-align:right;
}
.ttl_block {
width: 66%;
float: left;
}
.ttl_block h2 {
  font-size: 28px;
  color: #0099C4;
  line-height:1.25;
  margin-bottom:1rem;
}
.ttl_block h2 .ttl_h2_sub {
font-size: 22px;
}
.ttl_block p.txt_desc {
font-weight: bold;
font-size: 16px;
line-height: 1.8;
margin-bottom: 15px;
}
.ttl_block a.btn_more{
display: block;
width: 330px;
text-align: center;
padding-top: 0.7em;
padding-bottom: 0.7em;
color: #FFFFFF;
background:#0099C4;
border-radius: 5px;
font-size: 21px;
line-height: 1;
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);
font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
}
.ttl_block a.btn_more:hover{
  text-decoration:none;
    background:#a9a9a9;
}
.ttl_block a.btn_more span{
background-image: url(../image/nav_arw00.png);
background-repeat: no-repeat;
background-position: right center;
background-size: auto 13px;
padding-right: 20px;
}

/*========== soudan ==========*/
.soudan .clearFix::before{
  background:url(../image/ico_soudan.png) no-repeat center top;
  background-size:auto 100%;
}

/*========== shisetsu ==========*/
.shisetsu .clearFix::before{
  background:url(../image/ico_shisetsu.png) no-repeat center top;
  background-size:auto 100%;
}

/*========== iryou ==========*/
.iryou .clearFix::before{
  background:url(../image/ico_iryou.png) no-repeat center top;
  background-size:auto 100%;
}

/*========== check ==========*/
.check .clearFix::before{
  background:url(../image/ico_check.png) no-repeat center top;
  background-size:auto 100%;
}

/*========== care ==========*/
.care .clearFix::before{
  background:url(../image/ico_care.png) no-repeat center top;
  background-size:auto 100%;
}

/*========== mimamori ==========*/
.mimamori .clearFix::before{
  background:url(../image/ico_mimamori.png) no-repeat center top;
  background-size:100% auto;
}


/*========== comments_bock ==========*/
.comments_bock {
background-image: url(../image/line.jpg);
background-repeat: repeat-x;
background-position: 0% top;
padding-top: 2em;
margin-bottom: 2px;
}
.comments_bock_ul{
font-size: 0.9em;
}
.comments_bock_ul li{
margin-bottom: 1em;
padding-left: 1.3em;
text-indent: -1.3em;
}
.comments_bock_ul li:before {
content: "● ";
color: #006f5d;
}
.comments_bock_ul li span.txt_red{
color: #FF0004;
}
.comments_bock p.number {
text-align: right;
}
.icn_pdf{
background-image: url(../image/icn_pdf.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left top;
display: inline;
padding-left: 1.5em;
}
.centerTxt.logo_manten_v{
  margin:4rem 0 0;
  font-weight:bold;
  text-align:center;
}
.centerTxt.logo_manten_v a{
  display:inline-block;
  width:30%;
  min-width:300px;
}
.centerTxt.logo_manten_v img{
  width:100%;
}


@media screen and (min-width:1px) and (max-width:1100px) {
.index_ttl h2{
  margin-left:0;
}
}

@media screen and (min-width:1px) and (max-width:960px) {
/*========== common ==========*/
.pc_only,
.sp_only{
display: none !important;
}
.tab_only,
.pc_only.tab_only,
.sp_only.tab_only {
display: block !important;
}

/*========== header footer ==========*/
#header:not(.js-header) .headerIn01,
.index_ttl,
.lowerlev_ttl,
#footer section,
#contents section{
width: 92%;
}
#contents section section{
width: 100%;
}
#header:not(.js-header){
height: 52px;
}
#header:not(.js-header) .headerIn01 {
padding: 11px 0 5px;
}
#footer{
margin-bottom: 60px;
}
#wrapper{
width: 100%;
}
section {
width: 100%;
}
/*========== index ==========*/
.index_ttl h2{
  width:30%;
  margin-left:0;
}
.index_ttl .index_ttl_txt h3 {
    font-size: 2.8vw;
}
.index_ttl .index_ttl_txt .sec00_h4 h4 .pc_only.sp_only{
  display:none !important;
}
.index_ttl .logo_manten {
  width: 18%;
}
/*========== link_block ==========*/
.link_block {
width: 100%;
float: none;
padding-bottom: 2em;
margin-bottom: 0px;
min-height: auto;
}
.link_block li {
width: 29%;
}
.ttl_block .h2_ttl {
width: 40vw;
}
.ttl_block p {
width: 55vw;
margin-bottom: 1em;
font-size: 1em;
line-height: 1.4;
}
/*========== health ==========*/
.health .ttl_block {
width: 100%;
float: none;
background-image: url(../image/index_sec01_img.png);
background-position: right 9% bottom;
background-repeat: no-repeat;
background-size: contain;
padding-top: 3rem;
}
.health_inc {
padding-top: 1em;
}
.health_inc section {
background-image: none;
}
/*========== life ==========*/
.life .ttl_block {
width: 100%;
float: none;
background-image: url(../image/index_sec02_img.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 37% auto;
}
.life_inc section {
background-image: none;
}
/*========== nurs ==========*/
.nurs .ttl_block {
width: 100%;
float: none;
background-image: url(../image/index_sec03_img.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 37% auto;
}
.nurs_inc section {
background-image: none;
}
.nurs .link_block ul.last {
margin-bottom: 3em;
}
}



@media screen and (min-width:1px) and (max-width:800px) {
  .index_ttl .lowerlev_ttl_txt dl{
    display:block;
  }
  .index_ttl .lowerlev_ttl_txt dt{
    display:inline-block;
    margin:0 0 0.5rem;
  }
  .index_ttl .index_ttl_info .infoTxt{
    border-left:4px solid #0498c4;
    width: calc(100% - 290px);
    padding-right:0;
  }
  .index_ttl .index_ttl_info .tel{
    padding-left:0;
    border:0;
    width:200px;
  }
  .img_block {
      width: 34%;
  }
}


@media screen and (min-width:1px) and (max-width:600px) {
/*========== header ==========*/
#header:not(.js-header){
height: 49px;
}
/*========== footer ==========*/
#footer{
background-color: #f1f2f0;
padding-top: 3rem;
padding-bottom: 3rem;
margin-bottom: 50px;
}
#footer section p.copy{
float: none;
text-align: center;
}
#footer section p.caution {
float: none;
text-align: center;
display: block;
margin-bottom: 2rem
}
/*========== common ==========*/
.tab_only,
.pc_only,
.pc_only.tab_only {
display: none !important;
}
.sp_only.pc_only,
.sp_only.tab_only,
.sp_only {
display: block !important;
}
/*========== layout ==========*/
#contents {
font-size: 14px;
}
section{
width: 92%;
}
/*========== index_ttl ==========*/
.index_ttl{
  display:block;
}
.index_ttl h2,
.index_ttl .index_ttl_txt{
  width:100%;
  text-align:center;
}
.index_ttl .logo_sukoyaka {
  width: 60vw;
  position: relative;
  left: auto;
  margin:16vw auto 0;
}
.index_ttl .logo_manten{
  width: 25%;
}
.index_ttl .index_ttl_txt h3{
  width: 100%;
  margin:3rem auto;
  font-size:4.8vw;
}
.index_ttl .index_ttl_txt .sec00_h4{
  font-size: 4vw;
  margin:0;
}
.index_ttl .index_ttl_txt .sec00_h4 h4 .pc_only.sp_only{
  display:block !important;
}
.index_ttl .lowerlev_ttl_txt{
  width:100%;
}
.index_ttl .index_ttl_info{
  text-align:center;
}
.index_ttl .index_ttl_info p{
  padding:0;
}
.index_ttl .index_ttl_info .tel{
  display:inline-block;
  border-bottom:4px solid #0498c4;
  padding:0 0 1em;
  margin:0 0 1em;
  width:100%;
  min-width:100%;
  max-width:100%;
  order: 1;
}
.index_ttl .index_ttl_info .tel img{
  width:100%;
}
.index_ttl .index_ttl_info .infoTxt{
  border-left:0;
  width: 100%;
  text-align:left;
  order: 3;
}
.index_ttl .index_ttl_info .telTxt{
  text-align:left;
  order: 2;
  margin: 0 0 1em;
}
/*========== contents_block ==========*/
#contents section{
  position:relative;
}
.contents_block .clearFix::before {
  display:none;
}
.ttl_block {
  width: 100%;
  float: none;
  margin:0 auto;
}
.ttl_block h2{
  width: 100%;
  margin-bottom:50vw;
  display: flex;
  align-items: center;
  font-size: 5vw;
}
.ttl_block h2 .ttl_h2_sub{
  font-size: 3.8vw;
}
.ttl_block .h2_ttl {
  width: 120%;
}
.ttl_block h2::before {
  content:"";
  position:relative;
  max-width: 80px;
  width: 12vw;
  height: 12vw;
  margin-right:2vw;
}
/*========== soudan ==========*/
.soudan .ttl_block h2::before{
  background:url(../image/ico_soudan.png) no-repeat center top;
  background-size:auto 100%;
}

/*========== shisetsu ==========*/
.shisetsu .ttl_block h2::before{
  background:url(../image/ico_shisetsu.png) no-repeat center top;
  background-size:auto 100%;
}

/*========== iryou ==========*/
.iryou .ttl_block h2::before{
  background:url(../image/ico_iryou.png) no-repeat center top;
  background-size:auto 100%;
}

/*========== check ==========*/
.check .ttl_block h2::before{
  background:url(../image/ico_check.png) no-repeat center top;
  background-size:auto 100%;
}
.check .ttl_block p br{
  display:none;
}

/*========== care ==========*/
.care .ttl_block h2::before{
  background:url(../image/ico_care.png) no-repeat center top;
  background-size:auto 100%;
}
.care .ttl_block p br{
  display:none;
}
/*========== mimamori ==========*/
.mimamori .ttl_block h2::before{
  background:url(../image/ico_mimamori.png) no-repeat center top;
  background-size:100% auto;
}

.ttl_block p{
  width: 100%;
}
.ttl_block a.btn_more{
  width: 100%;
}
.img_block{
  width: 100%;
  height:40vw;
  float: none;
  text-align: center;
  position:absolute;
  top:0;
  left:0;
}
.img_block img{
  height:100%;
  width:auto;
}

/*========== close btn ==========*/
.centerTxt.logo_manten_v{
  margin: 3rem 0 0;
  text-align: center;
}
.centerTxt.logo_manten_v a{
  width:60%;
}
a.btn_close{
margin-top: 3rem;
margin-bottom: 3rem;
}
}