.l-section > .l-section {padding-bottom: 0;}
.c-mainVisual--lv3 { background-image: url(../img/img_mv-1_sm.jpg); background-repeat: no-repeat; background-size: cover;height: 320px;}
@media only screen and (max-width: 767px){
.c-mainVisual--lv3 { height: auto; }
.c-mainVisual--lv2 .c-mainVisual__background:not(.c-mainVisual__background--cover){ margin: -15px; }
.c-mainVisual--lv2 .c-mainVisual__background:not(.c-mainVisual__background--cover)>img {margin-right: -10%;}
}
/*
パーツ
================================================ */
.iot-column {display: flex;margin-top: 36px;}
.iot-column .iot-column__txt {width: 73.6752%;}
.iot-column .iot-column__img {width: 20.5128%;margin-left: 70px;}
.problem-box {display: flex;align-items: center;justify-content: center;margin-top: 30px;}
.problem-box .problem-box__txt{background-color: #f2f2f2;max-width: 100%;padding: 3.9391% 3.4158%;position: relative;margin-top: 25px;}
.problem-box .problem-box__txt::after { display: block; content: ''; position: absolute; right: -24px; top: 0; bottom: 0; margin: auto 0; width: 0; height: 0; border-style: solid; border-width: 14px 0 14px 24px; border-color: transparent transparent transparent #f2f2f2;}
.problem-box .problem-box__img {padding-left: 50px;flex-shrink: 0;}
.problem-box .problem-box__img img{width: 100%;height: auto;display: block;}
.problem-box .problem-box__list li {font-size: 16px;position: relative;padding-left: 1.2em;}
.problem-box .problem-box__list li + li {margin-top: 14px;}
.problem-box .problem-box__list li::before {position: absolute;content: "・";left: 0;}
.point-area {margin-top: 90px;}
.point-area .point-block {margin-top: 40px;display: flex;}
.point-area .point-block + .point-block {margin-top: 20px;}
.point-area .point-block__num {display: flex;align-items: center;justify-content: center; color: #ffff;background-color: #004878;padding: 15px 10px 16px;width: 13.7606%;font-weight: 700;font-size: 18px;}
.point-area .point-block__body{padding: 15px 20px 16px 50px;background-color: #f2f2f2;flex: 1;font-size: 16px;}
.point-area + .c-imgAuto {margin-top: 60px;}
.line-title {font-size: 28px;font-weight: 700;text-align: center;overflow: hidden;}
.line-title span { position: relative; padding: 0 18px; }
.line-title span::before { background-color: #b2b2b2; content: ""; position: absolute; top: 50%; left: 100%; width: 100vw; height: 1px; }
.line-title span::after { background-color: #b2b2b2; content: ""; position: absolute; top: 50%; right: 100%; width: 100vw; height: 1px; }
.iot-block{display: flex;flex-direction: column;}
.iot-block .iot-block__headline {padding: 17px 10px 16px; color: #ffff;font-size: 18px;font-weight: 700;background-color: #004878;display: flex;align-items: center;justify-content: center;height: 64px;}
.iot-block .iot-block__headline img {max-width: 100%;height: auto;margin-right: 10px;}
.iot-block .iot-block__txt {padding: 20px 14px;background-color: #f2f2f2;font-size: 18px;font-weight: 700;text-align: center;flex: 1;display: flex;flex-direction: column;justify-content: center;}
.iot-block .iot-block__txt p + p {margin-top: 8px;}
.iot-block .iot-block__txt.iot--left{text-align: left!important;}
.iot-block .iot-block__txt .num{font-size: 28px;}
.member-block {margin-top: -20px;background-color: #f2f2f2;padding: 64px 114px;}
.member-block__btn {display: block;width: 100%;padding: 14px 10px;background-color: #ff0000;color: #ffff;font-size: 20px;text-align: center;transition: all .3s;}
.member-block__txt {margin-top: 20px;text-align: center;font-weight: 700;font-size: 18px;letter-spacing: 0.4px;}
.member-block +.case {padding-top: 140px;}
.catalog { background-color: #f5f5f5; border: 1px solid #b6b6b6; margin-top: 64px; }
.catalog a { display: flex; justify-content: space-between; align-items: center; padding: 14px 50px 14px 77px;}
.catalog p { font-size: 30px; color: #000; margin-left: 20px; transition: color .15s ease-in-out; font-weight: bold; }
.catalog__text { position: relative; }
.catalog__text::before { position: absolute; font-family: MelFaIcons,"Material Icons"; font-size: 16px; display: inline-flex; width: 8px; height: 13px; top: 50%; left: -30px; transform: translateY(-70%); content: "\f102"; white-space: nowrap; text-decoration: none; word-wrap: normal; color: red;transition: color .3s;}
.catalog__img img { width: 120px; height: 120px; }
.c-note--mark.mt-10 {margin-top: 10px;}
.c-note--mark.un-mark { padding-top: 2.5px; padding-bottom: 2.5px; padding-left: 2.4em; text-indent: -2.4em;}
.c-note--mark.un-mark::before { display: inline-block; width: 2.4em; content: "（※）"; vertical-align: top; text-indent: 0; }
.list-note {font-size: 16px;line-height: 1.8;}
.list-note li {position: relative;padding-left: 6em;margin-top: 6px;}
.list-note li span {position: absolute;left: 0;}
@media only screen and (min-width: 768px){
.l-section > .l-section{padding-top: 74px;}
.catalog a:hover .catalog__text{color: #f50f10;}
.member-block__btn:hover{color: #f50f10;background-color: #ffff;}
}
@media only screen and (max-width: 767px){
.iot-column {display: block;margin-top: 30px;}
.iot-column .iot-column__txt {width: 100%;}
.iot-column .iot-column__img {width: 100%;max-width: 266px;margin: 30px auto 0;}
.problem-box{display: block;margin-top: 14px;}
.problem-box .problem-box__list li {font-size: 14px;}
.problem-box .problem-box__list li + li {margin-top: 6px;}
.problem-box .problem-box__txt {width: 100%;max-width: 100%;padding: 25px 14px;}
.problem-box .problem-box__txt::after { right: 60%; left: 0; top: auto; bottom: -18px; margin: 0 auto; border-width: 18px 14px 0 14px; border-color: #f2f2f2 transparent transparent transparent;}
.problem-box .problem-box__img {margin:30px auto 0;padding-left: 0;max-width: 130px;}
.point-area {margin-top: 60px;}
.line-title {font-size: 24px;}
.point-area .point-block {margin-top: 30px;display: block;}
.point-area .point-block__num {font-size: 16px;width: 100%;padding: 8px 10px 9px}
.point-area .point-block__body {padding: 18px 15px;}
.point-area + .c-imgAuto {margin-top: 30px;}
.iot-block .iot-block__headline {padding: 12px 10px 11px;font-size: 14px;}
.iot-block .iot-block__headline img {max-width: 20%;}
.iot-block .iot-block__txt {font-size: 16px;padding: 15px 12px;}
.iot-block .iot-block__txt .num {font-size: 20px;}
.catalog { margin-top: 50px; }
.catalog a { padding: 12px 15px 12px 25px; }
.catalog p { line-height: 1.33333333; }
.catalog__img img { width: 90px; height: 90px; }
.member-block +.case {padding-top: 60px;}
.member-block__btn:hover {color: #ffff;}
.member-block {padding: 30px;}
.member-block__btn {font-size: 18px;}
.member-block__txt {font-size: 16px;}
}
/*
アンケートフォーム
================================================ */
#survey {margin-top: 0;}
#survey .survey-note{margin-top: 14px;text-align: center;font-size: 16px;}
#survey .survey_form{background-color: #f2f2f2;padding: 40px 94px;margin-top: 28px;}
#survey .c-form__row > .form-content:nth-child(n + 3) {margin-top: 12px;padding-top: 12px;border-top: 1px solid #cccccc;}
#survey .c-form__row > .l-grid .l-grid__item {margin-bottom: 0;}
#survey .form-title {width: 19.2191%;}
#survey .form-title sup {font-size: 13px;color: #f50f10;}
#survey .form-body {width:80.4809%;flex: 1;}
#survey .question{margin: 0;}
#survey .survey_container ul {width: auto;}
#survey .c-form__titleLabel{font-weight: 700;font-size: 18px;margin-right: 4px;}
#survey .c-list--float .c-list__item {padding-right: 2em;margin: 0;float:none;}
#survey .c-textarea {margin-top: 20px;width: 100%;}
#survey .c-btn{max-width: 384px;margin: 0 auto;display: block;font-size: 20px;padding: 0;}
#survey .c-btn button {color: #ffff;padding: 8px 1em;width: 100%;}
#survey .l-grid {margin-bottom: 0;margin-top: 0;}
#survey .doc-title{display: none;}
@media only screen and (max-width: 1100px){
#survey .line-title span::after, #survey .line-title span::before{display: none;}
}
@media only screen and (max-width: 767px){
#survey {padding-top: 0;}
#survey .survey_form {padding: 10px 30px 20px;}
#survey .form-content .form-title {width: 100%;}
#survey .c-form__titleLabel {font-size: 16px;}
#survey .c-list--float {margin-top: 8px;}
#survey .c-btn {font-size: 18px;}
}
/*
資料ダウンロード
================================================ */
.iot-download{margin-top: 20px;}
.iot-download .iot-download__column{display: flex;background-color: #f2f2f2;padding: 60px 80px;color: #000000;}
.iot-download .iot-download__img {width: 19.5049%;border: #bdbdbd 1px solid;}
.iot-download .iot-download__img img {width: 100%;height: auto;display: block;}
.iot-download .iot-download__block {width: 76.633%;margin-left: 40px;}
.iot-download .iot-download__title {font-size: 20px;padding-bottom: 10px; font-weight: 700;border-bottom: 1px solid #cccccc;}
.iot-download .iot-download__btn {margin-top: 30px;padding: 10px;background-color: #ffff;border-radius: 4px;border: 1px solid #808080;max-width: 310px;display: block;color: #000;}
@media only screen and (min-width: 768px){
.iot-download .iot-download__btn:hover { color: #f50f10; }
}
@media only screen and (max-width: 767px){
.iot-download {margin-top: 0;}
.iot-download .iot-download__column {display: block;padding: 30px;}
.iot-download .iot-download__img {width: 100%;max-width: 152px;margin: 0 auto;}
.iot-download .iot-download__block {margin-left: 0;width: 100%;margin-top: 20px;}
}
/*
関連リンク
================================================ */
.related .c-linkWithImage__image{border: none;}
@media only screen and (min-width: 768px){
.related {margin-top: 54px;}
}
/*
事例
================================================ */
.case img {width: 100%;height: auto;}
.case .has_col_wrap {width: 89.3335%;margin: 40px auto 0;}
.case #case_navi{position: relative;}
.case #case_navi .swiper-button-next { width: 40px; height: 40px; background-image: url(/fa/solutions/iot-case-study/assets/img/img_right_arr.png); left: auto; right: 0; background-size: 40px 40px;top:40%;}
.case #case_navi .swiper-button-prev { width: 40px; height: 40px; background-image: url(/fa/solutions/iot-case-study/assets/img/img_left_arr.png); left: 0; right: auto; background-size: 40px 40px;top:40%;}
.case .swiper-pagination {text-align: center;position: static;padding-left: 20px;padding-right: 10px;}
.case .swiper-pagination-bullet {width: 12px;height: 12px;}
.case .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 20px;}
.case .swiper-pagination-bullet-active{background-color: #ff0000;}
.case .swiper-control{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.case .swiper-button {font-size: 0; position: relative; width: 28px; height: 28px; padding: 8px;vertical-align: middle;}
.case .swiper-button:after, .case .swiper-button:before { position: absolute; top: 8px; bottom: 8px; display: block; width: 0; content: ""; border-left: 3px solid #000; }
.case .swiper-button:before { left: 9px; }
.case .swiper-button:after { right: 9px; }
.case .swiper-button.start:before {    position: static; top: auto; bottom: auto; width: 0; height: 0; border-width: 6px 0 6px 12px; border-style: solid; border-color: transparent transparent transparent #000; }
.case .swiper-button.start::after{display: none;}
@media only screen and (max-width: 767px){
.case{padding: 0;}
.case .swiper-slide.swiper-slide-active { opacity: 1; }
.case .swiper-slide { opacity: 0.2; transition: opacity .2s ease-out; }
.case #case_navi .swiper-button-next,.case #case_navi .swiper-button-prev {top:30%;}
.case .swiper-pagination {order: 4;width: 100%;}

}