@charset "UTF-8";
@media screen and (min-width:641px),
screen and (orientation: landscape){
#main-title { background: url(../images/case/h2.jpg) no-repeat top center; }

/*　一覧
-----------------------------------------------------------*/
.list-Box li { padding: 20px 20px 64px 20px; background-color: #f3f2e6; text-align: center; width: 385px; margin-right: 30px; margin-bottom: 30px; position: relative; }
.list-Box li:nth-child(2n) { margin-right: 0; }
.list-Box li .pic { width: 347px; height: 276px; margin-bottom: 16px; }
.list-Box li .pic img{ width: 347px; height: 276px;}
.list-Box li .pic:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
.list-Box li .ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #0a090a; margin-bottom: 5px; }
.list-Box li .ttl .en { display: block; margin-bottom: 8px; text-align: center; }
.list-Box li .ttl .num { font-size: 50px; font-weight: 600; }
.list-Box .icon-01 { background-color: #638c0b; width: 140px; padding-top: 9px; padding-bottom: 7px; margin-bottom: 14px; margin-left: auto; margin-right: auto; color: #fff; letter-spacing: 1px; }
.list-Box .icon-02 { background-color: #de7300; width: 140px; padding-top: 9px; padding-bottom: 7px; margin-bottom: 14px; margin-left: auto; margin-right: auto; color: #fff; letter-spacing: 1px; }
.list-Box .customer { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #0a090a; line-height: 1.8; font-size: 18px; font-weight: 500; margin-bottom: 10px; }
.list-Box .customer .area { text-align: left; margin-left: auto; }
.list-Box .customer .name { min-width: 3em; margin-right: auto; text-align: right; }
.list-Box .abs-customer { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #0a090a; line-height: 1.8; font-size: 18px; font-weight: 500; margin-bottom: 10px; }
.list-Box .abs-customer .abs-area { text-align: left; margin-left: auto; }
.list-Box .abs-customer .abs-name { min-width: 3em; padding-left: 1em; margin-right: auto; text-align: left; }
.list-Box .abs-customer .over-txt { border-bottom: 1px dotted #000; margin-bottom: 5px; padding-bottom: 5px; }
.list-Box .ttl-02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 18px; line-height: 1.6; text-align: left; }
.list-Box .btn-more { position: absolute; bottom: 22px; text-align: center; left: 0; right: 0; }

/*　詳細
-----------------------------------------------------------*/
.dl-Box { padding: 10px; background-color: #f3f2e6; }
.dl-Box .ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #0a090a; margin-bottom: 5px; }
.dl-Box .ttl .en { display: block; margin-bottom: 8px; text-align: center; }
.dl-Box .ttl .num { font-size: 50px; font-weight: 600; }
.dl-Box .icon-01 { text-align: center; background-color: #638c0b; width: 140px; margin-left: auto; margin-right: auto; padding-top: 9px; padding-bottom: 7px; margin-bottom: 14px; color: #fff; letter-spacing: 1px; }
.dl-Box .icon-02 { text-align: center; margin-left: auto; margin-right: auto; background-color: #de7300; width: 140px; padding-top: 9px; padding-bottom: 7px; margin-bottom: 14px; color: #fff; letter-spacing: 1px; }
.dl-Box .abs-customer-dl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #0a090a; line-height: 1.8; font-size: 20px; font-weight: 500; margin-bottom: 10px; }
.dl-Box .abs-customer-dl .abs-area-dl { text-align: left; margin-left: auto; }
.dl-Box .abs-customer-dl .abs-name-dl { min-width: 3em; padding-left: 1em; margin-right: auto; text-align: left; }
.dl-Box .abs-customer-dl .over-txt { border-bottom: 1px dotted #000; margin-bottom: 5px; padding-bottom: 5px; }
.dl-Box .ttl-02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 24px; line-height: 1.6; text-align: left; }
.dl-Box .ttl-02 .ce-txt { margin-left: auto; margin-right: auto; margin-bottom: 24px; }
.dl-Box .gallery-Box { margin-top: 60px; }
.dl-Box .gallery-Box .ttl { text-align: center; margin-bottom: 24px; }
.dl-Box .gallery-Box .gallery__list li { width: 160px; margin-right: 20px; margin-bottom: 20px; }
.dl-Box .gallery-Box .gallery__list li:nth-child(4n) { margin-right: 0; }
.dl-Box .gallery-Box .pic { width: 160px; height: 120px; }
.dl-Box .gallery-Box .pic img{ width: 160px; height: 120px; }
.dl-Box .gallery-Box .pic:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }

.dl-Box .white-Box { background-color: #fff; padding: 30px 30px 48px 30px; }

.dl-Box .wysiwyg { font-size: 16px; line-height: 1.9; letter-spacing: .5px; }

}
@media screen and (orientation: portrait) {
@media screen and (max-width:640px) {
#main-title { background: url(../images/case/h2.jpg) no-repeat top center; }

/*　一覧
-----------------------------------------------------------*/
.list-Box li { padding: 20px 20px 64px 20px; background-color: #f3f2e6; text-align: center; margin-bottom: 30px; position: relative; margin-left: auto; margin-right: auto; width: 94%; }
.list-Box li .pic { width: 100%; height: 276px; margin-bottom: 16px; margin-left: auto; margin-right: auto; }
.list-Box li .pic img{ width: 1005; height: 276px;}
.list-Box li .pic:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
.list-Box li .ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #0a090a; margin-bottom: 5px; }
.list-Box li .ttl .en { display: block; margin-bottom: 8px; text-align: center; }
.list-Box li .ttl .num { font-size: 50px; font-weight: 600; }
.list-Box .icon-01 { background-color: #638c0b; width: 140px; padding-top: 9px; padding-bottom: 7px; margin-bottom: 14px; margin-left: auto; margin-right: auto; color: #fff; letter-spacing: 1px; }
.list-Box .icon-02 { background-color: #de7300; width: 140px; padding-top: 9px; padding-bottom: 7px; margin-bottom: 14px; margin-left: auto; margin-right: auto; color: #fff; letter-spacing: 1px; }
.list-Box .customer { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #0a090a; line-height: 1.8; font-size: 18px; font-weight: 500; margin-bottom: 10px; }
.list-Box .customer .area { text-align: center; margin-left: auto; }
.list-Box .customer .name { min-width: 3em; margin-right: auto; text-align: right; }
.list-Box .abs-customer { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #0a090a; line-height: 1.8; font-size: 18px; font-weight: 500; margin-bottom: 10px; }
.list-Box .abs-customer .abs-area { text-align: center; margin-left: auto; }
.list-Box .abs-customer .abs-name { min-width: 3em; padding-left: 1em; margin-right: auto; text-align: left; }
.list-Box .abs-customer .over-txt { border-bottom: 1px dotted #000; margin-bottom: 5px; padding-bottom: 5px; }
.list-Box .ttl-02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 18px; line-height: 1.6; text-align: left; }
.list-Box .btn-more { position: absolute; bottom: 22px; text-align: center; left: 0; right: 0; }

/*　詳細
-----------------------------------------------------------*/
.dl-Box { padding: 10px; background-color: #f3f2e6; }
.dl-Box .ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #0a090a; margin-bottom: 5px; }
.dl-Box .ttl .en { display: block; margin-bottom: 8px; text-align: center; }
.dl-Box .ttl .num { font-size: 50px; font-weight: 600; }
.dl-Box .icon-01 { text-align: center; background-color: #638c0b; width: 140px; margin-left: auto; margin-right: auto; padding-top: 9px; padding-bottom: 7px; margin-bottom: 14px; color: #fff; letter-spacing: 1px; }
.dl-Box .icon-02 { text-align: center; margin-left: auto; margin-right: auto; background-color: #de7300; width: 140px; padding-top: 9px; padding-bottom: 7px; margin-bottom: 14px; color: #fff; letter-spacing: 1px; }
.dl-Box .abs-customer-dl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #0a090a; line-height: 1.8; font-size: 20px; font-weight: 500; margin-bottom: 10px; }
.dl-Box .abs-customer-dl .abs-area-dl { text-align: left; margin-left: auto; }
.dl-Box .abs-customer-dl .abs-name-dl { min-width: 3em; padding-left: 1em; margin-right: auto; text-align: left; }
.dl-Box .abs-customer-dl .over-txt { border-bottom: 1px dotted #000; margin-bottom: 5px; padding-bottom: 5px; }
.dl-Box .ttl-02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 24px; line-height: 1.6; text-align: left; }
.dl-Box .ttl-02 .ce-txt { margin-left: auto; margin-right: auto; margin-bottom: 24px; }
.dl-Box .gallery-Box { margin-top: 60px; }
.dl-Box .gallery-Box .ttl { text-align: center; margin-bottom: 24px; }
.dl-Box .gallery-Box .gallery__list li { width: 49%; margin-right: 2%; margin-bottom: 20px; }
.dl-Box .gallery-Box .gallery__list li:nth-child(2n) { margin-right: 0; }
.dl-Box .gallery-Box .pic { width: 100%; height: 120px; }
.dl-Box .gallery-Box .pic img{ width: 100%; height: 120px; }
.dl-Box .gallery-Box .pic:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }

.dl-Box .white-Box { background-color: #fff; padding: 1.5em 1.5em 2em; }

.dl-Box .wysiwyg { font-size: 16px; line-height: 1.9; letter-spacing: .5px; }

}
}