@charset "UTF-8"; @media screen and (min-width: 768px),print { #contentsmain {margin: 0 auto 85px;position: relative;} #contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;padding: 10px 0 0;} #contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 17px;} #contentsmain .inner-Box figure.img img{ } #contentsmain .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contents01 {margin: 0 auto;position: relative;background: url('../images/gooddesign2022/contents01-back01.png')no-repeat top center;padding: 119px 0 80px;} #contents01 .inner-Box1 {margin: 0 auto 60px;position: relative;width: 1200px;} #contents01 .inner-Box1 .inBox {margin: 0 auto 0 0;position: relative;width: 737px;background: #fff;height: 574px;box-shadow: 0px 30px 60px #22222214;padding: 70px 64px 64px 89px;} #contents01 .inner-Box1 .inBox h2.f-min {font-size: 28px;line-height: 1.73;font-weight: 400;letter-spacing: 3.08px;margin-bottom: 24px;position: relative;} #contents01 .inner-Box1 .inBox figure.photo {position: absolute;top: 80px;right: -557px;} #contents01 .inner-Box1 .inBox figure.photo img{ } #contents01 .inner-Box1 .inBox h3 {font-size: 16px;line-height: 2.03;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 28px;position: relative;} #contents01 .inner-Box1 .inBox p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 550px;} #contents01 .inner-Box2 {margin: 0 auto 80px;position: relative;width: 1200px;} #contents01 .inner-Box2 .inBox {margin: 0 auto 0 0;position: relative;width: 737px;background: #fff;height: 528px;box-shadow: 0px 30px 60px #22222214;padding: 70px 64px 64px 89px;} #contents01 .inner-Box2 .inBox h2.f-min {font-size: 28px;line-height: 1.73;font-weight: 400;letter-spacing: 3.08px;margin-bottom: 24px;position: relative;} #contents01 .inner-Box2 .inBox figure.photo {position: absolute;top: 57px;right: -557px;} #contents01 .inner-Box2 .inBox figure.photo img{ } #contents01 .inner-Box2 .inBox h3 {font-size: 16px;line-height: 2.03;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 28px;position: relative;} #contents01 .inner-Box2 .inBox p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 550px;} #contents01 p.btn {text-align: center;} #contents01 p.btn img { } #contents02 {margin: 0 auto;position: relative;background: url(../images/common/common-back.jpg);padding: 140px 0 100px;} #contents02 .inner-Box {margin: 0 auto;position: relative;width: 1280px;background: #fff;box-shadow: 0px 0px 30px #00000029;padding: 83px 90px 68px 90px;} #contents02 .inBox1 {margin: 0 auto 110px;position: relative;} #contents02 .inBox1 h2 {text-align: center;margin-bottom: -7px;} #contents02 .inBox1 h2 span{ } #contents02 .inBox1 h2 img { } #contents02 .inBox1 figure.photo01 {position: relative;top: 0;left: 0;margin-bottom: 42px;} #contents02 .inBox1 figure.photo01 img{ } #contents02 .inBox1 h3.f-min {font-size: 30px;line-height: 2.03;font-weight: 400;letter-spacing: 3.3px;margin-bottom: 10px;position: relative;text-align: center;} #contents02 .inBox1 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin: 0 auto 30px;position: relative;width: 800px;} #contents02 .inBox1 figure.photo02 {position: relative;top: 0;left: 0;text-align: center;padding-top: 18px;} #contents02 .inBox1 figure.photo02 img{ } #contents02 .inBox2 { margin: 0 auto; position: relative; } #contents02 .inBox2 h4.f-min {font-size: 30px;line-height: 2.03;font-weight: 400;letter-spacing: 3.3px;margin-bottom: 26px;position: relative;text-align: center;} #contents02 .inBox2 figure.photo03 {position: relative;top: 0;left: 0;text-align: center;margin-bottom: 32px;} #contents02 .inBox2 figure.photo03 img{ } #contents02 .inBox2 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin: 0 auto 30px;position: relative;width: 800px;} #contents03 {margin: 0 auto 61px;position: relative;width: 1100px;padding: 92px 0 0;} #contents03 .inner-Box { margin: 0 auto; position: relative; } #contents03 .inner-Box h2.f-en {font-size: 43px;line-height: 2.03;font-weight: 400;letter-spacing: 3.3px;margin-bottom: 0px;position: relative;text-align: center;color: #3F7340;} #contents03 .inner-Box h3.f-min {font-size: 30px;line-height: 2.03;font-weight: 400;letter-spacing: 3.3px;margin-bottom: 12px;position: relative;text-align: center;} #contents03 .inner-Box 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;} #contents03 .inner-Box ul li {position: relative;width: 320px;margin-right: 70px;} #contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0px; } #contents03 .inner-Box h4.f-min {font-size: 24px;line-height: 1.73;font-weight: 400;letter-spacing: 3.3px;margin-bottom: 12px;position: relative;text-align: center;} #contents03 .inner-Box h4.f-min span {display: block;font-size: 35px;color: #3F7340;margin-bottom: -13px;} #contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 12px;} #contents03 .inner-Box figure.photo img{ } #contents03 .inner-Box p.ltext { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contentsbottom {margin: 0 auto 100px;position: relative;} #contentsbottom h2.f-min {font-size: 30px;line-height: 2.03;font-weight: 400;letter-spacing: 3.3px;margin-bottom: 25px;position: relative;text-align: center;} #contentsbottom figure.photo {position: relative;top: 0;left: 0;margin: 0 0 52px;} #contentsbottom figure.photo img{width: 100%;height: auto;} #contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 780px;} #contentsbottom .inner-Box h3.f-min {font-size: 24px;line-height: 2.03;font-weight: 400;letter-spacing: 2.64px;margin-bottom: 24px;position: relative;text-align: center;} #contentsbottom .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contentsbottom .inner-Box 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;padding: 97px 0 0 30px;} #contentsbottom .inner-Box ul li {margin-right: 41px;} #contentsbottom .inner-Box ul li:nth-child(2n) { margin-right: 0px; } #contentsbottom .inner-Box ul li figure { } #contentsbottom .inner-Box ul li a { } #contentsbottom .inner-Box ul li a:hover { } } @media screen and (max-width: 767px) { #contentsmain {margin: 0 auto 10.47vw;position: relative;} #contentsmain .inner-Box {position: relative;text-align: center;padding: 14.67vw 0 0;} #contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 8.23vw;} #contentsmain .inner-Box figure.img img{ } #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin: 0 9.5vw 7vw 7.5vw;text-align: left;position: relative;} #contents01 {position: relative;background: url('../images/gooddesign2022/sp-contents01-back01.png')no-repeat top center;padding: 52.43vw 0 11.93vw;background-size: 100% auto;} #contents01 .inner-Box1 {margin: 0 auto 9.7vw;position: relative;} #contents01 .inner-Box1 .inBox {margin: 0 3vw 0;position: relative;background: #fff;box-shadow: 0.0vw 8.0vw 16.0vw #22222214;padding: 13.37vw 4.77vw 3.07vw;} #contents01 .inner-Box1 .inBox h2.f-min {font-size: 5.80vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.64vw;margin: 0 0.9vw 5.4vw 3.9vw;position: relative;} #contents01 .inner-Box1 .inBox figure.photo {position: relative;right: 0vw;margin-bottom: 8vw;} #contents01 .inner-Box1 .inBox figure.photo img{ } #contents01 .inner-Box1 .inBox h3 {font-size: 3.86vw;line-height: 2.03;font-weight: 700;letter-spacing: 0.21vw;margin: 0 0 1.5vw 1.47vw;position: relative;} #contents01 .inner-Box1 .inBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 8.0vw;position: relative;} #contents01 .inner-Box2 {margin: 0 auto 11.9vw;position: relative;} #contents01 .inner-Box2 .inBox {margin: 0 3vw 0;position: relative;background: #fff;box-shadow: 0.0vw 8.0vw 16.0vw #22222214;padding: 13.37vw 4.77vw 3.07vw;} #contents01 .inner-Box2 .inBox h2.f-min {font-size: 5.80vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.64vw;margin: 0 0.9vw 5.4vw 0vw;position: relative;text-align: center;} #contents01 .inner-Box2 .inBox figure.photo {position: relative;right: 0vw;margin-bottom: 8vw;} #contents01 .inner-Box2 .inBox figure.photo img{ } #contents01 .inner-Box2 .inBox h3 {font-size: 3.86vw;line-height: 2.03;font-weight: 700;letter-spacing: 0.21vw;margin: 0 0 1.5vw 1.47vw;position: relative;} #contents01 .inner-Box2 .inBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 8.0vw;position: relative;} #contents01 p.btn {text-align: center;margin: 0 7.2vw;} #contents01 p.btn img { } #contents02 {position: relative;background: url(../images/common/common-back.jpg);padding: 5.53vw 0 15.67vw;background-size: 100% auto;} #contents02 .inner-Box {position: relative;background: #fff;box-shadow: 0.0vw 0.0vw 8.0vw #00000029;padding: 13.63vw 0vw 18.13vw;} #contents02 .inBox1 {margin: 0 auto 29.33vw;position: relative;} #contents02 .inBox1 h2 {text-align: center;margin: 0 20.9vw 9.8vw;} #contents02 .inBox1 h2 span{ } #contents02 .inBox1 h2 img { } #contents02 .inBox1 figure.photo01 {position: relative;top: 0;left: 0;margin-bottom: 11.2vw;} #contents02 .inBox1 figure.photo01 img{ } #contents02 .inBox1 h3.f-min {font-size: 6.3vw;line-height: 2.03;font-weight: 400;letter-spacing: 0.88vw;margin-bottom: 2.67vw;position: relative;text-align: center;} #contents02 .inBox1 p.text {font-size: 3.87vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin: 0 5vw 8.0vw;position: relative;} #contents02 .inBox1 figure.photo02 {position: relative;top: 0;left: 0;text-align: center;margin: 0 11.2vw;} #contents02 .inBox1 figure.photo02 img{ } #contents02 .inBox2 {position: relative;} #contents02 .inBox2 h4.f-min {font-size: 5.80vw;line-height: 1.63;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 2.93vw;position: relative;text-align: center;} #contents02 .inBox2 figure.photo03 {position: relative;top: 0;left: 0;text-align: center;margin-bottom: 8.53vw;} #contents02 .inBox2 figure.photo03 img{ } #contents02 .inBox2 p.text {position: relative;font-size: 3.87vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin: 0 5vw 8.0vw;} #contents03 {margin: 0 auto -0.23vw;position: relative;padding: 12.53vw 0 0;} #contents03 .inner-Box { margin: 0 4vw; position: relative; } #contents03 .inner-Box h2.f-en {font-size: 10.39vw;line-height: 2.03;font-weight: 400;letter-spacing: 0.52vw;margin-bottom: -2.6vw;position: relative;text-align: center;color: #3F7340;} #contents03 .inner-Box h3.f-min {font-size: 5.80vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.64vw;margin-bottom: 6.8vw;position: relative;text-align: center;} #contents03 .inner-Box 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;margin: 0 7.4vw;} #contents03 .inner-Box ul li {position: relative;} #contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; } #contents03 .inner-Box h4.f-min {font-size: 5.80vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.58vw;margin-bottom: 3.2vw;position: relative;text-align: left;padding-left: 12vw;} #contents03 .inner-Box h4.f-min span {display: block;font-size: 7.73vw;color: #3F7340;margin-bottom: 0vw;position: absolute;left: 0;top: -1vw;} #contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 3.2vw;} #contents03 .inner-Box figure.photo img{ } #contents03 .inner-Box p.ltext {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 15vw;position: relative;} #contentsbottom {margin: 0 auto 6vw;position: relative;} #contentsbottom h2.f-min {font-size: 5.80vw;line-height: 2.03;font-weight: 400;letter-spacing: 0.64vw;margin-bottom: 4.67vw;position: relative;text-align: center;} #contentsbottom figure.photo {position: relative;top: 0;left: 0;margin: 0 0 8.87vw;} #contentsbottom figure.photo img{width: 100%;height: auto;} #contentsbottom .inner-Box {margin: 0 4vw;position: relative;} #contentsbottom .inner-Box h3.f-min {font-size: 5.8vw;line-height: 1.53;font-weight: 400;letter-spacing: 0.7vw;margin-bottom: 6.4vw;position: relative;text-align: center;} #contentsbottom .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 5vw;position: relative;} #contentsbottom .inner-Box 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;margin: 17vw 5vw 0 5vw;} #contentsbottom .inner-Box ul li {margin-bottom: 10.93vw;} #contentsbottom .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; } #contentsbottom .inner-Box ul li figure { } #contentsbottom .inner-Box ul li a { } #contentsbottom .inner-Box ul li a:hover { } }