img{ max-width: 100%; } /*お申込みページ*/ .con-top{ margin-top: 30px; margin-bottom: 40px; } .con-top h1{ letter-spacing: 0.15em; font-size:33px ;font-weight: 700; color:#1b2d5a ; } .con-top p{ line-height: 1.9; } .con-top .note{ font-size: 10px; } .con-wrap .con-div{ width: 49%; margin-right: 2%; } .con-wrap.col3 .con-div{ width: 32%; margin-right: 2%; } .con-wrap .con-div:last-child{ margin-right: 0; } .con-wrap .con-div h2{ background: #88A7CD; color:#fff; text-align: center; line-height: 1.35; font-size: 22px; font-weight: 700; padding:35px 35px; } .con-wrap .con-div .copy-box{ font-size: 16px; line-height: 1.62; font-weight: 700; color: #7796c2; margin-bottom: 15px; min-height: 65px; } .con-wrap .con-div .copy-box .mini{ font-size: 14px; } .con-wrap .con-div .exm-text{ margin-top: 25px; min-height: 105px; } .con-wrap .con-div .exm-text dt{ font-size: 14px; font-weight: 700; margin-bottom: 10px; } .con-wrap .con-div .exm-text dt span{ color: #88a7cd; } .con-wrap .con-div .exm-text dd{ font-size: 14px; line-height: 1.78; } .con-wrap .item-wrap{ padding:20px 30px 30px; background: #f8f4d4; } .con-wrap .con-div .link-box-1 a{ font-size: 13px; padding:10px 10px; display: block; width: 100%; height: 100%; box-sizing: border-box; } .con-wrap .con-div .link-box-2{ margin-top: 10px; } .con-wrap .con-div .link-box-2 a{ font-size: 16px; padding:10px 10px; display: block; width: 100%; height: 100%; background: #EF7A10; color:#fff; box-sizing: border-box; font-weight: 700; text-align: center; } .con-wrap.col3 .con-div .link-box-2 a{ text-align: left; } .con-wrap .con-div .icon-1{ width: 16px; margin-right: 5px; display: inline-block; vertical-align: middle; line-height: 21px; } .con-wrap .con-div .icon-2{ width: 20px; margin-left: 10px; display: inline-block; vertical-align: middle; line-height: 21px; } .con-wrap .con-div .icon-3{ width: 16px; margin-right: 5px; display: inline-block; vertical-align: middle; line-height: 21px; } @media screen and (min-width: 641px) { .con-wrap{ display: flex; } .main { width: 883px; margin-right: 2px; } .wrap2 { width: 860px; } .con-wrap.col3 .con-div h2{ padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 640px) { /お申込みページ*/ .wrapper { padding-left: 20px; padding-right: 20px; } .con-box{ padding:0px 0px; } .con-top h1{ letter-spacing: 0.1em; font-size:24px ;font-weight: 700; color:#1b2d5a ; } .con-wrap .con-div{ width: 100%; margin-right: 0; } .con-wrap.col3 .con-div{ width: 100%; margin-right: 0; } .con-wrap .con-div.last{ margin-right: 0; } .con-wrap .con-div h2{ font-size: 4.4vw; font-weight: 700; padding:5vw 1vw; } .con-wrap .item-wrap{ padding:4vw 6vw 6vw; } .con-wrap .con-div .link-box-1 a{ font-size: 3.3vw; padding:3vw 3vw; } .con-wrap .con-div .link-box-2{ margin-top: 10px; } .con-wrap .con-div .link-box-2 a{ font-size: 3.9vw; padding:3vw 3vw; } .con-wrap .con-div .icon-1{ width: 8%; margin-left: 2%; display: inline-block; vertical-align: middle; line-height: 21px; } .con-wrap .con-div .icon-2{ width: 10%; margin-left: 2%; display: inline-block; vertical-align: middle; line-height: 21px; } .con-wrap .con-div .icon-3{ width: 8%; margin-left: 2%; display: inline-block; vertical-align: middle; line-height: 21px; } .con-wrap .con-div .link-box-2 a{ text-align: left; } .con-wrap .con-div .copy-box{ min-height: inherit; } .con-wrap .con-div .exm-text{ min-height: inherit; } }