@media screen and (min-width: 768px), print {

#link01,#link02,#link03,#link04{display: block; padding-top: 80px; margin-top: -80px;}


#contentsmain {margin: -30px auto 314px auto;position: relative;background: url('../images/lifestyle/contentsmain-back01.png')no-repeat top center;padding: 172px 0 0;}
#contentsmain .inner-Box {margin: 0 auto 237px;position: relative;width: 960px;}
#contentsmain .inner-Box h2 {margin-bottom: 55px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box h3 {position: absolute;top: 8px;right: 0;}
#contentsmain .inner-Box h3 span{  }
#contentsmain .inner-Box h3 img {  }
#contentsmain .inner-Box p.text {margin-bottom: 30px;position: relative;color: #FFF;text-shadow: 0 4px 15px rgba(11,88,136,0.30);font-size: 22px;font-weight: 500;letter-spacing: 0.05em;line-height: 1.8;width: 470px;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;}
#contentsmain .inner-Box2 h4 {margin-bottom: 27px;}
#contentsmain .inner-Box2 h4 span{  }
#contentsmain .inner-Box2 h4 img {  }
#contentsmain .inner-Box2 ul.list {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;}
#contentsmain .inner-Box2 ul li {width: 252px;margin-right: 30px;}
#contentsmain .inner-Box2 ul li:nth-child(4n) { margin-right: 0px; }
#contentsmain .inner-Box2 ul li figure {margin-bottom: 21px;}
#contentsmain .inner-Box2 ul li a {  }
#contentsmain .inner-Box2 ul li a:hover {  }
#contentsmain .inner-Box2 p.ltext {margin-bottom: 18px;position: relative;color: #1A1A1A;font-size: 15px;font-weight: 400;letter-spacing: 0.05em;line-height: 1.87;}
#contentsmain .inner-Box2 span.more { display: block; line-height: 1; }
#contentsmain .inner-Box2 span.more img {  }

#contents01 {margin: 0 auto 227px;position: relative;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1080px;padding: 0 0 0 730px;}
#contents01 .inner-Box figure.photo {position: absolute;top: -29px;left: -420px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box h2.f_m {margin-bottom: 8px;position: relative;color: #0884A8;font-size: 32px;font-weight: 400;letter-spacing: -0.07em;line-height: 1.6;}
#contents01 .inner-Box h3.f_m {margin-bottom: 46px;position: relative;color: #1A1A1A;font-size: 18px;font-weight: 400;letter-spacing: 0em;line-height: 1.6;}
#contents01 .inner-Box p.text {margin-bottom: 27px;position: relative;color: #1A1A1A;font-size: 15px;font-weight: 400;letter-spacing: 0.05em;line-height: 1.87;}

#contents02 {margin: 0 auto 227px;position: relative;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding: 0 740px 0 0;}
#contents02 .inner-Box figure.photo {position: absolute;top: -29px;right: -410px;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box h2.f_m {margin-bottom: 8px;position: relative;color: #0884A8;font-size: 32px;font-weight: 400;letter-spacing: -0.07em;line-height: 1.6;}
#contents02 .inner-Box h3.f_m {margin-bottom: 46px;position: relative;color: #1A1A1A;font-size: 18px;font-weight: 400;letter-spacing: 0em;line-height: 1.6;}
#contents02 .inner-Box p.text {margin-bottom: 27px;position: relative;color: #1A1A1A;font-size: 15px;font-weight: 400;letter-spacing: 0.05em;line-height: 1.87;}

#contents03 {margin: 0 auto 227px;position: relative;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1080px;padding: 0 0 0 730px;}
#contents03 .inner-Box figure.photo {position: absolute;top: -29px;left: -420px;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box h2.f_m {margin-bottom: 8px;position: relative;color: #0884A8;font-size: 32px;font-weight: 400;letter-spacing: -0.07em;line-height: 1.6;}
#contents03 .inner-Box h3.f_m {margin-bottom: 46px;position: relative;color: #1A1A1A;font-size: 18px;font-weight: 400;letter-spacing: 0em;line-height: 1.6;}
#contents03 .inner-Box p.text {margin-bottom: 27px;position: relative;color: #1A1A1A;font-size: 15px;font-weight: 400;letter-spacing: 0.05em;line-height: 1.87;}

#contents04 {margin: 0 auto 237px;position: relative;}
#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding: 0 740px 0 0;}
#contents04 .inner-Box figure.photo {position: absolute;top: -29px;right: -410px;}
#contents04 .inner-Box figure.photo img{  }
#contents04 .inner-Box h2.f_m {margin-bottom: 8px;position: relative;color: #0884A8;font-size: 32px;font-weight: 400;letter-spacing: -0.07em;line-height: 1.6;}
#contents04 .inner-Box h3.f_m {margin-bottom: 46px;position: relative;color: #1A1A1A;font-size: 18px;font-weight: 400;letter-spacing: 0em;line-height: 1.6;}
#contents04 .inner-Box p.text {margin-bottom: 27px;position: relative;color: #1A1A1A;font-size: 15px;font-weight: 400;letter-spacing: 0.05em;line-height: 1.87;}

#contentsbt {margin: 0 auto;position: relative;text-align: center;}
#contentsbt .inner-Box { margin: 0 auto; position: relative; }
#contentsbt .inner-Box h2.f_m {margin-bottom: 44px;position: relative;color: #1A1A1A;text-align: center;font-size: 42px;font-weight: 500;letter-spacing: 0.05em;line-height: 1.6;}
#contentsbt .inner-Box p.btn {  }
#contentsbt .inner-Box p.btn img {  }

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

#link01,#link02,#link03,#link04{display: block; padding-top: 2vw; margin-top: -2vw;}

#contentsmain {margin: -8vw auto 14.55vw auto;position: relative;background: url('../images/lifestyle/sp-contentsmain-back01.png')no-repeat top center;padding: 23.35vw 6.5vw 0;background-size: 100% auto;}
#contentsmain .inner-Box {margin: 0 auto 43.95vw;position: relative;}
#contentsmain .inner-Box h2 {margin-bottom: 9.49vw;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box h3 {position: absolute;top: 0.9vw;right: 0;width: 13.6vw;}
#contentsmain .inner-Box h3 span{  }
#contentsmain .inner-Box h3 img {  }
#contentsmain .inner-Box p.text {margin-bottom: 7.25vw;position: relative;color: #FFF;text-shadow: 0 4px 15px rgba(11,88,136,0.30);font-size: 3.62vw;font-weight: 600;letter-spacing: 0em;line-height: 1.8;width: 60vw;}
#contentsmain .inner-Box2 {margin: 0 -1.6vw;position: relative;}
#contentsmain .inner-Box2 h4 {margin-bottom: 7.12vw;}
#contentsmain .inner-Box2 h4 span{  }
#contentsmain .inner-Box2 h4 img {  }
#contentsmain .inner-Box2 ul.list {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;}
#contentsmain .inner-Box2 ul li { width: 47.2%; margin-right: 5.4%; margin-bottom: 7.4vw; }
#contentsmain .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; }
#contentsmain .inner-Box2 ul li figure {margin-bottom: 3.27vw;}
#contentsmain .inner-Box2 ul li a {  }
#contentsmain .inner-Box2 ul li a:hover {  }
#contentsmain .inner-Box2 p.ltext {margin-bottom: 3.65vw;position: relative;color: #1A1A1A;font-size: 3.14vw;font-weight: 400;letter-spacing: 0em;line-height: 1.6;}
#contentsmain .inner-Box2 span.more {display: block;line-height: 1;width: 21.6vw;}
#contentsmain .inner-Box2 span.more img {  }

#contents01 {margin: 0 auto 19.53vw;position: relative;}
#contents01 .inner-Box {position: relative;padding: 0 0 0 0vw;}
#contents01 .inner-Box figure.photo {position: relative;top: 0vw;left: 0vw;margin-bottom: 6.9vw;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box h2.f_m {margin: 0 7.1vw 0.83vw;position: relative;color: #0884A8;font-size: 5.80vw;font-weight: 400;letter-spacing: -0.05em;line-height: 1.6;}
#contents01 .inner-Box h3.f_m {margin: 0 7.1vw 3.53vw;position: relative;color: #1A1A1A;font-size: 3.86vw;font-weight: 400;letter-spacing: 0em;line-height: 1.6;}
#contents01 .inner-Box p.text {margin: 0 7.1vw 6.73vw;position: relative;color: #1A1A1A;font-size: 3.62vw;font-weight: 400;letter-spacing: 0em;line-height: 1.87;}

#contents02 {margin: 0 auto 19.53vw;position: relative;}
#contents02 .inner-Box {position: relative;padding: 0 0 0 0vw;}
#contents02 .inner-Box figure.photo {position: relative;top: 0vw;left: 0vw;margin-bottom: 6.9vw;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box h2.f_m {margin: 0 7.1vw 0.83vw;position: relative;color: #0884A8;font-size: 5.80vw;font-weight: 400;letter-spacing: -0.05em;line-height: 1.6;}
#contents02 .inner-Box h3.f_m {margin: 0 7.1vw 3.53vw;position: relative;color: #1A1A1A;font-size: 3.86vw;font-weight: 400;letter-spacing: 0em;line-height: 1.6;}
#contents02 .inner-Box p.text {margin: 0 7.1vw 6.73vw;position: relative;color: #1A1A1A;font-size: 3.62vw;font-weight: 400;letter-spacing: 0em;line-height: 1.87;}

#contents03 {margin: 0 auto 19.53vw;position: relative;}
#contents03 .inner-Box {position: relative;padding: 0 0 0 0vw;}
#contents03 .inner-Box figure.photo {position: relative;top: 0vw;left: 0vw;margin-bottom: 6.9vw;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box h2.f_m {margin: 0 7.1vw 0.83vw;position: relative;color: #0884A8;font-size: 5.80vw;font-weight: 400;letter-spacing: -0.05em;line-height: 1.6;}
#contents03 .inner-Box h3.f_m {margin: 0 7.1vw 3.53vw;position: relative;color: #1A1A1A;font-size: 3.86vw;font-weight: 400;letter-spacing: 0em;line-height: 1.6;}
#contents03 .inner-Box p.text {margin: 0 7.1vw 6.73vw;position: relative;color: #1A1A1A;font-size: 3.62vw;font-weight: 400;letter-spacing: 0em;line-height: 1.87;}

#contents04 {margin: 0 auto 23.93vw;position: relative;}
#contents04 .inner-Box {position: relative;padding: 0 0 0 0vw;}
#contents04 .inner-Box figure.photo {position: relative;top: 0vw;left: 0vw;margin-bottom: 6.9vw;}
#contents04 .inner-Box figure.photo img{  }
#contents04 .inner-Box h2.f_m {margin: 0 7.1vw 0.83vw;position: relative;color: #0884A8;font-size: 5.80vw;font-weight: 400;letter-spacing: -0.05em;line-height: 1.6;}
#contents04 .inner-Box h3.f_m {margin: 0 7.1vw 3.53vw;position: relative;color: #1A1A1A;font-size: 3.86vw;font-weight: 400;letter-spacing: 0em;line-height: 1.6;}
#contents04 .inner-Box p.text {margin: 0 7.1vw 6.73vw;position: relative;color: #1A1A1A;font-size: 3.62vw;font-weight: 400;letter-spacing: 0em;line-height: 1.87;}


#contentsbt {margin: 0 3.2vw;position: relative;text-align: center;}
#contentsbt .inner-Box { margin: 0 4vw; position: relative; }
#contentsbt .inner-Box h2.f_m {margin-bottom: 3.93vw;position: relative;color: #1A1A1A;font-size: 5.31vw;font-weight: 500;letter-spacing: 0.05em;line-height: 1.6;text-align: left;}
#contentsbt .inner-Box p.btn {  }
#contentsbt .inner-Box p.btn img {  }





}