.partner-sub_nav{ font-size: 0; } .partner-sub_nav li{ display: inline-block; margin-right: 3px; margin-top: 3px; width: 194px; padding:16px 0; color:#fff; text-align: center; cursor: pointer; font-size: 15px; background: #657D9B; position: relative; font-weight: 600; } .partner-sub_nav-2 li{ display: inline-block; margin-right: 3px; margin-top: 3px; width: 194px; padding:16px 0; color:#fff; text-align: center; cursor: pointer; font-size: 15px; background: #1B2D5A; position: relative; font-weight: 600; } .partner-sub_nav-2 li.hide{ opacity: 0.5; pointer-events: none; } .partner-sub_nav-2 li.active{ background: #f1bd19; } .leftSearch__list.ex{ background: none; /*display: flex;*/ flex-wrap: wrap; font-size: 0; margin-bottom: 0px; padding: 0!important; text-align: center; } .leftSearch__list.ex li{ width: 104px; margin-right: 11px; text-align: center; margin-bottom: 2px; font-size: 15px; display: inline-block; border-radius: 10px; } .leftSearch__list.ex li:last-child{ margin-right: 0; } .leftSearch__list.ex li.active{ background: #F1BD19; } .leftSearch__list.ex li input{ display: none; } .leftSearch__list.ex li .checkboxIcon{ display: none; } .leftSearch__list.ex li .checkbox_label{ padding-left: 0; display: block; width: 100%; background: #dcdddd; color: #4c4948; padding-top: 7px; padding-bottom: 7px; border-radius: 5px; font-size: 16px; } .checkbox:checked + .checkbox_label { background:#F1BD19!important; color: #fff!important; border-radius: 5px; } .partner-sub_nav li.active,.partner-sub_nav-2 li.active{ } /*.partner-sub_nav li:nth-child(4n),.partner-sub_nav-2 li:nth-child(4n){ margin-right: 0; }*/ .partner-sub_nav li::after,.partner-sub_nav-2 li::after{ content: ""; background: url("../img/yajirushi.png") no-repeat right top; background-size:100%; width: 6px; height: 11px; right:12px; position: absolute; top:40%; } .chCont{ display: none; } .linkList { margin: 15px auto; } .linkList__item{ margin: 0 0 15px; } .linkList__item img { width: 100%; height: auto; } .linkList__item a{ display: block; width: 100%; height: 100%; background: #fff; position: relative; } .linkList__item .logo-box img{ width: 78%; margin-left: auto; margin-right: auto; display: block; } .linkList__item .name-box{ padding:12px 14px 10px; background: #F1BD19; color:#fff; font-weight: 600; } .linkList__item .name-box p{ font-size: 12px; line-height: 1.5; } .linkList__item .ttl-box{ padding: 20px 14px 32px; font-weight: 700; color: #4C4948; min-height: 126px; box-sizing: border-box; } .linkList__item .ttl-box p{ font-size: 16px; line-height: 1.31; } .linkList__item .icon{ position: absolute; bottom: 15px; right: 15px; width: 22px; } .pick-box{ background: #F9F4D4; padding:37px 37px 22px; } .pick-box .line-ttl{ line-height: 1.6; font-size: 27px; text-align: center; font-weight: 700; } .pick-box .line-ttl span{ background: linear-gradient(transparent 80%, #fff100 0%); } /*202209追記*/ .tab2Area .copy1{ text-align: center; line-height: 1.33; color: #1b2d5a; font-size: 21px; margin-bottom: 15px; font-weight: 700; } .tab2Area .copy2{ color: #fff; font-size: 18px; margin-bottom: 15px; text-align: center; background: none; font-weight: 700; } .anc-list{ font-size: 0; margin-bottom: 33px; } .anc-list li{ display: inline-block; margin-right: 8px; width: 218px; } .anc-list li a{ display: block; padding-top: 8px; padding-bottom: 8px; position: relative; line-height: 1; font-size: 15px; text-align: center; font-weight: 700; } .anc-list li a::before{ width: 0; height: 0; right: 4%; content: ""; top: 45%; width: 8px; height: 12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; /*border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ec7299;*/ } .anc-list.ptn1 li a{ color: #ec7299; border-bottom: 2px solid #ec7299; border-left: 3px solid #ec7299; } .anc-list.ptn1 li a::before{ background: url("../img/arrow_01.svg") no-repeat center center / 100%; } .anc-list.ptn2 li a{ color: #d19811; border-bottom: 2px solid #d19811; border-left: 3px solid #d19811; } .anc-list.ptn2 li a::before{ background: url("../img/arrow_02.svg") no-repeat center center / 100%; } .anc-list.ptn3 li a{ color: #b06f2b; border-bottom: 2px solid #b06f2b; border-left: 3px solid #b06f2b; } .anc-list.ptn3 li a::before{ background: url("../img/arrow_03.svg") no-repeat center center / 100%; } .anc-list.ptn4 li a{ color: #519436; border-bottom: 2px solid #519436; border-left: 3px solid #519436; } .anc-list.ptn4 li a::before{ background: url("../img/arrow_04.svg") no-repeat center center / 100%; } .anc-list.ptn5 li a{ color: #3D97D3; border-bottom: 2px solid #3D97D3; border-left: 3px solid #3D97D3; } .anc-list.ptn5 li a::before{ background: url("../img/arrow_05.svg") no-repeat center center / 100%; } .link-area{ margin-top: -70px; padding-top: 70px; } .pick-box2{ background: #f7f8f8; padding:37px 37px 22px; } .logo-list{ display: flex; flex-wrap: wrap; } .logo-list li{ margin-bottom: 7px; padding-top: 3px; background: #fff; width: 24.2%; margin-right: 1%; text-align: center; } .logo-list li:nth-child(4n){ margin-right: 0; } .logo-list li .logo-box{ position: relative; z-index: 1; height: 76px; width: 100%; text-align: center; } .logo-list li .logo-box img{ position: absolute; height: 76px; width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .logo-list li .tex-box{ width: 100%; position: relative; z-index: 2; margin-top: -4px; height: calc(1.2em * 3); } .logo-list li .tex-box p{ line-height: 1.2em; width: 100%; font-size: 12px; top: 50%; left: 0%; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .wt-wrap{ padding: 15px 5px 20px; border: 2px solid #ffffff; margin-bottom: 18px; } @media screen and (min-width: 641px) { .linkList { margin: 30px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .linkList::after { content: ""; display: block; width: 252px; } .linkList__item { /*width: 32%;*/ width: 252px; } .partner-sub_nav li:nth-child(4n),.partner-sub_nav-2 li:nth-child(4n){ border-right:none; margin-right: 0; } /*.partner-sub_nav li:nth-child(-n+4),.partner-sub_nav-2 li:nth-child(-n+4){ border-top: none; margin-top: 0; }*/ } @media screen and (max-width: 640px) { .partner-sub_nav li,.partner-sub_nav-2 li{ width: calc(50% - 2px); margin-right: 2px; margin-top: 2px; padding:4% 0; color:#fff; text-align: center; cursor: pointer; font-size: 3.0vw; background: #657D9B; position: relative; } .partner-sub_nav li:nth-child(2n),.partner-sub_nav li:nth-child(4n){ margin-right: 0; border-right:none; } .partner-sub_nav-2 li:nth-child(2n),.partner-sub_nav-2 li:nth-child(4n){ margin-right: 0; } .partner-sub_nav li:nth-child(-n+2),.partner-sub_nav-2 li:nth-child(-n+2){ margin-top: 0; } .linkList__item:not(:last-child) { margin: 0 0 15px; } .linkList__item .name-box{ padding:5% 7% 4%; } .linkList__item .name-box p{ font-size: 3.3vw; line-height: 1.5; } .linkList__item .ttl-box{ padding:6% 7% 12%; min-height: inherit; } .linkList__item .ttl-box p{ font-size: 4.4vw; line-height: 1.31; } .pick-box{ padding: 20px 20px; } .pick-box2{ padding: 20px 20px; } .pick-box .line-ttl{ line-height: 1.6; font-size: 5.0vw; } .leftSearch.ex{ display: block; } .leftSearch__list.ex li{ width: 30%; margin-right: 3%; margin-top: 1vw; margin-bottom: 1vw; } .leftSearch__list.ex li:nth-child(3n){ margin-right: 0; } .leftSearch__list.ex li .checkbox_label{ font-size: 3.6vw; } .leftSearch__list.ex li .checkbox_label{ padding-right: 0; } .tab2Area .copy1{ line-height: 1.33; color: #1b2d5a; font-size: 4.4vw; margin-bottom: 3vw; } .tab2Area .copy2{ font-size: 3.9vw; margin-bottom: 3vw; } .anc-list{ font-size: 0; margin-bottom: 33px; } .anc-list li{ display: inline-block; margin-right: 0px; width: 100%; margin-bottom: 3vw; } .anc-list li a{ display: block; padding-top: 1vw; padding-bottom: 1vw; font-size: 3.9vw; } .logo-list li{ margin-bottom: 1vw; padding-top: 3vw; background: #fff; width: 49.5%; margin-right: 1%; text-align: center; } .logo-list li:nth-child(2n){ margin-right: 0; } .logo-list li .logo-box{ position: relative; z-index: 1; height: 15vw; width: 100%; text-align: center; } .logo-list li .logo-box img{ position: absolute; height:15vw; width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .logo-list li .tex-box{ width: 100%; position: relative; z-index: 2; margin-top: -2vw; height: calc(1.2em * 3); } .logo-list li .tex-box p{ line-height: 1.2em; width: 100%; font-size: 2.7vw; top: 50%; left: 0%; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .wt-wrap{ padding: 3vw 2vw 4vw; border: 2px solid #ffffff; margin-bottom: 3vw; } } /*202209追記ここまで*/