@charset "UTF-8"; /* ============================================================================ ■ common ============================================================================ */ .cv-wrap { font-weight: 400; font-family: 'Noto Sans', sans-serif; word-break:normal; overflow-wrap: break-word; } .cv-wrap p { margin: 0; padding: 0; } .cv-wrap ul { list-style: none; margin: 0; padding: 0; } .cv-wrap dl, .cv-wrap dt, .cv-wrap dd { margin: 0; padding: 0; } a.cv-txtLink { text-decoration: underline; cursor: pointer; } a.cv-txtLink:hover { opacity: 1; text-decoration: none; } .case__toPdf { margin: 40px 0 0; padding: 0 20px; text-align: center; } .pdf__btn { font-size: 14px; font-weight: bold; text-align: center; } .pdf__btn img { max-width: 100%; height: auto; } .pdf__btn .mini{ font-size:12px; } .pdf__btn a { display: block; padding: 5px; background: #6accf1; color: #FFFFFF; margin-left: auto; margin-right: auto; position: relative; text-align: center; } .pdf__btn .icon{ display: inline-block; width: 8%; margin-right: 2%; vertical-align: middle; } .pdf__btn a::before, { content: ""; display: block; width: 18%; height: 0; padding: 12% 0 0; /*background-image: url(../../img/pdf_icon.png);*/ background-repeat: no-repeat; background-size: contain; position: absolute; top: 5px; left: 10px; } /* ---------------------------------------------------------------------------- ● PC ---------------------------------------------------------------------------- */ @media screen and (min-width:641px) , print { .cv-wrap { font-size: 16px; letter-spacing: 0.05em; } .cv-brSp { display: none; } .cv-phSp { display: none; } .cv-hidePc { display: none; } .cv-kome { font-size: 12px; font-weight: 400; } /* cv-content size ---------------------------------------------------------------------------- */ .cv-content1052 { max-width: 1052px; margin: 0 auto; width: 100%; padding: 0 10px; box-sizing: border-box; } .cv-content900 { max-width: 900px; margin: 0 auto; width: 100%; padding: 0 10px; box-sizing: border-box; } /* cv-btn ---------------------------------------------------------------------------- */ .cv-btnArea { text-align: center; } .cv-btn { display: inline-block; max-width: 285px; height: 60px; margin: 0 25px; width: 40%; } .cv-btn a { display: block; width: 100%; height: 100%; font-weight: 700; line-height: 60px; color: #fff; background: #6accf1; border-radius: 30px; cursor: pointer; } .pdf__btn { font-size: 18px; line-height: 18px; width: 310px; margin-left: auto; margin-right: auto; display: block; } .pdf__btn .text{ display: inline-block; vertical-align: middle; padding-top: 0.5%; } .pdf__btn .mini{ font-size:12px; } .pdf__btn a::before { width: 35px; height: 40px; padding: 0; top: 12px; left: 11px; } .pdf__btn a { padding: 12px 4px; color: #FFFFFF; } } /* ---------------------------------------------------------------------------- ● SP ---------------------------------------------------------------------------- */ @media screen and (max-width:320px){ .cv-hideMin { display: none; } } @media screen and (min-width:321px){ .cv-brMin { display: none; } } @media screen and (max-width:640px){ .cv-wrap { font-size: 14px; letter-spacing: 0.05em; } .cv-brPc { display: none; } .cv-phPc { display: none; } .cv-hideSp { display: none; } .cv-kome { font-size: 12px; font-weight: 400; } /* cv-content size ---------------------------------------------------------------------------- */ .cv-content1052, .cv-content900 { padding: 0 15px; } /* cv-btn ---------------------------------------------------------------------------- */ .cv-btnArea { text-align: center; } .cv-btn { display: inline-block; width: 76vw; height: 60px; } .cv-btn a { display: block; width: 100%; height: 100%; font-size: 16px; font-weight: 700; line-height: 60px; color: #fff; background: #6accf1; border-radius: 38vw; } /* pdf__btn ---------------------------------------------------------------------------- */ .pdf__btn a { padding:3%; color: #FFFFFF; } .pdf__btn a::before { background-size:55%; background-position: 5% 30%; } .pdf__btn .text{ display: inline-block; vertical-align: middle; padding-top: 0.5%; } } /* ============================================================================ ■ cv-contentContact ============================================================================ */ /* ---------------------------------------------------------------------------- ● PC ---------------------------------------------------------------------------- */ @media screen and (min-width:641px) , print { .cv-contentContact { margin: 150px auto 80px; } /* cv-contentTtl01 */ .cv-contentTtl01 { text-align: center; margin: 0 0 35px 0; } .cv-contentTtl01 .cv-lanJpTtl { font-size: 32px; line-height: 32px; font-weight: 700; margin: 0; } .cv-contentTtl01 .cv-lanEnTtl { font-size: 14px; font-weight: 700; letter-spacing: 0; text-align: center; margin: 10px auto 0; } .cv-contentTtl01 .cv-lanEnTtl span::before { width: 35px; content: ""; position: absolute; top: 50%; left: 0; border-top: #000 1px solid; } .cv-contentTtl01 .cv-lanEnTtl span::after { width: 35px; content: ""; position: absolute; top: 50%; right: 0; border-top: #000 1px solid; } .cv-contentTtl01 .cv-lanEnTtl span { position: relative; display: inline-block; padding: 0 55px; } /* cv-contactBtn */ .cv-contactBtn a { background: #6accf1 url(../img/icon_arrow_white_right.png) no-repeat 30px center; background-size: 10px auto; } } /* ---------------------------------------------------------------------------- ● SP ---------------------------------------------------------------------------- */ @media screen and (max-width:640px){ .cv-contentContact { margin: 80px auto 50px; } /* cv-contentTtl01 */ .cv-contentTtl01 { text-align: center; margin: 0 0 30px 0; } .cv-contentTtl01 .cv-lanJpTtl { font-size: 6.4vw; line-height: 6.4vw; font-weight: 700; margin: 0; } .cv-contentTtl01 .cv-lanEnTtl { font-size: 11px; font-weight: 700; letter-spacing: 0; text-align: center; margin: 10px auto 0; } .cv-contentTtl01 .cv-lanEnTtl span::before { width: 20px; content: ""; position: absolute; top: 50%; left: 0; border-top: #000 1px solid; } .cv-contentTtl01 .cv-lanEnTtl span::after { width: 20px; content: ""; position: absolute; top: 50%; right: 0; border-top: #000 1px solid; } .cv-contentTtl01 .cv-lanEnTtl span { position: relative; display: inline-block; padding: 0 30px; } /* cv-contactBtn */ .cv-contactBtn a { background: #6accf1 url(../img/icon_arrow_white_right.png) no-repeat 30px center; background-size: 10px auto; } .cv-contactBtn02 { margin-top: 20px; } }