@charset "UTF-8";
 [data-slidephotofade] {
overflow: hidden;
transition: opacity 1s;
opacity: 0;
}
[data-slidephotofade][data-slidephotofade-ok] {
opacity: 1;
}
[data-slidephotofade] .slidephotofade_wrap {
height: 100%;
position: relative;
}
[data-slidephotofade] .slidephotofade_link {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0 !important;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
transition: opacity 1s;
}
[data-slidephotofade] .slidephotofade_link.active {
opacity: 1 !important;
}
[data-slidephotofade] .slidephotofade_link.disableTrs {
transition: none !important;
}
[data-slidephotofade] .slidephotofade_pager {
padding: 0.1rem 0.2rem;
text-align: center;
position: absolute;
bottom: 0;
z-index: 20;
}
@media print, screen and (min-width: 461px) {
[data-slidephotofade] .slidephotofade_pager {
right: 0;
}
}
@media screen and (max-width: 460px) {
[data-slidephotofade] .slidephotofade_pager {
padding: 0.12rem;
left: 0;
}
}
[data-slidephotofade] .slidephotofade_pager button {
width: 40px;
height: 40px;
position: relative;
display: inline-block;
vertical-align: top;
}
@media screen and (max-width: 460px) {
[data-slidephotofade] .slidephotofade_pager button {
width: 0.3rem;
height: 0.8rem;
}
}
[data-slidephotofade] .slidephotofade_pager button:after, [data-slidephotofade] .slidephotofade_pager button:before {
content: "";
display: block;
width: 10px;
height: 10px;
background-color: #FFF;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
border-radius: 50%;
}
@media screen and (max-width: 460px) {
[data-slidephotofade] .slidephotofade_pager button:after, [data-slidephotofade] .slidephotofade_pager button:before {
width: 0.08rem;
height: 0.08rem;
}
}
[data-slidephotofade] .slidephotofade_pager button:after {
transition: 0.2s;
}
.no-touchevents [data-slidephotofade] .slidephotofade_pager button:hover:after, [data-slidephotofade] .slidephotofade_pager button.active:after {
background-color: #0086CD;
}
[data-slidephotofade] .slidephotofade_pager button.active {
cursor: default;
pointer-events: none;
}
[data-slidephotofade] .slidephotofade_imgpager {
margin-top: 10px;
text-align: center;
}
[data-slidephotofade] .slidephotofade_imgpager_btn {
width: 90px;
height: 100px;
position: relative;
display: inline-block;
vertical-align: top;
cursor: pointer;
transition: opacity 0.2s;
}
@media screen and (max-width: 460px) {
[data-slidephotofade] .slidephotofade_imgpager_btn {
width: 30px;
height: 30px;
}
}
[data-slidephotofade] .slidephotofade_imgpager_btn:after {
content: "";
position: absolute;
display: block;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
border: 2px solid #FFF;
box-sizing: border-box;
opacity: 0;
transition: 0.2s;
}
[data-slidephotofade] .slidephotofade_imgpager_btn + .photogallery01_btn {
margin-left: 10px;
}
@media screen and (max-width: 460px) {
[data-slidephotofade] .slidephotofade_imgpager_btn + .photogallery01_btn {
margin-left: 0;
}
}
.no-touchevents [data-slidephotofade] .slidephotofade_imgpager_btn:hover {
opacity: 0.6;
}
[data-slidephotofade] .slidephotofade_imgpager_btn.active {
cursor: default;
pointer-events: none;
}
[data-slidephotofade] .slidephotofade_imgpager_btn.active:after {
opacity: 1;
}
[data-slidephotofade] .slidephotofade_count {
text-align: center;
font-size: 0.16rem;
}
[data-slidephotofade] .slidephotofade_count_now {
display: inline-block;
}
[data-slidephotofade] .slidephotofade_count_total {
display: inline-block;
}
.mvArea {
box-sizing: border-box;
color: #fff;
height: 7.3rem;
padding-top: 3.97rem;
position: relative;
}
.mvArea.mv_title_View .title,
.mvArea.mv_title_View .award {
opacity: 1;
}
@media screen and (max-width: 460px) {
.mvArea {
height: 2.8rem;
padding-top: 1.3rem;
}
}
.mvArea .title {
font-size: 0.6rem;
letter-spacing: 0.1em;
line-height: 1.333;
margin: 0;
padding: 0;
position: relative;
z-index: 10;
opacity: 0;
transition: opacity 1s;
}
@media screen and (max-width: 460px) {
.mvArea .title {
font-size: 0.21rem;
line-height: 1.428;
letter-spacing: -0.004rem;
}
}
@media screen and (max-width: 350px) {
.mvArea .title {
font-size: 0.18rem;
}
}
.mvArea .award {
margin-top: 0.5rem;
text-align: right;
position: relative;
z-index: 10;
opacity: 0;
transition: opacity 1s;
}
@media screen and (max-width: 460px) {
.mvArea .award {
margin-top: 0.22rem;
text-align: center;
}
}
@media screen and (max-width: 1366px) {
.mvArea .award img {
height: 2.1rem;
width: auto;
}
}
@media screen and (max-width: 460px) {
.mvArea .award img {
height: auto;
width: 100%;
}
}
.mvArea [data-slidephotofade] {
width: 100%;
height: calc(100% - 1.19rem);
position: absolute;
top: 1.19rem;
left: 0;
}
@media screen and (max-width: 460px) {
.mvArea [data-slidephotofade] {
height: 100%;
top: 0;
}
}
.award {
position: relative; z-index: 3;
}
@media screen and (max-width: 460px) {
.award {
margin-block: 0.2rem 0.3rem;
}
}
.award .award_wrap {
display: flex;
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
padding-inline: 0.2rem;
box-sizing: border-box;
}
@media screen and (max-width: 460px) {
.award .award_wrap {
display: block;
}
}
.award .award_wrap-inner {
width: 100%;
display: flex;
}
.award .award_wrap .award_list {
display: flex;
flex-wrap: wrap;
}
.award .award_wrap .award_batch {
display: block;
}
.award .award_wrap .award_batch img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.award .award_wrap .award_batch._01 {
max-width: 1.63rem;
aspect-ratio: 163/230;
}
.award .award_wrap .award_batch._02 {
max-width: 1.63rem;
aspect-ratio: 163/230;
}
.award .award_wrap .award_batch._03 {
max-width: 1.64rem;
aspect-ratio: 164/230;
}
.award .award_wrap .award_batch._04 {
max-width: 1.7rem;
aspect-ratio: 170/230;
}
.award .award_wrap .award_batch._05 {
max-width: 1.64rem;
aspect-ratio: 164/230;
}
.award .award_wrap .award_batch._06 {
max-width: 1.59rem;
aspect-ratio: 159/230;
}
.award .award_wrap .award_batch._07 {
max-width: 1.6rem;
aspect-ratio: 160/230;
}
.award .award_wrap .award_batch._08 {
max-width: 1.65rem;
aspect-ratio: 165/230;
}
.award .award_wrap .award_batch._09 {
max-width: 1.65rem;
aspect-ratio: 165/230;
}
.award .award_wrap .award_batch._10 {
max-width: 1.65rem;
aspect-ratio: 165/230;
}
@media screen and (max-width: 460px) {
.award .award_wrap + .award_list {
margin-top: 0.05rem;
}
}
.ph {
width: 100%;
aspect-ratio: 390/200;
overflow: hidden;
}
.ph img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.infoArea {
z-index: 2;
}
@media screen and (max-width: 460px) {
.infoArea {
margin-top: -0.25rem;
}
}
.infoArea .mod_w1040 {
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
z-index: 10;
position: relative;
}
@media print, screen and (min-width: 461px) {
.infoArea .mod_w1040 {
background: #fff;
display: flex;
}
}
.infoArea .mod_w1040 .head {
background: #2cb3b3;
color: #fff;
line-height: 1;
letter-spacing: 0.05em;
text-align: center;
vertical-align: top;
width: 2.6rem;
position: relative;
}
@media screen and (max-width: 460px) {
.infoArea .mod_w1040 .head {
box-sizing: border-box;
display: flex;
justify-content: space-between;
padding: 0.1rem 0.1rem 0.1rem 0.2rem;
text-align: left;
width: 100%;
}
}
@media screen and (max-width: 350px) {
.infoArea .mod_w1040 .head {
text-align: center;
}
}
@media screen and (max-width: 460px) {
.infoArea .mod_w1040 .head .desc {
display: inline-block;
}
}
.infoArea .mod_w1040 .head .desc .txt {
font-family: futura-pt-condensed, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, verdana, "メイリオ", "Meiryo", "Osaka", sans-serif-serif;
font-weight: 700;
font-size: 0.32rem;
margin-top: 1.28rem;
text-transform: uppercase;
}
@media screen and (max-width: 460px) {
.infoArea .mod_w1040 .head .desc .txt {
font-size: 0.2rem;
margin-top: 0;
letter-spacing: 0.05em;
}
}
.infoArea .mod_w1040 .head .desc .title {
font-size: 0.16rem;
margin-top: 0.1rem;
padding: 0;
font-weight: bold;
}
@media screen and (max-width: 460px) {
.infoArea .mod_w1040 .head .desc .title {
font-size: 0.12rem;
letter-spacing: 0;
margin-top: 0.05rem;
}
}
@media screen and (max-width: 350px) {
.infoArea .mod_w1040 .head .desc .title {
font-size: 0.1rem;
}
}
.infoArea .mod_w1040 .head .btn {
background: #178888;
font-size: 0.13rem;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 0.45rem;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
@media screen and (max-width: 460px) {
.infoArea .mod_w1040 .head .btn {
font-size: 0.12rem;
display: inline-block;
letter-spacing: 0;
margin: 0;
vertical-align: top;
text-align: center;
width: 1.6rem;
position: relative;
}
}
@media screen and (max-width: 350px) {
.infoArea .mod_w1040 .head .btn {
margin: 0 0 0.05rem;
font-size: 0.1rem;
line-height: 0.3rem;
margin-left: 0;
width: 1.3rem;
}
}
@media screen and (max-width: 350px) {
.infoArea .mod_w1040 .head .btn a {
letter-spacing: -1px;
}
}
.infoArea .mod_w1040 .list {
box-sizing: border-box;
padding: 0.365rem 0.5rem;
width: calc(100% - 2.6rem);
}
@media screen and (max-width: 460px) {
.infoArea .mod_w1040 .list {
background: #fff;
padding: 0.05rem 0.15rem;
width: 100%;
}
}
.infoArea .mod_w1040 .list .item {
border-bottom: 1px solid #f3f3f3;
font-size: 0.17rem;
letter-spacing: 0.1em;
line-height: 1;
padding: 0.13rem 0;
}
@media screen and (max-width: 460px) {
.infoArea .mod_w1040 .list .item {
font-size: 0.13rem;
padding: 0.17rem 0 0.1rem;
}
}
.infoArea .mod_w1040 .list .item:last-child {
border-bottom: none;
}
.infoArea .mod_w1040 .list .item a {
display: block;
}
.infoArea .mod_w1040 .list .item .date {
display: inline-block;
}
.infoArea .mod_w1040 .list .item .notice {
background: #c0c0c0;
color: #fff;
display: inline-block;
font-size: 0.13rem;
height: 0.22rem;
line-height: 0.22rem;
margin: 0 0.15rem;
text-align: center;
width: 0.8rem;
position: relative;
top: -0.02rem;
}
@media screen and (max-width: 1024px) {
.infoArea .mod_w1040 .list .item .notice {
margin: 0 0.03rem;
}
}
@media screen and (max-width: 460px) {
.infoArea .mod_w1040 .list .item .notice {
font-size: 0.1rem;
height: 0.2rem;
letter-spacing: 0;
margin: 0 0.06rem;
width: 0.55rem;
position: static;
top: 0;
}
}
.infoArea .mod_w1040 .list .item .notice.event {
background: #2bb3b3;
}
.infoArea .mod_w1040 .list .item .cap {
color: #666;
display: block;
margin-top: 0.07rem;
}
@media screen and (max-width: 460px) {
.infoArea .mod_w1040 .list .item .cap {
line-height: 1.769;
letter-spacing: 0;
margin-top: 0.07rem;
}
}
.productArea {
padding: 1.39rem 0 0.5rem;
}
@media screen and (max-width: 460px) {
.productArea {
padding: 0.9rem 0 0.5rem;
}
}
.productArea .mod_w1210 {
position: relative;
width: 12.44rem;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 {
width: 100%;
}
}
.productArea .mod_w1210 .img {
position: absolute;
right: -1.4rem;
top: -2rem;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .img {
right: 0;
top: -1.21rem;
}
}
@media screen and (max-width: 1366px) {
.productArea .mod_w1210 .img img {
height: 4.8rem;
width: auto;
}
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .img img {
height: 2.4rem;
width: auto;
}
}
.productArea .mod_w1210 .list {
margin-top: 0.63rem;
position: relative;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list {
margin-top: 0.3rem;
}
}
.productArea .mod_w1210 .list:after {
content: "";
background: #fff;
height: 100%;
right: -0.2rem;
position: absolute;
top: -0.35rem;
width: 100%;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list:after {
height: 0.58rem;
top: -0.16rem;
right: 0;
width: 1.25rem;
}
}
.productArea .mod_w1210 .list .slick-list {
z-index: 2;
}
@media print, screen and (min-width: 461px) {
.productArea .mod_w1210 .list .slick-next {
right: -0.5rem;
}
}
@media print, screen and (min-width: 461px) {
.productArea .mod_w1210 .list .slick-slide {
width: 4.14rem !important;
padding: 0 0.17rem;
text-align: center;
box-sizing: border-box;
}
}
.productArea .mod_w1210 .list .item {
display: inline-block;
z-index: 2;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list .item {
box-sizing: border-box;
padding: 0 0.15rem;
}
}
.productArea .mod_w1210 .list .item .ph img {
height: 2.62rem;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list .item .ph img {
height: 2.08rem;
}
}
.productArea .mod_w1210 .list .item + .item {
margin-left: 0.315rem;
}
.productArea .mod_w1210 .list .item .content {
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
padding: 0.3rem 0.3rem 0.27rem;
text-align: left;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list .item .content {
padding: 0.17rem 0.15rem 0.2rem;
}
}
.productArea .mod_w1210 .list .item .content .sub {
color: #999;
font-size: 0.2rem;
font-weight: bold;
line-height: 1;
letter-spacing: 0.05em;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list .item .content .sub {
font-size: 0.12rem;
}
}
.productArea .mod_w1210 .list .item .content .sub:first-child {
margin-bottom: 0.1rem;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list .item .content .sub:first-child {
margin-bottom: 0.07rem;
}
}
.productArea .mod_w1210 .list .item .content .tit {
font-size: 0.3rem;
letter-spacing: 0.05em;
line-height: 1;
margin: 0.1rem 0 0.15rem;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list .item .content .tit {
font-size: 0.2rem;
margin: 0.07rem 0 0.15rem;
}
}
.productArea .mod_w1210 .list .item .content .txt {
color: #666;
font-size: 0.17rem;
letter-spacing: 0.05em;
line-height: 1.764;
text-align: left;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list .item .content .txt {
font-size: 0.13rem;
line-height: 1.538;
}
}
.productArea .mod_w1210 .list .item .in {
background: #f2f2f2;
border: 1px solid #f2f2f2;
padding: 0.15rem 0.3rem 0.22rem;
position: relative;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list .item .in {
padding: 0.15rem;
padding-top: 0;
text-align: right;
}
}
.productArea .mod_w1210 .list .item .in .off {
position: absolute;
right: -0.19rem;
top: -0.47rem;
z-index: 10;
width: 1.05rem;
height: 1.05rem;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list .item .in .off {
height: 0.78rem;
right: -0.1rem;
top: -0.33rem;
width: 0.78rem;
}
}
@media screen and (max-width: 350px) {
.productArea .mod_w1210 .list .item .in .off {
height: 0.68rem;
width: 0.68rem;
}
}
.productArea .mod_w1210 .list .item .in .off:after {
background: url(/img/off.png);
background-size: cover;
content: "";
height: 1.05rem;
position: absolute;
width: 1.05rem;
top: 0;
left: 0;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list .item .in .off:after {
height: 0.78rem;
width: 0.78rem;
}
}
@media screen and (max-width: 350px) {
.productArea .mod_w1210 .list .item .in .off:after {
height: 0.68rem;
width: 0.68rem;
}
}
.productArea .mod_w1210 .list .item .in .off span {
font-family: futura-pt-condensed, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, verdana, "メイリオ", "Meiryo", "Osaka", sans-serif-serif;
font-weight: 700;
font-size: 0.37rem;
line-height: 0.9;
letter-spacing: 0.01rem;
position: relative;
z-index: 30;
position: relative;
width: 1.05rem;
height: 1.05rem;
vertical-align: middle;
text-align: center;
display: table-cell;
font-style: italic;
color: #FFF;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list .item .in .off span {
height: 0.78rem;
width: 0.78rem;
font-size: 0.27rem;
line-height: 0.9;
letter-spacing: 0.02rem;
}
}
@media screen and (max-width: 350px) {
.productArea .mod_w1210 .list .item .in .off span {
height: 0.68rem;
width: 0.68rem;
}
}
.productArea .mod_w1210 .list .item .in .param {
display: inline-block;
font-size: 0.17rem;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 1.764;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list .item .in .param {
font-size: 0.15rem;
line-height: 1.6666;
}
}
@media screen and (max-width: 350px) {
.productArea .mod_w1210 .list .item .in .param {
font-size: 0.12rem;
}
}
.productArea .mod_w1210 .list .item .in .price {
font-family: futura-pt-condensed, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, verdana, "メイリオ", "Meiryo", "Osaka", sans-serif-serif;
font-weight: 700;
display: inline-block;
font-size: 0.17rem;
line-height: 1;
letter-spacing: 0.1em;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list .item .in .price {
font-size: 0.15rem;
margin-left: 0.05rem;
}
}
@media screen and (max-width: 350px) {
.productArea .mod_w1210 .list .item .in .price {
margin-left: -2px;
}
}
.productArea .mod_w1210 .list .item .in .price span {
color: #ee0327;
font-size: 0.7rem;
font-weight: normal;
font-style: italic;
letter-spacing: 0.05em;
margin-right: 0.1rem;
}
@media screen and (max-width: 460px) {
.productArea .mod_w1210 .list .item .in .price span {
font-size: 0.47rem;
margin-right: 0.15rem;
}
}
.productArea .flyer_notice {
margin-top: 0.5rem;
}
.productArea .flyer_notice .sub_tit {
font-size: 0.24rem;
margin: 0.3rem 0 0;
padding: 0;
line-height: 1;
font-weight: 700;
letter-spacing: 0.01rem;
text-align: center;
}
@media screen and (max-width: 460px) {
.productArea .flyer_notice .sub_tit {
font-size: 0.13rem;
margin: 0.07rem 0 0 0;
letter-spacing: 0;
}
}
.flyerArea {
padding-top: 0.1rem;
position: relative;
}
@media screen and (max-width: 460px) {
.flyerArea {
padding: 0 0 0.4rem 0;
}
}
.flyerArea .in {
display: inline-block;
letter-spacing: 0.05em;
line-height: 1;
padding-top: 0.56rem;
vertical-align: top;
}
@media screen and (max-width: 460px) {
.flyerArea .in {
padding-top: 0.35rem;
}
}
.flyerArea .in .sub {
font-family: aktiv-grotesk, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, verdana, "メイリオ", "Meiryo", "Osaka", sans-serif-serif;
font-weight: 700;
font-size: 0.4rem;
}
@media screen and (max-width: 460px) {
.flyerArea .in .sub {
font-size: 0.25rem;
line-height: 1.1;
}
}
@media screen and (max-width: 350px) {
.flyerArea .in .sub {
font-size: 0.22rem;
}
}
.flyerArea .in .title {
font-size: 0.24rem;
margin: 0.18rem 0 0.7rem;
padding: 0;
}
@media screen and (max-width: 460px) {
.flyerArea .in .title {
font-size: 0.12rem;
letter-spacing: 0;
margin: 0.07rem 0 0 0;
}
}
.flyerArea .paper_img {
display: inline-block;
margin-left: -0.8rem;
position: relative;
vertical-align: bottom;
z-index: 2;
}
@media screen and (max-width: 1024px) {
.flyerArea .paper_img {
margin-left: -0.4rem;
}
}
@media screen and (max-width: 460px) {
.flyerArea .paper_img {
margin: -0.2rem 0 0 0.1rem;
}
}
@media screen and (max-width: 350px) {
.flyerArea .paper_img {
margin: -0.2rem 0 0 -0.22rem;
}
}
@media screen and (max-width: 1366px) {
.flyerArea .paper_img img {
height: 3.1rem;
width: auto;
}
}
@media screen and (max-width: 460px) {
.flyerArea .paper_img img {
height: 1.87rem;
width: auto;
}
}
@media screen and (max-width: 350px) {
.flyerArea .paper_img img {
height: 1.45rem;
}
}
@media screen and (max-width: 460px) {
.flyerArea .mod-btn {
margin-top: -0.15rem;
position: relative;
z-index: 2;
}
}
.flyerArea .decor {
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 1366px) {
.flyerArea .decor img {
height: 3.2rem;
width: auto;
}
}
.conceptArea {
margin-top: 1.2rem;
background-size: 100% auto;
background-position: top left;
background-color: #f6f6f6;
background-color: #f3f1f2;
}
@media screen and (max-width: 460px) {
.conceptArea {
margin-top: 0;
}
}
.conceptArea .content {
box-sizing: border-box;
display: inline-block;
height: 8.32rem;
padding: 1rem 0.5rem 0 0;
vertical-align: top;
width: 50%;
}
@media screen and (max-width: 460px) {
.conceptArea .content {
display: block;
height: auto;
padding: 0;
width: 100%;
}
}
.conceptArea .content .desc {
font-size: 0.24rem;
line-height: 1;
letter-spacing: 0.1em;
margin: 0.68rem 0 0.25rem;
}
@media screen and (max-width: 460px) {
.conceptArea .content .desc {
font-size: 0.15rem;
letter-spacing: 0;
margin: 0.22rem 0 0.15rem;
}
}
@media screen and (max-width: 350px) {
.conceptArea .content .desc {
font-size: 0.13rem;
}
}
.conceptArea .content .txt {
font-size: 0.17rem;
line-height: 1.764;
letter-spacing: 0.1em;
margin-bottom: 0.4rem;
text-align: justify;
color: #333;
}
@media screen and (max-width: 460px) {
.conceptArea .content .txt {
font-size: 0.13rem;
line-height: 1.538;
margin-top: 0;
}
}
@media screen and (max-width: 460px) {
.conceptArea .head {
padding: 0.9rem 0 0;
}
}
.conceptArea .in {
margin-top: -3.5rem;
padding: 2.27rem 0 1.17rem;
margin-top: -1.93rem;
padding: 0 0 1.17rem;
}
@media screen and (max-width: 1650px) {
.conceptArea .in {
margin-top: -1.96rem;
}
}
@media screen and (max-width: 1450px) {
.conceptArea .in {
margin-top: -1.94rem;
}
}
@media screen and (max-width: 1100px) {
.conceptArea .in {
margin-top: -1.94rem;
}
}
@media screen and (max-width: 460px) {
.conceptArea .in {
pointer-events: auto;
margin-top: 0;
padding: 0 0 0.46rem;
}
}
.searchArea {
padding: 0.87rem 0 1rem;
}
@media screen and (max-width: 460px) {
.searchArea {
padding: 0.5rem 0;
}
}
.searchArea .mod_w1210 {
position: relative;
}
.searchArea .title {
color: #fff;
font-size: 0.42rem;
line-height: 1;
letter-spacing: 0.05em;
margin-top: 0;
padding-left: 0;
text-align: center;
}
@media screen and (max-width: 460px) {
.searchArea .title {
font-size: 0.21rem;
line-height: 1.238;
}
}
.searchArea .subtitle {
color: #48c0c0;
left: -3.04rem;
padding-left: 0;
position: absolute;
top: 1.9rem;
transform: rotate(270deg);
}
.searchArea .subtitle:after {
display: none;
}
@media screen and (max-width: 460px) {
.searchArea .subtitle {
font-size: 0.34rem;
left: -1.215rem;
top: 1.74rem;
z-index: 1;
}
}
.searchArea .line {
background: #fff;
margin: 0.27rem 0 0.27rem;
}
.searchArea .line:before, .searchArea .line:after {
background: #fff;
}
@media screen and (max-width: 460px) {
.searchArea .line {
margin: 0.18rem 0 0.28rem;
}
}
.searchArea .list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 460px) {
.searchArea .list .item {
width: calc(50% - 0.05rem);
margin-bottom: 0.1rem;
}
}
@media print, screen and (min-width: 461px) {
.searchArea .list .item.item:nth-child(n+6) {
margin: 0.2rem 0 0 0;
}
}
@media screen and (max-width: 460px) {
.searchArea .list .item + .item {
margin: 0 0 0.1rem;
}
}
@media screen and (max-width: 460px) {
.searchArea .list .item:nth-child(odd) {
margin-right: 0.05rem;
}
}
@media screen and (max-width: 460px) {
.searchArea .list .item:nth-child(even) {
margin-left: 0.05rem;
}
}
.searchArea .list .item { }
.searchArea .list .item .item_link {
align-items: center;
background: #48c0c0;
box-sizing: border-box;
display: flex;
padding: 0.1rem;
width: 2.25rem;
}
@media screen and (max-width: 460px) {
.searchArea .list .item .item_link {
padding: 0.1rem 0.05rem;
position: relative;
width: 100%;
}
}
@media screen and (max-width: 350px) {
.searchArea .list .item .item_link {
width: 0.9rem;
}
}
@media screen and (max-width: 1366px) {
.searchArea .list .item .ph img {
height: 0.6rem;
width: auto;
}
}
@media screen and (max-width: 460px) {
.searchArea .list .item .ph img {
height: 0.3rem;
width: auto;
}
}
.searchArea .list .item .cap {
color: #fff;
font-size: 0.16rem;
font-weight: bold;
line-height: 1;
letter-spacing: 0.05em;
text-align: center;
width: calc(100% - 60px);
}
@media screen and (max-width: 1366px) {
.searchArea .list .item .cap {
font-size: 0.17rem;
letter-spacing: 0;
width: calc(100% - 0.6rem);
}
}
@media screen and (max-width: 460px) {
.searchArea .list .item .cap {
font-size: 0.14rem;
line-height: 1.226;
margin-top: 0;
width: calc(100% - 0.3rem);
}
}
@media screen and (max-width: 350px) {
.searchArea .list .item .cap {
font-size: 0.08rem;
}
}
.voiceArea {
padding: 1.19rem 0 1.1rem;
}
@media screen and (max-width: 460px) {
.voiceArea {
padding: 0 0 0.5rem;
}
}
.voiceArea .mod_w1210 {
position: relative;
}
.voiceArea .ph {
height: calc(100% + 1.1rem);
left: -1.5rem;
position: absolute;
text-align: center;
width: 6.8rem;
}
@media screen and (max-width: 460px) {
.voiceArea .ph {
height: 1.95rem;
left: 0;
width: 100%;
}
}
.voiceArea .ph .txt {
background: #fff;
display: inline-block;
font-size: 0.6rem;
line-height: 1;
margin: 0 auto;
padding: 1.18rem 0.16rem 0.16rem;
writing-mode: vertical-lr;
}
.voiceArea .ph .txt span {
color: #d1bb86;
}
@media screen and (max-width: 460px) {
.voiceArea .ph .txt {
font-size: 0.3rem;
margin: 0 auto 0 0.25rem;
padding: 0.125rem 0.075rem;
display: block;
}
}
.voiceArea .content {
margin: 0 0 0 auto;
width: 5.87rem;
}
@media screen and (max-width: 460px) {
.voiceArea .content {
padding-top: 2.2rem;
width: auto;
}
}
.voiceArea .content .list .item {
display: inline-block;
width: 2.8rem;
}
@media screen and (max-width: 460px) {
.voiceArea .content .list .item {
width: calc((100% - 0.1rem) / 2);
}
}
.voiceArea .content .list .item + .item {
margin-left: 0.23rem;
}
@media screen and (max-width: 460px) {
.voiceArea .content .list .item + .item {
margin-left: 0.05rem;
}
}
.voiceArea .content .list .item:nth-child(3) {
margin: 0.3rem 0 0;
}
@media screen and (max-width: 460px) {
.voiceArea .content .list .item:nth-child(3) {
margin: 0.11rem 0 0;
}
}
.voiceArea .content .list .item .img {
position: relative;
}
.voiceArea .content .list .item .img img {
width: 100%;
height: 1.9rem;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
}
@media screen and (max-width: 460px) {
.voiceArea .content .list .item .img img {
height: 1.24rem;
}
}
.voiceArea .content .list .item .img .address {
position: absolute;
left: 0.1rem;
bottom: 0.1rem;
}
@media screen and (max-width: 460px) {
.voiceArea .content .list .item .img .address {
left: 0.05rem;
bottom: 0.05rem;
}
}
.voiceArea .content .list .item .img .address span {
font-size: 0.17rem;
font-weight: bold;
line-height: 0.26rem;
color: #d1bb86;
background: #fff;
display: inline-block;
padding: 0 0.09rem;
}
@media screen and (max-width: 460px) {
.voiceArea .content .list .item .img .address span {
font-size: 0.12rem;
line-height: 0.19rem;
padding: 0 0.05rem;
}
}
.voiceArea .content .list .item .img .address span.black {
line-height: 0.32rem;
font-size: 0.24rem;
color: #000;
}
@media screen and (max-width: 460px) {
.voiceArea .content .list .item .img .address span.black {
font-size: 0.16rem;
line-height: 0.2rem;
}
}
.voiceArea .content .list .item .in {
background: #fff;
padding: 0.22rem 0.25rem 0.21rem;
}
@media screen and (max-width: 460px) {
.voiceArea .content .list .item .in {
padding: 0.12rem 0.15rem;
}
}
.voiceArea .content .list .item .in .txt {
color: #666;
font-size: 0.16rem;
letter-spacing: 0.1em;
line-height: 1.75;
text-align: justify;
}
@media screen and (max-width: 460px) {
.voiceArea .content .list .item .in .txt {
font-size: 0.12rem;
line-height: 1.5;
letter-spacing: 0;
}
}
.voiceArea .content .list .item .in .txt span {
color: #000;
background: url(/img/voice_decor.png);
background-repeat: repeat-x;
background-size: contain;
font-weight: bold;
position: relative;
z-index: 2;
}
@media screen and (max-width: 460px) {
.voiceArea .content .list .item .in .txt span {
background: url(/img/voice_decor_sp.png);
background-repeat: repeat-x;
background-size: contain;
}
}
.voiceArea .content .mod-btn {
margin: 0.5rem auto 0;
}
@media screen and (max-width: 460px) {
.voiceArea .content .mod-btn {
margin: 0.4rem auto 0;
}
}
.knowledgeArea {
padding: 1.39rem 0 1.2rem;
}
@media screen and (max-width: 460px) {
.knowledgeArea {
padding: 0.56rem 0 0.5rem;
}
}
.knowledgeArea .mod_w1210 {
position: relative;
width: 12.44rem;
}
@media screen and (max-width: 460px) {
.knowledgeArea .mod_w1210 {
width: 100%;
}
}
.knowledgeArea .mod_w1210 .img {
position: absolute;
right: -1.4rem;
top: -2rem;
}
@media screen and (max-width: 460px) {
.knowledgeArea .mod_w1210 .img {
right: 0;
top: -1.21rem;
}
}
@media screen and (max-width: 1366px) {
.knowledgeArea .mod_w1210 .img img {
height: 4.8rem;
width: auto;
}
}
@media screen and (max-width: 460px) {
.knowledgeArea .mod_w1210 .img img {
height: 2.4rem;
width: auto;
}
}
.knowledgeArea .title {
font-size: 0.44rem;
position: relative;
letter-spacing: 0.05em;
margin: 0;
}
@media screen and (max-width: 460px) {
.knowledgeArea .title {
font-size: 0.26rem;
line-height: 1.2;
}
}
.knowledgeArea .title:after {
background: url(/img/ie_icon_gray.png);
background-size: cover;
content: "";
height: 1.02rem;
left: 0;
position: absolute;
top: -0.82rem;
width: 1.1rem;
display: block;
}
@media screen and (max-width: 460px) {
.knowledgeArea .title:after {
height: 0.51rem;
top: -0.42rem;
width: 0.55rem;
}
}
.knowledgeArea .subtitle {
font-size: 0.24rem;
margin: 0.15rem 0 0.25rem 0.1rem;
}
@media screen and (max-width: 460px) {
.knowledgeArea .subtitle {
margin: 0.08rem 0 0.2rem;
padding-left: 0.34rem;
font-size: 0.16rem;
}
}
.knowledgeArea .subtitle:after {
display: none;
}
.knowledgeArea .line {
background: #000;
}
.knowledgeArea .detail_box {
display: flex;
justify-content: space-between;
padding-top: 0.7rem;
}
@media screen and (max-width: 460px) {
.knowledgeArea .detail_box {
flex-wrap: wrap;
padding-top: 0.16rem;
}
}
.knowledgeArea .detail_box .detail {
position: relative;
max-width: 2.88rem;
width: 100%;
border: 1px solid #F2F2F2;
box-sizing: border-box;
}
@media screen and (max-width: 460px) {
.knowledgeArea .detail_box .detail {
max-width: none;
border: none;
}
}
@media screen and (max-width: 460px) {
.knowledgeArea .detail_box .detail > a {
display: flex;
padding: 0.15rem 0;
}
}
.knowledgeArea .detail_box .detail .category {
font-size: 0.16rem;
font-weight: bold;
line-height: 1;
background-color: #2CB3B3;
position: absolute;
left: 0;
top: 0;
height: 0.32rem;
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
padding: 0 0.12rem;
}
@media screen and (max-width: 460px) {
.knowledgeArea .detail_box .detail .category {
font-size: 0.12rem;
padding: 0 0.08rem;
position: relative;
height: 0.21rem;
}
}
.knowledgeArea .detail_box .detail .ph > img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
width: 100%;
height: 1.95rem;
}
@media screen and (max-width: 460px) {
.knowledgeArea .detail_box .detail .ph > img {
width: 1.32rem;
height: 0.95rem;
}
}
.knowledgeArea .detail_box .detail .txt_list {
padding: 0 0.2rem 0.3rem;
box-sizing: border-box;
}
@media screen and (max-width: 460px) {
.knowledgeArea .detail_box .detail .txt_list {
padding: 0 0.15rem;
}
}
@media screen and (max-width: 460px) {
.knowledgeArea .detail_box .detail .txt_list .sp_box {
display: flex;
align-items: center;
}
}
.knowledgeArea .detail_box .detail .txt_list .time {
font-size: 0.16rem;
font-weight: bold;
line-height: 1;
color: #9D9D9D;
margin-top: 0.2rem;
}
@media screen and (max-width: 460px) {
.knowledgeArea .detail_box .detail .txt_list .time {
font-size: 0.12rem;
margin-top: 0;
margin-left: 0.1rem;
}
}
.knowledgeArea .detail_box .detail .txt_list .tit {
font-size: 0.22rem;
font-weight: bold;
line-height: 1.6363636364;
margin-top: 0.1rem;
}
@media screen and (max-width: 460px) {
.knowledgeArea .detail_box .detail .txt_list .tit {
font-size: 0.15rem;
line-height: 1.6;
margin-top: 0.04rem;
}
}
.knowledgeArea .detail_box .detail + .detail {
position: relative;
}
@media screen and (max-width: 460px) {
.knowledgeArea .detail_box .detail + .detail:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: #F2F2F2;
top: 0;
left: 0;
}
}
.knowledgeArea .mod-btn {
line-height: 0.46rem;
margin: 0.5rem auto 0;
width: 3.4rem;
}
@media screen and (max-width: 460px) {
.knowledgeArea .mod-btn {
line-height: 0.48rem;
margin: 0.4rem auto 0;
width: 100%;
}
}
.knowledgeArea .mod-btn.add {
width: 4rem;
line-height: 0.6rem;
}
@media screen and (max-width: 460px) {
.knowledgeArea .mod-btn.add {
line-height: 0.5rem;
width: 100%;
margin-top: 0.23rem;
}
}
.knowledgeArea .mod-btn.add a {
font-size: 0.2rem;
}
@media screen and (max-width: 460px) {
.knowledgeArea .mod-btn.add a {
font-size: 0.15rem;
}
}
.ie .voiceArea .ph .txt {
padding: 1.18rem 0.22rem 0.16rem 0.1rem;
}
.relatedsitesArea {
padding: 0.7rem 0;
}
@media screen and (max-width: 460px) {
.relatedsitesArea {
padding: 0.5rem 0 0.545rem;
}
}
.relatedsitesArea .title {
font-size: 0.32rem;
font-weight: bold;
line-height: 1;
letter-spacing: 0.1em;
margin-bottom: 0.26rem;
padding: 0;
text-align: center;
}
@media screen and (max-width: 460px) {
.relatedsitesArea .title {
font-size: 0.16rem;
letter-spacing: 0.05em;
margin: 0 0 0.19rem 0;
}
}
.relatedsitesArea .line {
background: #e6e6e6;
}
.relatedsitesArea .line:after, .relatedsitesArea .line:before {
background: #e6e6e6;
}
.relatedsitesArea .list {
padding-top: 0.7rem;
}
@media screen and (max-width: 460px) {
.relatedsitesArea .list {
padding-top: 0.3rem;
}
}
.relatedsitesArea .list .item {
display: inline-block;
width: 3.8rem;
}
@media screen and (max-width: 460px) {
.relatedsitesArea .list .item {
box-sizing: border-box;
padding: 0 0.15rem;
width: 100%;
}
}
.relatedsitesArea .list .item + .item {
margin-left: 0.3rem;
}
@media screen and (max-width: 460px) {
.relatedsitesArea .list .item + .item {
margin: 0.14rem 0 0 0;
}
}
.relatedsitesArea .list .item .ph {
height: 1.37rem;
position: relative;
width: 100%;
}
@media screen and (max-width: 460px) {
.relatedsitesArea .list .item .ph {
height: 1.06rem;
}
}
.relatedsitesArea .list .item .ph .btn {
bottom: 0.28rem;
color: #fff;
font-size: 0.16rem;
font-weight: bold;
line-height: 0.27rem;
left: 0.42rem;
position: absolute;
text-align: center;
width: 1.45rem;
}
@media screen and (max-width: 460px) {
.relatedsitesArea .list .item .ph .btn {
bottom: 0.21rem;
font-size: 0.122rem;
line-height: 0.21rem;
letter-spacing: 0;
left: 0.325rem;
width: 1.13rem;
}
}
.relatedsitesArea .list .item .ph .btn:before {
border-right: 0.07rem solid transparent;
content: "";
height: 0;
position: absolute;
right: 0;
top: -0.07rem;
width: 0;
}
@media screen and (max-width: 460px) {
.relatedsitesArea .list .item .ph .btn:before {
border-right: 0.06rem solid transparent;
top: -0.06rem;
}
}
.relatedsitesArea .list .item .ph .btn:after {
border-left: 0.07rem solid transparent;
bottom: -0.07rem;
content: "";
height: 0;
left: 0;
position: absolute;
width: 0;
}
@media screen and (max-width: 460px) {
.relatedsitesArea .list .item .ph .btn:after {
border-left: 0.06rem solid transparent;
bottom: -0.06rem;
}
}
.relatedsitesArea .list .item .ph .btn1 {
background: #5bb9da;
}
.relatedsitesArea .list .item .ph .btn1:before {
border-bottom: 0.07rem solid #2da5cf;
}
@media screen and (max-width: 460px) {
.relatedsitesArea .list .item .ph .btn1:before {
border-bottom: 0.06rem solid #2da5cf;
}
}
.relatedsitesArea .list .item .ph .btn1:after {
border-top: 0.07rem solid #2da5cf;
}
@media screen and (max-width: 460px) {
.relatedsitesArea .list .item .ph .btn1:after {
border-top: 0.06rem solid #2da5cf;
}
}
.relatedsitesArea .list .item .ph .btn2 {
background: #86b98f;
}
.relatedsitesArea .list .item .ph .btn2:before {
border-bottom: 0.07rem solid #6bb779;
}
@media screen and (max-width: 460px) {
.relatedsitesArea .list .item .ph .btn2:before {
border-bottom: 0.06rem solid #6bb779;
}
}
.relatedsitesArea .list .item .ph .btn2:after {
border-top: 0.07rem solid #6bb779;
}
@media screen and (max-width: 460px) {
.relatedsitesArea .list .item .ph .btn2:after {
border-top: 0.06rem solid #6bb779;
}
}
.relatedsitesArea .list .item .ph .btn3 {
background: #d4a5a5;
}
.relatedsitesArea .list .item .ph .btn3:before {
border-bottom: 0.07rem solid #af6767;
}
@media screen and (max-width: 460px) {
.relatedsitesArea .list .item .ph .btn3:before {
border-bottom: 0.06rem solid #af6767;
}
}
.relatedsitesArea .list .item .ph .btn3:after {
border-top: 0.07rem solid #af6767;
}
@media screen and (max-width: 460px) {
.relatedsitesArea .list .item .ph .btn3:after {
border-top: 0.06rem solid #af6767;
}
}
.caseArea .title {
padding-left: 0.6rem;
}
@media screen and (max-width: 460px) {
.caseArea .title {
padding-left: 0.3rem;
}
}
.caseArea .subtitle {
padding-left: 0.6rem;
}
@media screen and (max-width: 460px) {
.caseArea .subtitle {
padding-left: 0.3rem;
}
}
.caseArea .subtitle:after {
background: url(/img/ie_icon_white.png);
background-size: cover;
content: "";
height: 1.02rem;
left: 0;
position: absolute;
top: -0.82rem;
width: 1.1rem;
display: block;
}
@media screen and (max-width: 460px) {
.caseArea .subtitle:after {
height: 0.51rem;
top: -0.42rem;
width: 0.55rem;
}
}
.questionArea {
background-size: 100% 3.77rem;
background-position: top left;
padding: 1.05rem 0 0;
margin-top: 1.1rem;
}
@media screen and (max-width: 460px) {
.questionArea {
background-size: 100% 1.95rem;
padding: 0.44rem 0 0;
margin-top: 0.56rem;
}
}
.questionArea .mod_w1210:first-child {
margin-bottom: 0.7rem;
}
@media screen and (max-width: 460px) {
.questionArea .mod_w1210:first-child {
margin-bottom: 0.3rem;
}
}
.questionArea .title {
margin: 0.15rem 0 0.25rem;
}
@media screen and (max-width: 460px) {
.questionArea .title {
margin: 0.08rem 0 0.2rem;
}
}
.questionArea .subtitle:after {
background: url(/img/ie_icon_white.png);
background-size: cover;
}
.questionArea .line {
background: #000;
}
.questionArea .list {
display: flex;
flex-wrap: wrap;
}
.questionArea .list .item {
background: #fff;
border: 0.05rem solid #f2f2f2;
box-sizing: border-box;
width: calc(50% - 0.12rem);
margin-bottom: 0.24rem;
}
@media screen and (max-width: 460px) {
.questionArea .list .item {
border: 0.03rem solid #f2f2f2;
padding: 0.18rem;
width: 100%;
}
}
.questionArea .list .item .ttl {
font-size: 0.24rem;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 1.78;
margin-bottom: 0.2rem;
padding-left: 0.42rem;
position: relative;
}
@media screen and (max-width: 460px) {
.questionArea .list .item .ttl {
font-size: 0.15rem;
line-height: 1.67;
letter-spacing: 0.03em;
margin-bottom: 0.1rem;
padding-left: 0.28rem;
}
}
.questionArea .list .item .ttl:before {
font-family: aktiv-grotesk, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, verdana, "メイリオ", "Meiryo", "Osaka", sans-serif-serif;
font-weight: 700;
content: "Q.";
color: #2cb3b3;
font-size: 0.36rem;
font-weight: bold;
left: 0;
line-height: 1;
position: absolute;
top: 0.02rem;
}
@media screen and (max-width: 460px) {
.questionArea .list .item .ttl:before {
font-size: 0.24rem;
}
}
@media screen and (max-width: 460px) {
.questionArea .list .item .ttl.qr_type01 {
line-height: 3;
}
}
.questionArea .list .item .ttl span {
letter-spacing: -0.004em;
}
.questionArea .list .item .txt {
font-size: 0.17rem;
letter-spacing: 0.1em;
line-height: 1.76;
}
@media screen and (max-width: 460px) {
.questionArea .list .item .txt {
font-size: 0.14rem;
letter-spacing: 0.07em;
line-height: 1.7;
}
}
.questionArea .list .item a {
padding: 0.22rem 0.16rem 0.21rem 0.2rem;
display: block;
}
@media screen and (max-width: 460px) {
.questionArea .list .item a {
padding: 0.11rem;
}
}
.questionArea .list .item:nth-child(odd) {
margin-right: 0.12rem;
}
@media screen and (max-width: 460px) {
.questionArea .list .item:nth-child(odd) {
margin-right: 0;
}
}
.questionArea .list .item:nth-child(even) {
margin-left: 0.12rem;
}
@media screen and (max-width: 460px) {
.questionArea .list .item:nth-child(even) {
margin-left: 0;
}
}
.questionArea .mod-btn {
margin: 0.5rem auto 0;
}
@media screen and (max-width: 460px) {
.questionArea .mod-btn {
margin: 0.16rem auto 0;
}
}
.category_txt {
font-size: 0.17rem;
letter-spacing: 0.1em;
line-height: 1.764;
margin: 0 0 0.27rem;
text-align: left;
color: #FFF;
}
@media screen and (max-width: 460px) {
.category_txt {
font-size: 0.13rem;
line-height: 1.53;
margin: 0.26rem 0;
text-align: left;
padding: 0;
box-sizing: border-box;
z-index: 2;
position: relative;
}
}
.category_txt a {
color: #FFF;
text-decoration: underline;
}
.mod-btn.mb_btn1 {
margin-top: 0.2rem;
padding-left: 0.45rem;
}
@media screen and (max-width: 460px) {
.mod-btn.mb_btn1 {
margin-top: 0.35rem;
padding-left: 0;
}
}
.ie .mvArea .title {
font-size: 0.6rem;
}
@media screen and (max-width: 460px) {
.ie .mvArea .title {
font-size: 0.21rem;
}
}
@media screen and (max-width: 350px) {
.ie .mvArea .title {
font-size: 0.18rem;
}
}
.slick-track {
display: flex;
}
.ie .infoArea .mod_w1040 .list .item .notice {
line-height: 0.23rem;
}
.caseArea .mod_w1210 {
display: flex;
flex-wrap: wrap;
}
.caseArea .title {
width: 100%;
order: 1;
font-size: 0.44rem;
position: relative;
letter-spacing: 0.05em;
margin: 0;
}
@media screen and (max-width: 460px) {
.caseArea .title {
font-size: 0.26rem;
line-height: 1.2;
}
}
.caseArea .title:after {
background: url(/img/ie_icon_white.png);
background-size: cover;
content: "";
height: 1.02rem;
left: 0;
position: absolute;
top: -0.82rem;
width: 1.1rem;
display: block;
}
@media screen and (max-width: 460px) {
.caseArea .title:after {
height: 0.51rem;
top: -0.42rem;
width: 0.55rem;
}
}
.caseArea .subtitle {
order: 2;
font-size: 0.24rem;
margin: 0.15rem 0 0.25rem 0.1rem;
}
@media screen and (max-width: 460px) {
.caseArea .subtitle {
margin: 0.08rem 0 0.2rem;
padding-left: 0.34rem;
font-size: 0.16rem;
}
}
.caseArea .subtitle:after {
display: none;
}
.caseArea .line {
order: 3;
}
.questionArea .mod_w1210 {
display: flex;
flex-wrap: wrap;
}
.questionArea .title {
width: 100%;
order: 1;
font-size: 0.44rem;
position: relative;
letter-spacing: 0.05em;
margin: 0;
}
@media screen and (max-width: 460px) {
.questionArea .title {
font-size: 0.26rem;
line-height: 1.2;
}
}
.questionArea .title:after {
background: url(/img/ie_icon_white.png);
background-size: cover;
content: "";
height: 1.02rem;
left: 0;
position: absolute;
top: -0.82rem;
width: 1.1rem;
display: block;
}
@media screen and (max-width: 460px) {
.questionArea .title:after {
height: 0.51rem;
top: -0.42rem;
width: 0.55rem;
}
}
.questionArea .subtitle {
order: 2;
font-size: 0.24rem;
margin: 0.15rem 0 0.25rem 0.1rem;
}
@media screen and (max-width: 460px) {
.questionArea .subtitle {
margin: 0.08rem 0 0.2rem;
padding-left: 0.34rem;
font-size: 0.16rem;
}
}
.questionArea .subtitle:after {
display: none;
}
.questionArea .line {
order: 3;
}
.conceptArea .content {
height: 9.02rem;
}
@media screen and (max-width: 460px) {
.conceptArea .content {
height: auto;
}
}
.conceptArea .title {
font-size: 0.44rem;
position: relative;
letter-spacing: 0.05em;
margin: 0;
line-height: 1.2;
}
@media screen and (max-width: 460px) {
.conceptArea .title {
font-size: 0.26rem;
text-shadow: 2px 1px 2px #ffffff;
}
}
.conceptArea .title:after {
background: url(/img/ie_icon_gray.png);
background-size: cover;
content: "";
height: 1.02rem;
left: 0;
position: absolute;
top: -0.82rem;
width: 1.1rem;
display: block;
}
@media screen and (max-width: 460px) {
.conceptArea .title:after {
height: 0.51rem;
top: -0.42rem;
width: 0.55rem;
}
}
.conceptArea .subtitle {
font-size: 0.24rem;
margin: 0.15rem 0 0.25rem 0;
}
@media screen and (max-width: 460px) {
.conceptArea .subtitle {
margin: 0.08rem 0 0.2rem;
font-size: 0.16rem;
}
}
.conceptArea .subtitle:after {
display: none;
}
.flyerArea .in .title {
font-size: 0.28rem;
position: relative;
letter-spacing: 0.05em;
line-height: 1.6;
margin: 0 0 0.4rem;
}
@media screen and (max-width: 460px) {
.flyerArea .in .title {
line-height: 1.2;
font-size: 0.16rem;
}
}
.flyerArea .in .sub {
font-size: 0.3rem;
}
@media screen and (max-width: 460px) {
.flyerArea .in .sub {
line-height: 1.1;
font-size: 0.14rem;
margin: 0.07rem 0 0 0;
}
}
@media screen and (max-width: 460px) {
.flyerArea .paper_img img {
height: 1.4rem;
}
}
.productArea .title {
font-size: 0.44rem;
position: relative;
letter-spacing: 0.05em;
margin: 0;
}
@media screen and (max-width: 460px) {
.productArea .title {
font-size: 0.26rem;
line-height: 1.2;
}
}
.productArea .title:after {
background: url(/img/ie_icon_gray.png);
background-size: cover;
content: "";
height: 1.02rem;
left: 0;
position: absolute;
top: -0.82rem;
width: 1.1rem;
display: block;
}
@media screen and (max-width: 460px) {
.productArea .title:after {
height: 0.51rem;
top: -0.42rem;
width: 0.55rem;
}
}
.productArea .subtitle {
font-size: 0.24rem;
margin: 0.15rem 0 0.25rem 0.1rem;
}
@media screen and (max-width: 460px) {
.productArea .subtitle {
margin: 0.08rem 0 0.2rem;
padding-left: 0.34rem;
font-size: 0.16rem;
}
}
.productArea .subtitle:after {
display: none;
}
.contentsArea .title {
font-size: 0.44rem;
position: relative;
letter-spacing: 0.05em;
margin: 0;
}
@media screen and (max-width: 460px) {
.contentsArea .title {
font-size: 0.26rem;
line-height: 1.2;
}
}
.contentsArea .title:after {
background: url(/img/ie_icon_white.png);
background-size: cover;
content: "";
height: 1.02rem;
left: 0;
position: absolute;
top: -0.82rem;
width: 1.1rem;
display: block;
}
@media screen and (max-width: 460px) {
.contentsArea .title:after {
height: 0.51rem;
top: -0.42rem;
width: 0.55rem;
}
}
.contentsArea .subtitle {
font-size: 0.24rem;
margin: 0.15rem 0 0.25rem 0.1rem;
}
@media screen and (max-width: 460px) {
.contentsArea .subtitle {
margin: 0.08rem 0 0.2rem;
padding-left: 0.34rem;
font-size: 0.16rem;
}
}
.contentsArea .subtitle:after {
display: none;
}  .modal_wrap {
display: none;
}
.modal_wrap .modal_box .youtube {
opacity: 0;
margin: auto;
width: 75.33%;
height: 0;
padding-bottom: 42.373%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 250000;
transition: opacity 0.5s, transform 0.5s;
}
@media (min-width: 1080px) {
.modal_wrap .modal_box .youtube {
width: 80%;
max-width: 960px;
padding-bottom: 45%;
}
}
@media (min-width: 1200px) {
.modal_wrap .modal_box .youtube {
padding-bottom: 540px;
}
}
@media screen and (max-width: 460px) {
.modal_wrap .modal_box .youtube {
width: 90%;
padding-bottom: 50.5%;
}
}
.modal_wrap .modal_box .youtube.view {
opacity: 1;
}
.modal_wrap .modal_box .youtube [data-youtube-btn] {
display: none;
}
.modal_wrap .modal_box .youtube iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.modal_wrap .modal_box .modal_txt {
width: 100%;
text-align: center;
position: absolute;
top: 0;
left: 0;
}
.modal_wrap .modal_box .modal_txt p {
color: #fff;
font-size: 0.16rem;
line-height: 1.6;
}
.modal_wrap .modal_close {
display: flex;
align-items: center;
justify-content: center;
margin: auto;
background: #0086cd;
color: #fff;
display: block;
font-size: 0.18rem;
width: 3.6rem;
height: 0.7rem;
line-height: 1.4;
font-weight: bold;
position: relative;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 10;
transition: 0.5s;
opacity: 0;
z-index: 240000;
}
.no-touchevents .modal_wrap .modal_close:hover {
opacity: 0.6;
}
@media screen and (max-width: 460px) {
.modal_wrap .modal_close {
width: 90%;
height: 0.8rem;
font-size: 0.16rem;
}
}
.modal_wrap .modal_close.view {
opacity: 1;
}
.modal_wrap .modal_close i {
display: block;
margin: auto 0;
width: 12px;
height: 12px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.modal_wrap .modal_close i:before, .modal_wrap .modal_close i:after {
content: "";
display: block;
margin: auto;
width: 18px;
height: 2px;
background-color: #fff;
position: absolute;
top: 0;
right: -10px;
bottom: 0;
left: -10px;
}
.modal_wrap .modal_close i:before {
transform: rotate(45deg);
}
.modal_wrap .modal_close i:after {
transform: rotate(-45deg);
}
.modal_wrap .modal_title {
display: flex;
align-items: center;
justify-content: center;
margin: auto;
color: #fff;
display: block;
font-size: 0.22rem;
width: 100%;
height: 0.8rem;
text-align: center;
line-height: 1.4;
font-weight: bold;
position: relative;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 10;
transition: 0.5s;
opacity: 0;
z-index: 240000;
}
@media screen and (max-width: 460px) {
.modal_wrap .modal_title {
width: 90%;
height: 0.8rem;
font-size: 0.16rem;
}
}
.modal_wrap .modal_title strong {
display: block;
margin-bottom: 0.06rem;
font-size: 0.32rem;
}
@media screen and (max-width: 460px) {
.modal_wrap .modal_title strong {
margin-bottom: 0.04rem;
font-size: 0.22rem;
}
}
.modal_wrap .modal_title.view {
opacity: 1;
}
.modal_wrap .arr {
margin: auto 0;
width: 60px;
height: 100%;
position: absolute;
top: -100px;
bottom: 0;
cursor: pointer;
z-index: 10;
}
.modal_wrap .arr:after {
content: "";
display: block;
margin: auto;
width: 40px;
height: 40px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.modal_wrap .arr.r {
right: -60px;
}
.modal_wrap .arr.r:after {
right: 20px;
transform: rotate(45deg) skew(10deg, 10deg);
}
.modal_wrap .arr.l {
left: -60px;
}
.modal_wrap .arr.l:after {
left: 20px;
transform: rotate(225deg) skew(10deg, 10deg);
}
.modal_wrap.view .modal_close, .modal_wrap.view .modal_title {
opacity: 1;
}
.modal_overlay {
z-index: 200000;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
background-color: rgba(119, 119, 119, 0.9);
}