.head-box.case{ background: #F5F6F7; overflow: hidden; margin-bottom: 114px; } .head-box.case .contents{ display: flex; justify-content: space-between; } .head-box.case .contents .img-boxwrap-ex{ width: 48%; position: relative; } .head-box.case .contents .img-boxwrap-ex img{ padding-right: 50%; margin-right: -50%; object-fit: cover; max-width: 130%; position: absolute; top:50%; transform: translateY(-50%); left: 0%; max-width: 950px; object-position: center; } .head-box.case .contents .case__header{ width: 49%; margin-bottom: 0; padding-top: 117px; padding-bottom: 117px; position: relative; } .case-obi{ margin-bottom: 8px; } .case-obi span{ display: inline-block; background: #0D2EA1; color: #fff; padding: 4px 20px; border-radius: 5px; font-size: 20px; font-weight: 600; } .case-obi span.case-name{ background: none; color: #0D2EA1; padding: 4px 20px;; font-size: 20px; font-weight: 700; } .head-box.case .contents .case__header .h1-txt{ margin-bottom: 24px; } .event-tablebox{ margin-bottom: 114px; } .event-tablebox table{ width: 100%; } .event-tablebox tr th{ border-bottom: 2px dashed #CCCCCC; width: 210px; padding-top: 16px; padding-bottom: 16px; font-size: 16px; line-height: 1.6em; vertical-align: top; font-weight: 700; padding-right: 5px; } .event-tablebox tr td{ width: calc(100% - 210px); padding-top: 16px; padding-bottom: 16px; font-size: 16px; line-height: 1.6em; font-weight: 400; vertical-align: top; border-bottom: 2px dashed #CCCCCC; } .event-tablebox tr td a{ text-decoration: underline; } .event-tablebox tr:last-child th{ border-bottom: 0; padding-bottom: 0; } .event-tablebox tr:last-child td{ border-bottom: 0; padding-bottom: 0; } .event-tablebox tr:first-child th{ padding-top: 12px; } .event-tablebox tr:first-child td{ padding-top: 12px; } .column__text{ font-size: 16px; line-height: 1.6em; font-weight: 700; } .column__text.indent{ padding-left: 1em; text-indent: -1em; margin-bottom: 12px; } .head-box.case .contents .case__header .column__text.indent:last-child{ margin-bottom: 0; } .br-mini{ color: #0D2EA1; } .eve-wrap{ max-width: 1100px; margin-left: auto; margin-right: auto; padding-bottom: 114px; } .item-box ul{ display: flex; flex-wrap: wrap; } .item-box ul li{ width: 49%; margin-right: 2%; margin-bottom: 48px; } .item-box ul li:nth-child(2n){ margin-right: 0; } .item-box ul li .wp_use_img{ margin-bottom: 20px; } .item-box ul li .wp_use_img img{ max-width: 100%; } .item-box ul li .wp_use_content .title{ margin-bottom: 8px; font-size: 14px; line-height: 1.6em; } .item-box ul li .wp_use_content .link-title{ margin-bottom: 16px; font-size: 18px; line-height: 1.5em; } .item-box ul li .wp_use_content .link-title a{ color: #0D2EA1; font-weight: 700; text-decoration: underline; border-bottom: none!important; } .item-box ul li .wp_use_content{ font-size: 16px; line-height: 1.6em; } .item-box ul li .wp_use_content a{ text-decoration: underline; } .tenji-box{ padding-top: 44px; padding-bottom: 44px; background: #0D2EA1; margin-bottom: 114px; } .tenji-box .tenji-ttl{ text-align: center; margin-bottom: 24px; font-size: 24px; font-weight: 700; line-height: 1.3em; color: #fff; } .tenji-box .newlink-btn{ max-width: 428px; } .tenji-box .newlink-btn .outlinkicon{ display: inline-block; width: 17px; margin-left: 7px; margin-top: -2px; vertical-align: middle; } .tenji-box .newlink-btn .outlinkicon img{ width: 100%; display: block; } .bottom-btn{ font-weight: bold; position: relative; display: block; text-align: center; width: 100%; margin-top: 12px; } .bottom-btn a{ color: #fff; display: inline-block; background: #0D2EA1; position: relative; text-align: left; padding: 14px 20px 13px 20px; width: 300px; box-sizing: border-box; font-size: 16px; border-radius: 3px 3px 3px 3px; } .bottom-btn a .yajirushi{ position: absolute; top: 50%; right: 17px; transform: translateY(-50%); width: 8px; } .bottom-btn a .yajirushi img{ display: block; width: 100%; } @media screen and (min-width: 901px) { .head-box.case .contents .case__header .h1-txt{ font-size: 40px; } .tenji-box .newlink-btn a{ padding-top: 14px; padding-bottom: 13px; } } @media screen and (max-width: 900px) { .head-box.case{ background: #F5F6F7; margin-bottom: 26.6vw; } .head-box.case .contents{ display: block; width: 100%; } .head-box.case .contents .img-boxwrap-ex{ width: 100%; height: 50vw; overflow: hidden; } .head-box.case .contents .img-boxwrap-ex img{ padding-right: 0%; margin-right: -0%; object-fit: cover; max-width:100%; top: 50%; transform: translateY(-50%); } .head-box.case .contents .case__header{ width: 100%; padding: 10vw 5.3vw; box-sizing: border-box; } .column__text{ font-size: 4.2vw; font-weight: 700; } .column__text.indent{ margin-bottom: 3.2vw; } .col-obi span{ padding: 2.6vw 5.3vw; font-size: 4.8vw; } .case-obi span.case-name{ padding-left: 0; margin-top: 1vw; display: block; } .event-tablebox{ margin-bottom: 13vw; } .event-tablebox tr th{ border-bottom: 2px dashed #CCCCCC; width: 26.6vw; padding-top: 4.2vw; padding-bottom: 4.2vw; font-size: 4.2vw; line-height: 1.6em; padding-right: 5.3vw; } .event-tablebox tr td{ width: calc(100% - 31.9vw); padding-top: 4.2vw; padding-bottom: 4.2vw; font-size: 4.2vw; line-height: 1.6em; vertical-align: top; border-bottom: 2px dashed #CCCCCC; } .event-tablebox tr:last-child th{ border-bottom: 0; padding-bottom: 0; } .event-tablebox tr:last-child td{ border-bottom: 0; padding-bottom: 0; } .event-tablebox tr:first-child th{ padding-top: 4.5vw; } .event-tablebox tr:first-child td{ padding-top: 4.5vw; } .eve-wrap{ max-width: none; margin-left: auto; margin-right: auto; padding-bottom: 26.6vw; } .item-box ul{ display: flex; flex-wrap: wrap; } .item-box ul li{ width: 100%; margin-right: 0%; margin-bottom: 16vw; } .item-box ul li:nth-child(2n){ margin-right: 0; } .item-box ul li:last-child{ margin-bottom: 0; } .item-box ul li .wp_use_img{ margin-bottom: 5.3vw; } .item-box ul li .wp_use_img img{ max-width: 100%; } .item-box ul li .wp_use_content .title{ margin-bottom: 2.1vw; font-size: 3.7vw; line-height: 1.6em; } .item-box ul li .wp_use_content .link-title{ margin-bottom: 5vw; font-size: 4.2vw; line-height: 1.5em; } .item-box ul li .wp_use_content{ font-size: 4.2vw; line-height: 1.6em; } .item-box ul li .wp_use_content a{ text-decoration: underline; } .tenji-box{ padding-top: 10.6vw; padding-bottom: 10.6vw; margin-bottom: 26.6vw; padding-left: 8.5vw; padding-right: 8.5vw; } .tenji-box .tenji-ttl{ margin-bottom: 6.4vw; font-size: 5.3vw; font-weight: 700; line-height: 1.3em; } .tenji-box .newlink-btn{ max-width: 72vw; } .tenji-box .newlink-btn .outlinkicon{ display: inline-block; width: 4.5vw; margin-left: 1vw; vertical-align: middle; } .bottom-btn{ font-weight: bold; position: relative; display: block; text-align: center; width: 100%; margin-top: 16vw; } .bottom-btn a{ padding: 3.7vw 5.3vw; display: block; position: relative; border-radius: 1vw 1vw; font-weight: 600; width: 100%; font-size: 4.2vw; } .tenji-box .newlink-btn a{ border-radius: 0.3vw; padding-top: 5.3vw; padding-bottom: 5.3vw; } .case-obi{ margin-bottom: 6.4vw; } .case-obi span{ padding: 1.6vw 5.3vw; font-size: 4.8vw; border-radius: 0.7vw; } }