@charset "UTF-8";
@media screen and (min-width: 768px),print {
    .seo_bread_list,.seo_bread_list a{ color: #fff;}
#contentsmain {margin: -101px auto 150px auto;position: relative;background: url('../images/concept/contentsmain-back01.png')no-repeat top center;padding: 133px 0 119px;text-align: center;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;color: #fff;}
#contentsmain .inner-Box h2.f-en {font-size: 125px;line-height: 1.38;font-weight: 600;letter-spacing: 0px;margin-bottom: 630px;position: relative;color: #FFFFFF;}
#contentsmain .inner-Box h3 {margin-bottom: 55px;}
#contentsmain .inner-Box h3 span{  }
#contentsmain .inner-Box h3 img {  }
#contentsmain .inner-Box h4 {font-size: 30px;line-height: 1.38;font-weight: bold;letter-spacing: 1.5px;margin-bottom: 24px;position: relative;}
#contentsmain .inner-Box p.text {font-size: 15px;line-height: 2.13;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#contentsmain .inner-Box p.text span {display: inline-block;background: url(../images/concept/icon.png)no-repeat bottom 6px center;font-size: 18px;font-weight: 500;display: inline-block;}

#contents01 {margin: 0 auto 190px;position: relative;width: 1100px;}
#contents01 .inner-Box1 {margin: 0 auto 149px;position: relative;}
#contents01 .inner-Box1 figure.photo {position: absolute;top: 0;right: 0;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 h2 {font-size: 30px;line-height: 1.38;font-weight: 500;letter-spacing: 1.5px;margin-bottom: 32px;position: relative;}
#contents01 .inner-Box1 p.text {font-size: 15px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 22px;position: relative;width: 525px;}
#contents01 h3 {font-size: 40px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 52px;position: relative;text-align: center;}
#contents01 .inner-Box2 {margin: 0 auto 103px;position: relative;padding: 0 0 0 566px;}
#contents01 .inner-Box2 h4 {font-size: 30px;line-height: 1.38;font-weight: 500;letter-spacing: 1.5px;margin-bottom: 34px;position: relative;}
#contents01 .inner-Box2 figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 p.text {font-size: 15px;line-height: 1.78;font-weight: 500;letter-spacing: 0px;margin-bottom: 23px;position: relative;}
#contents01 .inner-Box3 {margin: 0 auto 110px;position: relative;padding: 0 0 0 565px;}
#contents01 .inner-Box3 h4 {font-size: 30px;line-height: 1.38;font-weight: 500;letter-spacing: 1.4px;margin-bottom: 34px;position: relative;}
#contents01 .inner-Box3 figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .inner-Box3 figure.photo img{  }
#contents01 .inner-Box3 p.text {font-size: 15px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 20px;position: relative;}
#contents01 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;}
#contents01 ul li {margin-right: 30px;}
#contents01 ul li:nth-child(2n) { margin-right: 0px; }
#contents01 ul li figure {  }
#contents01 ul li a {  }
#contents01 ul li a:hover {  }

#contents01 .morebtn{ }
#contents01 .morebtn a{width: 430px;}

#contents02 {margin: 0 auto 152px;position: relative;background: url('../images/concept/contents02-back01.png')no-repeat top center;padding: 474px 0 0;text-align: center;}
#contents02 .inner-Box {margin: 0 auto;position: relative;background: #F2F2F2;width: 1100px;height: 302px;padding: 80px 0 0;}
#contents02 .inner-Box h2 {font-size: 30px;line-height: 1.38;font-weight: 500;letter-spacing: 1.5px;margin-bottom: 26px;position: relative;}
#contents02 .inner-Box p.text {font-size: 15px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;margin: 0 94px;text-align: left;}

}

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

    #contentsmain {margin: -4vw auto 17.73vw auto;position: relative;background: url('../images/concept/sp-contentsmain-back01.png')no-repeat top center;padding: 12.53vw 0 7.74vw;text-align: center;background-size: 100% auto;}
#contentsmain .inner-Box {position: relative;color: #fff;}
#contentsmain .inner-Box h2.f-en {font-size: 13.29vw;line-height: 1.38;font-weight: 600;letter-spacing: 0.0vw;margin-bottom: 69.5vw;position: relative;color: #FFFFFF;}
#contentsmain .inner-Box h3 {margin: 0 10.9vw 6.99vw;}
#contentsmain .inner-Box h3 span{  }
#contentsmain .inner-Box h3 img {  }
#contentsmain .inner-Box h4 {font-size: 4.83vw;line-height: 1.5;font-weight: bold;letter-spacing: 0.34vw;margin-bottom: 1.8vw;position: relative;}
#contentsmain .inner-Box p.text {font-size: 3.62vw;line-height: 2.3;font-weight: 400;letter-spacing: 0.0vw;margin: 0 8.3vw 7.25vw;position: relative;text-align: left;}
#contentsmain .inner-Box p.text span {display: inline-block;background: url(../images/concept/icon.png)no-repeat bottom 1vw center; background-size: 100% auto; font-size: 4.35vw;font-weight: 500;}

#contents01 {margin: 0 8.1vw 17vw;position: relative;}
#contents01 .inner-Box1 {margin: 0 auto 17.19vw;position: relative;}
#contents01 .inner-Box1 figure.photo {position: relative;top: 0;right: 0;margin-bottom: 5.1vw;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 h2 {font-size: 5.56vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.36vw;margin-bottom: 2.73vw;position: relative;}
#contents01 .inner-Box1 p.text {font-size: 3.62vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 1.31vw;position: relative;}
#contents01 h3 {font-size: 6.52vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 4.66vw;position: relative;text-align: center;}
#contents01 .inner-Box2 {margin: 0 auto 12.68vw;position: relative;padding: 0 0 0 0vw;}
#contents01 .inner-Box2 h4 {font-size: 5.31vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.27vw;margin-bottom: 4.21vw;position: relative;}
#contents01 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 3vw;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 p.text {font-size: 3.62vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 2.76vw;position: relative;}
#contents01 .inner-Box3 {margin: 0 auto 12.57vw;position: relative;padding: 0 0 0 0vw;}
#contents01 .inner-Box3 h4 {font-size: 5.31vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.34vw;margin-bottom: 4.21vw;position: relative;}
#contents01 .inner-Box3 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 2vw;}
#contents01 .inner-Box3 figure.photo img{  }
#contents01 .inner-Box3 p.text {font-size: 3.62vw;line-height: 1.78;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 2.83vw;position: relative;}
#contents01 ul.list {
    margin: 0 -4.4vw;
}
#contents01 ul li {margin-bottom: 4.5vw;}
#contents01 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents01 ul li figure {  }
#contents01 ul li a {  }
#contents01 ul li a:hover {  }

#contents01 .morebtn{margin: 6vw -4vw 0 -4vw;}
#contents01 .morebtn a{padding: 3.3vw 0vw 0 8vw;height: 13.7vw;text-align: left;font-size: 3.62vw;}
#contents01 .morebtn a .arr{top: 2vw;right: 5.5vw;width: 4.2vw;}

#contents02 {margin: 0 auto 17.01vw;position: relative;background: url('../images/concept/sp-contents02-back01.png')no-repeat top center;padding: 50.3vw 0 0;text-align: center;background-size: 100% auto;}
#contents02 .inner-Box {margin: 0 4vw;position: relative;background: #F2F2F2;height: 80.15vw;padding: 9.72vw 0 3vw;}
#contents02 .inner-Box h2 {font-size: 4.83vw;line-height: 1.58;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 2.28vw;position: relative;}
#contents02 .inner-Box p.text {font-size: 3.62vw;line-height: 1.78;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;margin: 0 9.71vw;text-align: left;}


}