@charset "UTF-8";
@media screen and (min-width: 768px),print {

#life .seo_bread_list{position: relative;z-index: 3;color: #fff;margin-bottom: -58px;padding-top: 16px;}
#life .seo_bread_list a{ color: #fff;}
    
#contentsmain {margin: 0 auto 130px;position: relative;background: url('../images/life/contentsmain-back01.png')no-repeat top center;}
#contentsmain .inner-Box1 {margin: 0 auto;position: relative;width: 1100px;padding: 263px 0 124px;}
#contentsmain .inner-Box1 h2 {margin-bottom: 33px;}
#contentsmain .inner-Box1 h2 span{  }
#contentsmain .inner-Box1 h2 img {  }
#contentsmain .inner-Box1 p {color: #fff;font-size: 16px;line-height: 2.03;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 38px;position: relative;}

#contentsmain .inner-Box2 {margin: 0 auto;position: relative;text-align: center;}
#contentsmain .inner-Box2 h3.f-min {font-size: 22px;line-height: 1.91;font-weight: 500;letter-spacing: 2.2px;margin-bottom: 21px;position: relative;}
#contentsmain .inner-Box2 p.text {font-size: 16px;line-height: 2.63;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 41px;position: relative;}
#contentsmain .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 73px;}
#contentsmain .inner-Box2 figure.photo img{  }

#contents01 {margin: 0 auto 120px;position: relative;max-width: 1640px;background: #F6F4F2;padding: 103px 0 23px 0;}
#contents01 .inner-Box1 {margin: 0 auto 104px;position: relative;width: 1280px;}
#contents01 .inner-Box1::before{content: "";width: 1px;height: 152px;display: block;background: #000;position: absolute;top: 299px;left: 39px;}
#contents01 .inner-Box1 h2 {  }
#contents01 .inner-Box1 h2 span{  }
#contents01 .inner-Box1 h2 img {  }
#contents01 .inner-Box1 .inBox1 {margin: 0 auto;position: relative;height: 298px;padding: 43px 46px 6px 90px;}
#contents01 .inner-Box1 .inBox1 figure.photo01 {position: absolute;top: -251px;right: 90px;}
#contents01 .inner-Box1 .inBox1 figure.photo01 img{  }
#contents01 .inner-Box1 .inBox1 p.text {font-size: 16px;line-height: 2.25;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 530px;}
#contents01 .inner-Box1 .inBox2 {margin: 0 auto;position: relative;min-height: 300px;width: 1200px;padding: 10px 40px 0 600px;}
#contents01 .inner-Box1 .inBox2 figure.photo02 {position: absolute;top: -26px;left: 50px;}
#contents01 .inner-Box1 .inBox2 figure.photo02 img{  }
#contents01 .inner-Box1 .inBox2 p.text {font-size: 16px;line-height: 2.25;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 37px;position: relative;}

#contents01 .inner-Box2 {margin: 0 auto;position: relative;width: 1280px;}
#contents01 .inner-Box2::before{content: "";width: 1px;height: 150px;display: block;background: #000;position: absolute;top: 299px;right: 39px;}
#contents01 .inner-Box2 h2 {  }
#contents01 .inner-Box2 h2 span{  }
#contents01 .inner-Box2 h2 img {  }
#contents01 .inner-Box2 .inBox1 {margin: 0 auto;position: relative;height: 344px;padding: 43px 46px 6px 690px;}
#contents01 .inner-Box2 .inBox1 figure.photo01 {position: absolute;top: -198px;left: 90px;}
#contents01 .inner-Box2 .inBox1 figure.photo01 img{  }
#contents01 .inner-Box2 .inBox1 p.text {font-size: 16px;line-height: 2.25;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 500px;}
#contents01 .inner-Box2 .inBox2 {margin: 0 auto;position: relative;min-height: 300px;width: 1200px;padding: 10px 650px  0px 50px;}
#contents01 .inner-Box2 .inBox2 figure.photo02 {position: absolute;top: -27px;right: 50px;}
#contents01 .inner-Box2 .inBox2 figure.photo02 img{  }
#contents01 .inner-Box2 .inBox2 p.text {font-size: 16px;line-height: 2.25;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 38px;position: relative;}

#contnts02 {margin: 0 auto 160px;position: relative;background: #F6F4F2;padding: 100px 0 101px;}
#contnts02 .inner-Box {margin: 0 auto;position: relative;background: #FFFFFF;width: 1280px;padding: 74px 0 50px 0;text-align: center;}
#contnts02 .inner-Box h2 {text-align: center;margin-bottom: 99px;}
#contnts02 .inner-Box h2 span{  }
#contnts02 .inner-Box h2 img {  }
#contnts02 .inner-Box .inBox {margin: 0 auto 73px;position: relative;}
#contnts02 .inner-Box .inBox figure.img {position: relative;top: 0;left: 0;}
#contnts02 .inner-Box .inBox figure.img img{  }
#contnts02 .inner-Box .inBox2 {margin: 0 auto;position: relative;width: 1040px;padding: 0 490px 0 0;text-align: left;}
#contnts02 .inner-Box .inBox2 p.text { font-size: 16px; line-height: 2; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contnts02 .inner-Box .inBox2 figure.img {position: absolute;top: 0;right: 39px;}
#contnts02 .inner-Box .inBox2 figure.img img{  }


#contentsbottom {margin: 0 auto -70px;position: relative;background: url('../images/life/contentsbottom-back01.png')no-repeat top center;}
#contentsbottom .inner-Box {margin: 0 auto 202px;position: relative;width: 1100px;padding: 143px 0 0;height: 560px;}
#contentsbottom .inner-Box h2{line-height: 2.21;font-size: 24px;letter-spacing: 2.4px;margin-bottom: 24px;}
#contentsbottom .inner-Box p.text {font-size: 20px;line-height: 2.15;font-weight: 400;letter-spacing: 2px;margin-bottom: 23px;position: relative;width: 530px;}
#contentsbottom .inner-Box figure.img {position: absolute;bottom: -4px;left: -50px;}
#contentsbottom .inner-Box figure.img img{  }
#contentsbottom .banner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsbottom .banner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .banner-Box ul li {width: 522px;margin-right: 55px;}
#contentsbottom .banner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contentsbottom .banner-Box ul li figure {margin-bottom: 16px;}
#contentsbottom .banner-Box ul li a {  }
#contentsbottom .banner-Box ul li a:hover {  }
#contentsbottom .banner-Box p.ltext {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 46px;position: relative;}


}

@media screen and (max-width: 767px) {

#life .seo_bread_list{position: relative;z-index: 3;color: #fff;margin-bottom: -13.5vw;padding-top: 2.36vw;}
#life .seo_bread_list a{ color: #fff;}

#contentsmain {margin: 0 auto 21.12vw;position: relative;background: url('../images/life/sp-contentsmain-back01.png')no-repeat top center;background-size: 100% auto;}
#contentsmain .inner-Box1 {position: relative;padding: 36.67vw 0 11.46vw;}
#contentsmain .inner-Box1 h2 {margin: 0 14.4vw 3.8vw 6.4vw;}
#contentsmain .inner-Box1 h2 span{  }
#contentsmain .inner-Box1 h2 img {  }
#contentsmain .inner-Box2 {margin: 0 4vw;position: relative;text-align: center;}
#contentsmain .inner-Box2 h3.f-min {font-size: 4.35vw;line-height: 2.22;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 5.07vw;position: relative;}
#contentsmain .inner-Box2 p.text {font-size: 3.86vw;line-height: 2.33;font-weight: 400;letter-spacing: 0.19vw;margin: 0 2.2vw 7.38vw;position: relative;text-align: left;}
#contentsmain .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin: 0 2.6vw 8.8vw;}
#contentsmain .inner-Box2 figure.photo img{  }

#contents01 {margin: 0 auto 14.45vw;position: relative;background: #F6F4F2;padding: 15.08vw 6.4vw 10.25vw;}
#contents01 .inner-Box1 {margin: 0 auto 17.85vw;position: relative;}
#contents01 .inner-Box1::before{content: "";width: 0.24vw;height: 42.88vw;display: block;background: #000;position: absolute;top: 101.64vw;left: 2.32vw;}
#contents01 .inner-Box1 h2 {  }
#contents01 .inner-Box1 h2 span{  }
#contents01 .inner-Box1 h2 img {  }
#contents01 .inner-Box1 .inBox1 {margin: 0 2.4vw 5.7vw;position: relative;padding: 4.7vw 0 0;}
#contents01 .inner-Box1 .inBox1 figure.photo01 {position: relative;top: 0vw;right: 0;margin: 0 -2.2vw 5.9vw;}
#contents01 .inner-Box1 .inBox1 figure.photo01 img{  }
#contents01 .inner-Box1 .inBox1 p.text {font-size: 3.86vw;line-height: 2.29;font-weight: 400;letter-spacing: 0.17vw;margin: 0 5.1vw 3.25vw;position: relative;}
#contents01 .inner-Box1 .inBox2 {margin: 0 0vw;position: relative;}
#contents01 .inner-Box1 .inBox2 figure.photo02 {position: relative;top: 0;left: 0;margin-bottom: 5.8vw;}
#contents01 .inner-Box1 .inBox2 figure.photo02 img{  }
#contents01 .inner-Box1 .inBox2 p.text {font-size: 3.86vw;line-height: 2.29;font-weight: 400;letter-spacing: 0.17vw;margin: 0 3.5vw 7.25vw;position: relative;}

#contents01 .inner-Box2 {margin: 0 auto -3.35vw;position: relative;}
#contents01 .inner-Box2::before{content: "";width: 0.24vw;height: 44.88vw;display: block;background: #000;position: absolute;top: 101.64vw;left: 2.32vw;}
#contents01 .inner-Box2 h2 {  }
#contents01 .inner-Box2 h2 span{  }
#contents01 .inner-Box2 h2 img {  }
#contents01 .inner-Box2 .inBox1 {margin: 0 2.4vw 5.7vw;position: relative;padding: 4.7vw 0 0;}
#contents01 .inner-Box2 .inBox1 figure.photo01 {position: relative;top: 0vw;right: 0;margin: 0 -2.1vw 6vw;}
#contents01 .inner-Box2 .inBox1 figure.photo01 img{  }
#contents01 .inner-Box2 .inBox1 p.text {font-size: 3.86vw;line-height: 2.29;font-weight: 400;letter-spacing: 0.17vw;margin: 0 5.1vw 3.25vw;position: relative;}
#contents01 .inner-Box2 .inBox2 {margin: 0 0vw;position: relative;}
#contents01 .inner-Box2 .inBox2 figure.photo02 {position: relative;top: 0;left: 0;margin-bottom: 5.8vw;}
#contents01 .inner-Box2 .inBox2 figure.photo02 img{  }
#contents01 .inner-Box2 .inBox2 p.text {font-size: 3.86vw;line-height: 2.29;font-weight: 400;letter-spacing: 0.17vw;margin: 0 3.5vw 7.25vw;position: relative;}

#contentsmain .inner-Box1 p {color: #fff;font-size: 3.86vw;line-height: 2.29;font-weight: 500;letter-spacing: 0.34vw;margin: 0 6.7vw 9.18vw;position: relative;}

#contnts02 {margin: 0 auto 19.65vw;position: relative;background: #F6F4F2;padding: 9.15vw 0 9.4vw;}
#contnts02 .inner-Box {margin: 0 4vw;position: relative;background: #FFFFFF;padding: 12.07vw 0 3.08vw 0;text-align: center;}
#contnts02 .inner-Box h2 {text-align: center;margin: 0 6vw 4.91vw;}
#contnts02 .inner-Box h2 span{  }
#contnts02 .inner-Box h2 img {  }
#contnts02 .inner-Box .inBox {margin: 0 6vw 14.63vw 5.9vw;position: relative;}
#contnts02 .inner-Box .inBox figure.img {position: relative;top: 0;left: 0;}
#contnts02 .inner-Box .inBox figure.img img{width: 248vw;}
#contnts02 .inner-Box .inBox2 {margin: 0 4vw;position: relative;padding: 0 0vw 0 0;text-align: left;}
#contnts02 .inner-Box .inBox2 p.text {font-size: 3.86vw;line-height: 2.3;font-weight: 400;letter-spacing: 0.17vw;margin: 0 2.2vw 7.25vw;position: relative;}
#contnts02 .inner-Box .inBox2 figure.img {position: relative;top: -1.2vw;right: 0vw;margin: 0 2.9vw 4.8vw 3.9vw;}
#contnts02 .inner-Box .inBox2 figure.img img{  }


#contentsbottom {margin: 0 auto 0vw;position: relative;background: url('../images/life/sp-contentsbottom-back01.png')no-repeat top center;background-size: 100% auto;}
#contentsbottom .inner-Box {margin: 0 auto 29.15vw;position: relative;padding: 65.34vw 0 0;}
#contentsbottom .inner-Box h2{line-height: 2.25;font-size: 4.35vw;letter-spacing: 0.43vw;margin: 0 7vw 2.9vw;}
#contentsbottom .inner-Box p.text {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.39vw;margin: 0 7vw 3.75vw;position: relative;}
#contentsbottom .inner-Box figure.img {position: relative;bottom: 0vw;left: 0vw;margin: 10vw 27.8vw 7vw 4vw;}
#contentsbottom .inner-Box figure.img img{  }
#contentsbottom .banner-Box {margin: 0 4vw;position: relative;}
#contentsbottom .banner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .banner-Box ul li {margin-bottom: -1.61vw;}
#contentsbottom .banner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
#contentsbottom .banner-Box ul li figure {margin-bottom: 1.86vw;}
#contentsbottom .banner-Box ul li a {  }
#contentsbottom .banner-Box ul li a:hover {  }
#contentsbottom .banner-Box p.ltext {font-size: 3.86vw;line-height: 1.57;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 11.11vw;position: relative;}
    
}