@charset "UTF-8";


/*--------------------------------------------------------------------- common ----*/

#wrapper {
 width: 100%;
 max-width: 700px;
 margin: 0 auto;
 padding: 50px 0 0;
 text-align: center;
 overflow: hidden;
}

@media screen and (min-width:710px){
 #wrapper {
  max-width: 900px;
 }
}

/*--------------------------------------------------------------------- header ----*/

#header1 h1, #header1 p {
 font-size: 2.2rem;
 letter-spacing: 0.8rem;
}

#header1 #logo1 {
 width:80%;
 margin:0 auto 45px;
 padding-bottom: 75px;
 background: url(../img/common/bg-hr.png) no-repeat right bottom;
 text-align:center;
}
#header1 #logo1 img {
 width: 100%;
 height: auto;
}

#header1 #pagetitle {
 margin-bottom: 30px;
 font-weight: normal;
}

#header2 h1, #header2 p {
 font-size: 2.2rem;
 letter-spacing: 0;
}

#top #header2 #logo2 {
 width:80%;
 margin:0 auto 15px;
 text-align:center;
 border-bottom: none;
}
#top #header2 #logo2 img {
 width: 100%;
 height: auto;
}
#top #header2 .header_shops {
 width: 80%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-flow: nowrap;
 flex-flow: nowrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 margin: 0 auto;
}
#top #header2 .header_shops p a {
 text-decoration: none;
 -webkit-transition: .3s;
 transition: .3s;
}
#top #header2 .header_shops p a:hover {
 opacity: .6;
}

#top #header2 .bg-hr {
 width: 80%;
 margin:0 auto 75px;
 padding-bottom:15px;
 background: url(https://sakura-iryo.co.jp/hirameki/about/img/common/bg-hr.png) no-repeat right bottom;
}


@media screen and (min-width:710px){
 #header1 h1, #header1 p {
  font-size: 3rem;
 }
 
 #header1 #logo1 {
  width:332px;
  margin:0 auto 45px;
  padding-bottom: 75px;
  background: url(../img/common/bg-hr.png) no-repeat right bottom;
 }
 #header1 #logo1 img {
  width: 100%;
  height: auto;
 }
 
 #header2 h1, #header2 p {
  font-size: 1.8rem;
 }

 #top #header2 #logo2 {
  width:332px;
  margin:0 auto 15px;
 }
 #top #header2 #logo2 img {
  width: 100%;
  height: auto;
 }
 #top #header2 .header_shops {
  width: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
 }
 #top #header2 .bg-hr {
  width: 332px;
  margin:0 auto 75px;
  padding-bottom:15px;
  background: url(https://sakura-iryo.co.jp/hirameki/about/img/common/bg-hr.png) no-repeat right bottom;
 }
}

/*--------------------------------------------------------------------- contents ----*/

#contents {
 width: 100%;
 margin-bottom: 90px;
 font-family: "游明朝" , Yu Mincho , "游明朝体" , YuMincho , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

/*--------------------------------------------------------------------- contents - box1 ----*/


#contents #box1 {
 margin-bottom: 40px;
}

#contents #box1 .image {
 margin-bottom: 75px;
}

#contents .image img {
 width: 100%;
 height: auto;
}

#contents #box1 .text {
 margin:0 10px;
 font-size: 1.4rem;
 line-height: 2.2;
}

#page2 #contents #box1 .text {
 font-size: 1.4rem;
}

#contents h2 {
 margin-bottom: 60px;
 font-size: 2rem;
 letter-spacing:0.5rem;
}

#top #contents #box1 {
 margin-bottom: 60px;
}
#top #contents #box1 h2,
#top #contents #box1 .text {
 text-align: left;
 line-height: 1.5;
 margin-right: 10px;
 margin-left: 10px;
}
#top #contents #box1 .text {
 text-align: left;
 line-height: 1.8;
 letter-spacing: 0.3rem;
 font-size:1.6rem;
}


@media screen and (min-width:710px){
 #contents h2 {
  margin-bottom: 60px;
  font-size: 2.2rem;
  letter-spacing:0.5rem;
 }

 #page2 #contents #box1 .text {
  margin:0 10px;
  font-size: 1.6rem;
  line-height: 2.2;
 }

 #page3 #contents h2 {
  line-height: 1.4;
 }
}

/*--------------------------------------------------------------------- contents - box2 ----*/

#contents #box2 {
 max-width: 700px;
 width: 100%;
 margin-bottom: 80px;
 padding: 60px 47px 150px;
}

#top #contents #box2 {
 padding-top: 100px;
	padding-bottom:150px;
 background: url(../img/common/bg-linetop.png) no-repeat center 60%, url(../img/common/bg-ornament.png) no-repeat center top;
 background-size: 80% auto,contain;
 background-color: #f9f8f6;
}

#page1 #contents #box2 {
 background: #f9f8f6 url(../img/common/bg-balloonbottom.png) no-repeat center bottom;
 background-size: contain;
}

#page2 #contents #box2 {
 margin-bottom: 100px;
 padding-bottom: 70px;
 background: url(../img/common/bg-hrgrass.png) no-repeat center bottom;
 background-size: 80%;
}

#page3 #contents #box2,
#page4 #contents #box2 {
 margin-bottom: 30px;
 padding: 60px 10px 0;
}

#page5 #contents #box2 {
 margin-bottom: 100px;
 padding: 60px 0 0;
}

#page6 #contents #box2 {
 margin-bottom: 100px;
 padding: 60px 10px 0;
}

#contents #box2 h3 {
 margin-bottom: 80px;
}



#top #contents #box2 #greet {
 margin-bottom: 60px;
}

#top #contents #box2 #greet h3 img {
 width:80%;
 height:auto;
}

/*#top #contents #box2 #greet .text {
 font-size:1.4rem;
}*/
#top #contents #box2 h3 {
 margin-bottom: 60px;
}
#top #contents #box2 h3 img {
 width: 100%;
 height: auto;
}
#top #contents #box2 .text {
 font-size: 1.6rem;
 line-height: 2.2;
 letter-spacing: 0.4rem;
}
#top #contents #box2 div {
 margin-bottom: 110px;
}
#top #contents #box2 .point7 {
 margin-bottom: 0px;
}
#top #contents #box2 .btn {
 max-width: 270px;
	margin-top:10px;
	margin-left:10px;
}
#top #contents #box2 .point1 .btn,
#top #contents #box2 .point3 .btn,
#top #contents #box2 .point5 .btn,
#top #contents #box2 .point7 .btn {
 float: left;
 width:40%;
 padding-left: 20px;
}
#top #contents #box2 .point2 .btn {
 float: right;
 width:40%;
 margin-top:0;
 padding-right: 10px;
}
#top #contents #box2 .point4 .btn,
#top #contents #box2 .point6 .btn {
 float: right;
 width:40%;
 padding-right: 20px;
}

#top #contents #box2 .point1 .illust,
#top #contents #box2 .point3 .illust,
#top #contents #box2 .point5 .illust,
#top #contents #box2 .point7 .illust {
 float: right;
 width: 50%;
}
#top #contents #box2 .point2 .illust,
#top #contents #box2 .point4 .illust,
#top #contents #box2 .point6 .illust {
 float: left;
 width: 50%;
}
#top #contents #box2 .btn img {
 width: 100%;
 height: auto;
}
#top #contents #box2 .point2 .btn img {
 width: 95%;
 height: auto;
}
#top #contents #box2 .illust img {
 width: 100%;
 height: auto;
}
#top #contents #box2 .point1 a:hover .illust img,
#top #contents #box2 .point2 a:hover .illust img,
#top #contents #box2 .point3 a:hover .illust img,
#top #contents #box2 .point4 a:hover .illust img,
#top #contents #box2 .point5 a:hover .illust img,
#top #contents #box2 .point6 a:hover .illust img,
#top #contents #box2 .point7 a:hover .illust img {
 animation: shake 2s linear infinite;
 -webkit-animation: shake 2s linear infinite;
}
@keyframes shake {
 0%{transform: rotate(0deg);}
 10%{transform: rotate(2deg);}
 20%{transform: rotate(4deg);}
 30%{transform: rotate(6deg);}
 40%{transform: rotate(8deg);}
 50%{transform: rotate(10deg);}
 60%{transform: rotate(8deg);}
 70%{transform: rotate(6deg);}
 80%{transform: rotate(4deg);}
 90%{transform: rotate(2deg);}
 100%{transform: rotate(0deg);}
}


#page1 #contents #box2 .w900 {
 display: none;
}
#page1 #contents #box2 .text {
 padding-top: 50px;
 font-size: 1.4rem;
 line-height: 1.8;
 letter-spacing: 0.4rem;
}


#page2 #contents #box2 {
 padding: 60px 15px 150px;
}
#page2 #contents #box2 .image {
 margin-bottom: 55px;
}
#page2 #contents #box2 h3 img {
 max-width: 100%;
 height: auto;
}
#page2 #contents #box2 dl {
 width:100%;
 margin: 0;
}
#page2 #contents #box2 dt {
 margin-bottom: 20px;
}
#page2 #contents #box2 dt img {
 max-width:100%;
 height:auto;
}
#page2 #contents #box2 dd {
 margin-bottom: 50px;
}
#page2 #contents #box2 dd h4 {
 margin-bottom: 20px;
 font-size: 1.8rem;
}
#page2 #contents #box2 dd p {
 padding:0 10px;
 font-size: 1.4rem;
 text-align: left;
 line-height: 1.8;
}


 
#page3 #contents #box2 h3 {
 margin-bottom: 30px;
 font-size: 2.4rem;
 line-height: 1.5;
 letter-spacing: 0.5rem;
}
#page3 #contents #box2 h3 img {
 width: 80%;
 max-width: 280px;
}
#page3 #contents #box2 .text,
#page3 #contents #box2 #course2 .image,
#page3 #contents #box2 #course3 .image {
 display: none;
}

#page3 #contents #box2 .textw700 {
 margin-bottom: 40px;
 padding: 0 20px;
 font-size: 1.6rem;
 text-align: left;
 line-height: 1.8;
}
#page3 #contents #box2 #course2 li,
#page3 #contents #box2 #course3 li {
}
#page3 #contents #box2 #course2 li img,
#page3 #contents #box2 #course3 li img {
 float: left;
 max-width: 50%;
 height: auto;
}
#page3 #contents #box2 #course2 .textw700,
#page3 #contents #box2 #course3 .textw700 {
 float: right;
 width: 47%;
 margin: 0 0 40px 10px;
 padding: 0;
 font-size: 1.5rem;
 text-align: left;
 line-height: 1.8;
}
#page3 #contents #box2 .imagew700 {
 margin-bottom: 30px;
}
#page3 #contents #box2 .imagew700 img {
 width: 100%;
 height: auto;
}
#page3 #contents #box2 .endtext {
 display: none;
}
#page3 #contents #box2 .endtextw700 {
 margin-bottom: 30px;
 padding: 0 10px;
 font-size: 1.6rem;
 text-align: center;
 line-height: 1.8;
}
#page3 #contents #box2 .image {
 margin-bottom: 30px;
}



#page4 #contents #box2 li {
 margin-bottom: 30px;
 font-size: 1.6rem;
 text-align: center;
}
#page4 #contents #box2 li img {
 width: 100%;
 height: auto;
}
#page4 #contents #box2 .item01 img {max-width: 462px;}
#page4 #contents #box2 .item03 img {max-width: 443px;}
#page4 #contents #box2 .item04 img {max-width: 233px;}
#page4 #contents #box2 .item05 img {max-width: 640px;}
#page4 #contents #box2 .item07 img {max-width: 462px;}
#page4 #contents #box2 .item08 img {max-width: 233px;}
#page4 #contents #box2 .item09 img {max-width: 640px;}
#page4 #contents #box2 .item11 img {max-width: 443px;}

#page4 #contents #box2 .item03,
#page4 #contents #box2 .item04,
#page4 #contents #box2 .item06b,
#page4 #contents #box2 .item07,
#page4 #contents #box2 .item08,
#page4 #contents #box2 .item10b,
#page4 #contents #box2 .item12b {
 display: none;
}
#page4 #contents #box2 .image {
 margin-bottom: 55px;
}
#page4 #contents #box2 h3.text {
 font-size: 2.4rem;
 letter-spacing:0.5rem;
}
#page4 #contents #box2 p.text {
 font-size: 1.6rem;
 line-height: 2;
 letter-spacing:0.4rem;
}



#page5 #contents #box2 li {
 font-size: 1.6rem;
 line-height: 2;
 letter-spacing: 0.6rem;
}

#page5 #contents #box2 li img {
 width: 100%;
 height: auto;
}

#page5 #contents #box2 .useimage01 {
 float: left;
 max-width: 383px;
}
#page5 #contents #box2 .useimage02 {
 float: right;
 padding-top: 40px;
 padding-right: 40px;
 padding-bottom: 80px;
 text-indent: -200px;
 line-height: 2.5;
}
#page5 #contents #box2 .useimage03 {
 position: relative;
 float:right;
 z-index: -10;
 margin-top: -50px;
 max-width: 518px;
}
#page5 #contents #box2 .useimage04 {
 clear: both;
 float: left;
 margin: 0 0 50px 150px;
 text-indent: -200px;
 line-height: 2.5;
}
#page5 #contents #box2 .useimage05 {
 max-width: 361px;
 margin: 0 auto 50px;
}
#page5 #contents #box2 .useimage06 {
 margin-bottom: 50px;
}
#page5 #contents #box2 .useimage07 {
 display: none;
}
#page5 #contents #box2 .useimage07w700 {
 margin: 0 0 50px 0px;
 text-indent: -20px;
}
#page5 #contents #box2 .useimage08 {
 max-width: 424px;
 margin: 0 auto 50px;
}
#page5 #contents #box2 .useimage09 {
 max-width: 451px;
 margin: 0 auto 50px;
}
#page5 #contents #box2 .useimage10 {
 font-size: 2.2rem;
 margin-bottom: 50px;
}
#page5 #contents #box2 .useimage11 {
 max-width: 900px;
 margin: 0 auto;
}



#page6 #contents #box2 .care {
 margin-bottom: 20px;
}
#page6 #contents #box2 .care p {
 margin-bottom: 60px;
}
#page6 #contents #box2 .care .care1w700 {
 max-width: 700px;
 margin-bottom: 60px;
}
#page6 #contents #box2 .care .care1 {
 display: none;
}
#page6 #contents #box2 .care .care2 {
 margin-bottom:30px;
 padding-top:280px;
 text-align:center;
 background:url(../img/img-page6image2.gif) no-repeat center top;
 background-size:80%;
}
#page6 #contents #box2 .care .care2 h2 {
 margin-bottom:30px;
}
#page6 #contents #box2 .care .care2 p {
 margin-bottom:0;
 font-size:1.6rem;
 line-height:2;
}
#page6 #contents #box2 .aging {
 max-width: 900px;
 margin-bottom: 40px;
 padding: 50px 0 0;
 background: #f9f8f6;
}
#page6 #contents #box2 .aging h3 {
 margin-bottom: 20px;
}
#page6 #contents #box2 .aging h3 img {
 width:80%;
}
#page6 #contents #box2 .aging .aging1 {
 max-width: 658px;
 margin: 0 10px 60px;
 padding-bottom:30px;
 background:url(../img/img-page6image3b.gif) no-repeat center bottom;
 font-size:1.4rem;
 line-height:2;
}
#page6 #contents #box2 .aging .aging2 {
 max-width: 786px;
 margin: 0 auto 60px;
}
#page6 #contents #box2 .careitem {
 max-width: 782px;
 margin: 0 auto 0px;
 font-size:1.4rem;
 line-height:2;
}
#page6 #contents #box2 .careitem.image {
 margin: 0 20px 50px auto;
}



#page7 #contents #box2 {
 background:
 /*url(../img/common/bg-line7.png) no-repeat 50% 50%,*/
 url(../img/img-page7Illust1b.png) no-repeat 90% 48%,
 url(../img/img-page7Illust2b.png) no-repeat 10% 68%;
	background-size:20%;
 font-size: 1.8rem;
 line-height: 1.8;
}
#page7 #contents #box2 .order1 {
 margin-bottom: 100px;
 text-align: center;
}
#page7 #contents #box2 .order1 .image {
 max-width: 520px;
 margin: 0 auto;
}
#page7 #contents #box2 .order1 .text {
 background: #fff;
}

#page7 #contents #box2 .order2 {
 padding-bottom: 80px;
 background-size: auto;
}
#page7 #contents #box2 .order2 .image {
 float: right;
 max-width: 60%;
}
#page7 #contents #box2 .order2 .textw700 {
 clear: both;
 float: left;
 width: 85%;
 padding: 40px 10px 0;
 text-align: left;
}
#page7 #contents #box2 .order2 .text {
 display: none;
}

#page7 #contents #box2 .order3 {
 margin-bottom: 120px;
}
#page7 #contents #box2 .order3 {
 clear: both;
}
#page7 #contents #box2 .order3 .image {
 float: left;
 max-width: 60%;
}
#page7 #contents #box2 .order3 .textw700 {
 clear: both;
 float: right;
 width: 85%;
 padding: 40px 0 0 10px;
 text-align: left;
}
#page7 #contents #box2 .order3 .text {
 display: none;
}

#page7 #contents #box2 .order1 {
 margin-bottom: 100px;
 text-align: center;
}
#page7 #contents #box2 .order4 .image {
 max-width: 532px;
 margin: 0 auto 30px;
}
#page7 #contents #box2 .order4 .text {
 font-size: 2rem;
}

/*--------------------------------------------------------------------- contents - box3 ----*/

#page2 #contents #box3 {
 padding: 0 20px;
}

#contents #box3 .image {
 margin-bottom: 65px;
}

#page2 #contents #box3 .image {
 margin-bottom: 30px;
}

#page2 #contents #box3 .text {
 margin-bottom: 30px;
 padding: 0 20px;
 font-size: 1.6rem;
 text-align: left;
 line-height: 1.8;
}
#page2 #contents #box3 .endtext {
 margin-bottom: 30px;
 padding: 0 20px;
 font-size: 1.6rem;
 text-align: center;
 line-height: 1.8;
}

#contents .link {
 padding: 0 10px;
}

#contents .link a:hover {
 margin-top: 2px;
 /*opacity: 0.5;*/
}

#contents .link img {
 max-width: 416px;
 width:80%;
 height: auto;
}
#page5 #contents .link img {
 max-width: 416px;
 height: auto;
}
#page6 #contents .link img {
 max-width: 454px;
 height: auto;
}
#page6 #contents .care .link img {
 max-width: 422px;
 height: auto;
}

#page5 #contents #box3 h3.text {
 margin-bottom: 30px;
 padding:5px 5px 5px 0;
 background: url(../img/common/bg-feather.png) no-repeat center;
 background-size:90%;
 line-height: 40px;
 font-size: 1.8rem;
}

#page5 #contents #box3 p.text {
 margin-bottom: 30px;
 padding: 0 20px;
 font-size: 1.6rem;
 text-align: left;
 line-height: 1.8;
}


/*--------------------------------------------------------------------- contents - responsive min-width:710px ----*/


@media screen and (min-width:710px){
 #contents #box1 .text {
  font-size: 1.6rem;
  line-height: 2.2;
 }
 #contents #box2 {
  max-width: 900px;
  padding: 60px 27px 150px;
 }



 #top #contents #box2 {
  padding-top: 100px;
		padding-bottom: 100px;
  background: url(../img/common/bg-linetop.png) no-repeat center center, url(../img/common/bg-ornament.png) no-repeat center top;
  background-size: auto;
  background-color: #f9f8f6;
 }
 #top #contents #box2 #greet h3 img {
  width:35%;
  height: auto;
 }
 #top #contents #box2 .point1 .btn {
  width:226px;
  margin-top:70px;
  margin-left:100px;
 }
 #top #contents #box2 .point2 .btn {
  width:269px;
  margin-top:40px;
  margin-right:100px;
 }
 #top #contents #box2 .point3 .btn {
  width:226px;
  margin-top:70px;
  margin-left:100px;
 }
 #top #contents #box2 .point4 .btn {
  width:228px;
  margin-top:70px;
  margin-right:100px;
 }
 #top #contents #box2 .point5 .btn {
  width:226px;
  margin-top:70px;
  margin-left:100px;
 }
 #top #contents #box2 .point6 .btn {
  width:228px;
  margin-top:70px;
  margin-right:100px;
 }
 #top #contents #box2 .point7 .btn {
  width:227px;
  margin-top:70px;
  margin-left:100px;
 }

 
 #page1 #contents #box2 {
  padding: 60px 27px 260px;
 }
 #page1 #contents #box2 .w900 {
  display: block;
 }
 #page1 #contents #box2 .w700 {
  display: none;
 }
 #page1 #contents #box2 .text {
  padding: 40px 0 0 40px;
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.4rem;
 }
 #page1 #contents #box3 .link img {
  max-width: 398px;
  width: 60%;
  height: auto;
 }
 
 
 #page2 #contents #box2 {
  max-width: 900px;
  padding: 60px 27px 150px;
 }
 #page2 #contents #box2 h3 img {
  width: 65%;
  height: auto;
 }
 #page2 #contents #box2 dl {
  width:100%;
  margin: 0 10px;
 }
 #page2 #contents #box2 dt {
  clear: both;
  float: left;
  width: 37%;
  margin-bottom: 80px;
 }
 #page2 #contents #box2 dd {
  float: left;
  width: 55%;
  margin-left: 30px;
 }
 #page2 #contents #box2 dt img {
  width: 100%;
  height: auto;
 }
 #page2 #contents #box2 dt:first-child + dd {
  margin-top: 10px;
 }
 #page2 #contents #box2 dd h4 {
  margin-bottom: 20px;
  font-size: 2.2rem;
  text-align: left;
 }
 #page2 #contents #box2 dd p {
  font-size: 1.6rem;
  text-align: left;
  line-height: 1.8;
 }
 #page2 #contents #box3 .text {
  margin-bottom: 30px;
  padding: 0 20px;
  font-size: 1.8rem;
  text-align: left;
  line-height: 1.8;
 }
 #page2 #contents #box3 .endtext {
  margin-bottom: 30px;
  padding: 0 20px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.8;
 }

 
 #page3 #contents #box2 h3 {
  font-size: 5rem;
  line-height: 1.5;
  margin-bottom: 30px;
}

 #page3 #contents #box2 .text {
  display: block;
  margin-bottom: 30px;
  padding: 0 20px;
  font-size: 1.6rem;
  text-align: left;
  line-height: 1.8;
 }

 #page3 #contents #box2 .textw700,
 #page3 #contents #box2 .imagew700 {
  display: none;
 }

 #page3 #contents #box2 .endtext {
  margin-bottom: 30px;
  padding: 0 20px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.8;
 }
 
 #page3 #contents #box2 .image,
 #page3 #contents #box2 #course2 .image,
 #page3 #contents #box2 #course3 .image {
  display: block;
  margin-bottom: 70px;
 }
 
 
 
#page4 #contents #box2 li {
 margin-bottom: 0;
}

#page4 #contents #box2 .item03,
#page4 #contents #box2 .item04,
#page4 #contents #box2 .item06b,
#page4 #contents #box2 .item07,
#page4 #contents #box2 .item08,
#page4 #contents #box2 .item10b,
#page4 #contents #box2 .item12b {
 display: block;
}
 
#page4 #contents #box2 .item05,
#page4 #contents #box2 .item06,
#page4 #contents #box2 .item09,
#page4 #contents #box2 .item10,
#page4 #contents #box2 .item12 {
 display: none;
}

 #page4 #contents #box2 .item01 {
  float: left;
  width: 462px;
 }
 
 #page4 #contents #box2 .item02 {
  padding-top: 150px;
  font-size: 2.2rem;
  letter-spacing: 0.6rem;
 }
 
 #page4 #contents #box2 .item03 {
  clear: both;
  float: right;
  width: 462px;
  margin-bottom: 30px;
 }
 
 #page4 #contents #box2 .item06b {
  float: left;
  padding: 120px 0 0 100px;
  font-size: 2.2rem;
  line-height: 2;
  letter-spacing: 0.6rem;
 }

 #page4 #contents #box2 .item04 {
  clear: both;
  margin-bottom: 30px;
  text-align: center;
 }

 #page4 #contents #box2 .item07 {
  clear: both;
  float: left;
  width: 462px;
  margin-bottom: 30px;
 }
 
 #page4 #contents #box2 .item10b {
  padding: 120px 0 0 100px;
  font-size: 2.2rem;
  line-height: 2;
  letter-spacing: 0.6rem;
 }
 
 #page4 #contents #box2 .item08 {
  clear: both;
  margin-bottom: 30px;
  text-align: center;
 }

 #page4 #contents #box2 .item11 {
  clear: both;
  float: right;
  width: 462px;
  margin-bottom: 30px;
 }
 
 #page4 #contents #box2 .item12b {
  padding: 120px 0 0 100px;
  font-size: 2.2rem;
  line-height: 2;
  letter-spacing: 0.6rem;
 }




 #page5 #contents #box2 {
  padding: 60px 10px 0;
 }
 #page5 #contents #box2 li {
  font-size: 2rem;
  line-height: 2;
  letter-spacing: 0.8rem;
 }
 #page5 #contents #box2 .useimage02 {
  float: right;
  margin-right: 100px;
  padding-top: 100px;
  text-indent: -150px;
  line-height: 2.5;
 }
 #page5 #contents #box2 .useimage03 {
  position: relative;
  float:right;
  z-index: 10;
  margin: -50px 0 50px 0;
  max-width: 518px;
 }
 #page5 #contents #box2 .useimage04 {
  clear: both;
  float: left;
  margin-left: 150px;
  text-align: right;
  line-height: 2.2;
 }
 #page5 #contents #box2 .useimage05 {
  float: right;
  max-width: 361px;
  margin: 0 20px 100px 0;
 }
 #page5 #contents #box2 .useimage06 {
  clear: both;
  margin: 0 0 50px 230px;
  padding-left: 50px;
  text-align: left;
  text-indent: -100px;
 }
 #page5 #contents #box2 .useimage07 {
  display: block;
  margin: 0 0 50px 230px;
  padding-left: 50px;
  text-align: left;
  text-indent: -150px;
 }
 #page5 #contents #box2 .useimage07w700 {
  display: none;
 }
 #page5 #contents #box2 .useimage08 {
  float: left;
  max-width: 424px;
  margin: -600px 0 50px;
 }
 #page5 #contents #box2 .useimage09 {
  float: right;
  max-width: 451px;
  margin: 0 auto 50px;
 }
 #page5 #contents #box2 .useimage10 {
  clear: both;
  font-size: 2.4rem;
  margin-bottom: 50px;
 }
 #page5 #contents #box2 .useimage11 {
  max-width: 900px;
  margin: 0 auto;
 }
 #page5 #contents #box3 h3.text {
  margin-bottom: 30px;
  padding:5px 0;
  background: url(../img/common/bg-feather.png) no-repeat center;
  line-height: 40px;
  font-size: 2.4rem;
 }
 #page5 #contents #box3 p.text {
  font-size: 1.9rem;
 }
 

#page6 #contents #box2 {
 margin-bottom: 150px;
 padding: 60px 10px 0;
}
#page6 #contents #box2 .aging {
 max-width: 900px;
 margin-bottom: 70px;
 padding: 80px 0 0;
 background: #f9f8f6;
}
#page6 #contents #box2 .aging h3 img {
 width:388px;
}
#page6 #contents #box2 .aging .aging1 {
 max-width: 658px;
 margin: 0 auto 60px;
 font-size:1.8rem;
 text-align:center;
 line-height:2;
}
#page6 #contents #box2 .care {
 margin-bottom: 150px;
}
#page6 #contents #box2 .care .care1w700,
#page6 #contents #box2 .care .care2w700 {
 display: none;
}
#page6 #contents #box2 .care .care1 {
 display: block;
 max-width: 828px;
 margin-bottom: 60px;
}
#page6 #contents #box2 .care .care2 {
 margin-bottom:50px;
 padding:70px 550px 70px 60px;
 text-align:left;
 background:url(../img/img-page6image2.gif) no-repeat right center;
}
#page6 #contents #box2 .care .care2 h2 {
 margin-bottom:50px;
}
#page6 #contents #box2 .care .care2 p {
 font-size:1.6rem;
 text-align:center;
 line-height:2;
}
#page6 #contents #box2 .careitem.text {
 font-size:1.6rem;
 text-align:center;
 line-height:2;
 letter-spacing:0.5rem;
}
#page6 #contents #box2 .careitem img {
 width:782px;
}
#page6 #contents #box2 .careitem.image {
 margin: 0 90px 50px auto;
}



 #page7 #contents #box2 {
  background:
  /*url(../img/common/bg-line7.png) no-repeat 50% 50%,*/
  url(../img/img-page7Illust1a.png) no-repeat 75% 45%,
  url(../img/img-page7Illust2a.png) no-repeat 75% 65%;
  font-size: 1.8rem;
  line-height: 1.8;
 }
 #page7 #contents #box2 .order1 {
  margin-bottom: 100px;
  text-align: center;
 }
 #page7 #contents #box2 .order1 .image {
  max-width: 520px;
  margin: 0 auto;
 }
 #page7 #contents #box2 .order1 .text {
  background: #fff;
 }
 
 #page7 #contents #box2 .order2 {
  padding-bottom: 200px;
  background-size: auto;
 }
 #page7 #contents #box2 .order2 .image {
  float: right;
  max-width: 50%;
 }
 #page7 #contents #box2 .order2 .text {
		display:block;
  float: left;
  width: 45%;
  padding: 80px 20px 0;
  text-align: left;
 }
 #page7 #contents #box2 .order2 .textw700 {
  display: none;
 }
 
 #page7 #contents #box2 .order3 {
  margin-bottom: 200px;
  clear: both;
 }
 #page7 #contents #box2 .order3 .image {
  float: left;
  max-width: 50%;
 }
 #page7 #contents #box2 .order3 .text {
		display:block;
  float: right;
  width: 45%;
  padding: 80px 20px 0;
  text-align: left;
 }
 #page7 #contents #box2 .order3 .textw700 {
  display: none;
 }
 
 #page7 #contents #box2 .order1 {
  margin-bottom: 100px;
  text-align: center;
 }
 #page7 #contents #box2 .order4 .image {
  max-width: 532px;
  margin: 0 auto 30px;
 }
 #page7 #contents #box2 .order4 .text {
  font-size: 2rem;
 }
}
  

/*--------------------------------------------------------------------- footer ----*/

#footer1 #next {
 margin-bottom: 50px;
 padding-bottom: 50px;
 background: url(../img/common/bg-hr.png) no-repeat right bottom;
}

#footer1 #next p {
 width: 100%;
 padding: 0 20px;
 text-align: right;
}

@media screen and (min-width:710px){
 #footer1 #next p {
  text-align: right;
 } 
}
#footer1 #next p a {
 display:block;
}

#footer1 #next p img {
 max-width: 563px;
 width: 90%;
 height: auto;
}

#footer1 #next a:hover img {
 opacity: 0.5;
}

#footer1 #nav {
 margin-bottom: 80px;
}
#footer1 #nav ul {
 display: -webkit-flex;
 display: flex;
 justify-content: space-between;
 margin: 0 5px;
}
#footer1 #nav li {
 text-align: center;
 margin: 0 0 20px;
}

#footer1 #nav a {
 display: block;
 width: 27px;
 height: 18px;
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden;
}

#footer1 #nav #navtop a {
 width:66px;
 height:19px;
}

#footer1 #nav #navtop a {background: url(../img/common/nav-top_off.png) no-repeat left top;}
#footer1 #nav #nav1 a {background: url(../img/common/nav-01_off.png) no-repeat left top;}
#footer1 #nav #nav2 a {background: url(../img/common/nav-02_off.png) no-repeat left top;}
#footer1 #nav #nav3 a {background: url(../img/common/nav-03_off.png) no-repeat left top;}
#footer1 #nav #nav4 a {background: url(../img/common/nav-04_off.png) no-repeat left top;}
#footer1 #nav #nav5 a {background: url(../img/common/nav-05_off.png) no-repeat left top;}
#footer1 #nav #nav6 a {background: url(../img/common/nav-06_off.png) no-repeat left top;}
#footer1 #nav #nav7 a {background: url(../img/common/nav-07_off.png) no-repeat left top;}

#footer1 #nav #navtop a:hover,
#footer1 #nav #navtop a.current {background: url(../img/common/nav-top_on.png) no-repeat left top;}
#footer1 #nav #nav1 a:hover,
#footer1 #nav #nav1 a.current {background: url(../img/common/nav-01_on.png) no-repeat left top;}
#footer1 #nav #nav2 a:hover,
#footer1 #nav #nav2 a.current {background: url(../img/common/nav-02_on.png) no-repeat left top;}
#footer1 #nav #nav3 a:hover,
#footer1 #nav #nav3 a.current {background: url(../img/common/nav-03_on.png) no-repeat left top;}
#footer1 #nav #nav4 a:hover,
#footer1 #nav #nav4 a.current {background: url(../img/common/nav-04_on.png) no-repeat left top;}
#footer1 #nav #nav5 a:hover,
#footer1 #nav #nav5 a.current {background: url(../img/common/nav-05_on.png) no-repeat left top;}
#footer1 #nav #nav6 a:hover,
#footer1 #nav #nav6 a.current {background: url(../img/common/nav-06_on.png) no-repeat left top;}
#footer1 #nav #nav7 a:hover,
#footer1 #nav #nav7 a.current {background: url(../img/common/nav-07_on.png) no-repeat left top;}


/*--------------------------------------------------------------------- others ----*/