@charset "utf-8";

/* default part */
body { margin:0; padding:0; width:100%; font-family:'メイリオ', 'Meiryo', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;}
form {margin:0}
div,li,p,section,article,main,header,footer,label,h1,h2,h3,h4,h5 { box-sizing: border-box; }
p,h1,h2,h3,h4,h5,ul {margin:0}

/* reusable class */
.content {box-sizing: border-box; margin:0 auto; width:1280px;}
.narrow-content {box-sizing: border-box;margin:0 auto;width:950px}

.regular-color {color:#000}
.light-color {color:#fff;}
.dark-color {color:#0052A5}
.hilight-color {color:#F36108}

.light-background {background-color:#fff;}
.dark-background {background-color: #0052A5;}
.hilight-background {background-color: #F36108;}
.pale-background {background-color: #E1EFFD;}
.weak-background {background-color: #f4f4f4;}

.form-background {background-color: #fff3d8;}

.light-border {border:0px solid #FFF;}
.dark-border {border:0px solid #0052A5;}

.fix-bottom {position:fixed;width:100%;bottom:0;z-index: 90;}

.short-sepalator { display:inline-block; width:220px; height:7px; background-color: #0052A5;}
.content-spacer {padding-top:100px;padding-bottom:80px;}

/* loud speak which decolate with ( \ xxxxxxx /) */
.loud-speak {position:relative;display:inline-block}
.loud-speak::before {content:""; position:absolute; width:3px; height:48px; left:-15px; bottom:0; transform: rotate(-30deg); background-color: #0052A5;}
.loud-speak::after {content:""; position:absolute; width:3px; height:48px; right:-15px; bottom:0; transform: rotate(30deg); background-color: #0052A5;}

/* select button */
.select-button { position:relative; width:100%; height:60px; font-size:18px; padding:0 30px 0 21px; border-radius: 6px; border: 2px solid #D7D7D7; background-color: #F2F2F2; text-align: left; cursor: pointer;}
.select-button::after{ content:""; position:absolute; right:12px; top:50%; width:12px; height:12px; border-left: 2px solid #666; border-top:2px solid #666; transform: rotate(135deg) translate(0,60%);}

/* action botton */
.action-button { position:relative; box-sizing: border-box; width: 100%; height:80px; font-size:20px; color:#fff; border-radius: 6px; border:2px solid #F36108;; background: transparent linear-gradient(0deg, #E75A05FE 0%, #F96309 100%) 0% 0% no-repeat padding-box; cursor: pointer; transition: all 0.2s}
.action-button .action-triangle { position:absolute; width:24px; height:24px; border-radius:12px;border:1px solid #fff; background-color: #fff; right:15px; top:50%; transform: translate(0, -50%); }
.action-button .action-triangle::before { content:""; position:absolute; clip-path: polygon(0 0, 0% 100%, 100% 50%); width:12px; height:13px; background-color: #EB5F0A; top:50%; left:60%; transform: translate(-50%,-50%); }
.action-button:hover {color:#F36108;background: #FFF;}
.action-button:hover .action-triangle {border:1px solid #F36108;background-color: #F36108;}
.action-button:hover .action-triangle::before { background-color: #FFF;}

/* achordion */
label.achordion-toggle {display:inline-block;width:26px;height:26px;box-sizing: border-box;border:2px solid #0052A5;position:relative}
label.achordion-toggle.plus::before {content:"";width:3px;height:16px;background-color: #0052A5;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
label.achordion-toggle::after {content:"";width:16px;height:3px;background-color: #0052A5;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%)}
label.achordion-toggle input[type='checkbox'] {display:none}

/* ribbon */
.ribbon {padding:20px 0; margin-bottom:50px;}
.ribbon::before { content:""; position:absolute; clip-path: polygon(0 0, 50% 100%, 100% 0); width:56px; height:29px; background-color: #0052A5; bottom:-28px; left:50%; transform: translate(-50%,0);}
 

/* header part */
header { height: 104px;}
header > div.logo { margin-top:12px; padding:0px 24px; }
header > div.logo > p { color:#333333;}
header > div.logo > img { width:260px; }
header > div.access { height:104px; border-radius: 0px 0px 22px 22px; padding:7px 24.5px 10px 24.5px; right: 19px;}
header > div.access p:first-child { border-bottom:2px solid #fff; }
header > div.access p:first-child img { width:50px; vertical-align: middle; margin-right:7px; top:-3px;}
header > div.access p:last-child { margin-top:7px;}

/* navigation part */
nav.navigation { margin-top:22px; height:80px; width:100%;}
nav.navigation ul { height:100%; padding:0; }
nav.navigation li { list-style: none; letter-spacing: 0.5px; width:270px; padding:16px 0; margin:7px 0; border-left-width:2px; cursor:pointer}
nav.navigation li:last-child { border-right-width:2px }

/* main-visual part */
section.main-visual { width:100%; height:660px; background: url("/res/figure/lp/mainvisual.png") no-repeat center/cover; }
section.main-visual .sepalator .catch-images { margin-top:57px; margin-bottom:0; padding:0 22px 0px 40px; }
section.main-visual .sepalator img.logo { margin-top:20px; width:85%; }
section.main-visual .sepalator img.medals { margin-top:41px; width:85%; }
section.main-visual img.person { bottom:-110px; right:-170px; height:280px; }
section.main-visual span.notice { left:20px; bottom:7px; }


/* form part */
section.main-visual .sepalator div.form { right:0; bottom:0; top:57px; width:70%; }
section.main-visual .sepalator form > div { padding:35px 21px 0px 21px; }
section.main-visual .sepalator form label { margin-bottom:7px; }
section.main-visual .sepalator form label span { padding:1px 20px; margin-right:9px; }
section.main-visual .sepalator form .action-button .button-catch { height:70px; width:70px; border-radius: 35px; top:50%; transform: translate(0, -50%); left:15px; }
section.main-visual .sepalator form .action-button .button-catch > span { line-height: 16px; font-size:15px; display:table-cell; vertical-align: middle; }
section.main-visual .sepalator form .action-button .button-catch strong { font-size: 20px; font-weight:bolder; }
section.main-visual .sepalator form .action-button:hover .button-catch {background-color: #F36108;}
section.main-visual .sepalator form .action-button:hover .button-catch > span {color: #FFF;}



/* car-support part */
section.car-support h2 { margin-top:81px; }
section.car-support .support-items {margin-top:70px;}
section.car-support .support-items > div { width:33%; }
section.car-support .support-items div:nth-child(2) img { width:60%; }
section.car-support .support-items div:last-child img { width:60%; }
section.car-support .support-items div:first-child img { width:75%; }



/* consultation part */
section.consultation {margin-top:60px; padding-top:40px; padding-bottom:40px}
section.consultation h2 {padding:0 70px}

section.consultation .dialogues {width:85%;}
section.consultation .dialogue {margin-top:50px;}
section.consultation .dialogue .tag {padding-bottom:15px;}
section.consultation .dialogue .tag span {padding:5px 20px;}
section.consultation .dialogue > div:last-child {margin-top:40px; }
section.consultation .dialogue > div > div:first-child {width:20%}
section.consultation .dialogue > div > div:last-child {width:80%}
section.consultation .dialogue img  {width:182px; height:182px; border:none; border-radius: 91px; background-color: #9DBEE1;}
section.consultation .remarks {line-height: 40px}
section.consultation .emphasis {border:4px solid #0052A5; padding:68px 10px;}
section.consultation .emphasis p {margin:10px 0;}
section.consultation .emphasis p.accent { z-index: 1; }
section.consultation .emphasis p.accent::before { content:""; width:102%; height:10px; background-color: #F9E503; position:absolute; bottom:8px; left:-2%; z-index: -1;}

/* fukidash left arrow */
section.consultation .dialogue .left-bubble { position: relative; width:100%; border:1px solid #D2D3D4; background-color: #fff; padding:40px 20px 40px 20px; font-size:22px; border-radius:20px; }
section.consultation .dialogue .left-bubble:before { content: ""; position: absolute; top: 50%; transform: translate(0,-50%); left: -20px; width:20px; height:20px; clip-path: polygon(0% 50%, 100% 0%, 100% 100%); background-color: #D2D3D4; }
section.consultation .dialogue .left-bubble:after { content: ""; position: absolute; top: 50%; left: -18px; transform: translate(0,-50%); width:19px; height:19px; clip-path: polygon(0% 50%, 100% 0%, 100% 100%); background-color: #fff; }
/* fukidashi right arrow */
section.consultation .dialogue .right-bubble { position: relative; width:100%; border:1px solid #D2D3D4; background-color: #F4F5F7; padding:40px 20px 40px 20px; font-size:22px; border-radius:20px; }
section.consultation .dialogue .right-bubble:before { content: ""; position: absolute; top: 50%; transform: translate(0,-50%); right: -20px; width:20px; height:20px; clip-path: polygon(0% 0%, 0% 100%, 100% 50%); background-color: #D2D3D4; }
section.consultation .dialogue .right-bubble:after { content: ""; position: absolute; top: 50%; right: -18px; transform: translate(0,-50%); width:19px; height:19px; clip-path: polygon(0% 0%, 0% 100%, 100% 50%); background-color: #F4F5F7; }



/* cta part */
section.cta h2 { padding:0 20px 10px 20px; }
section.cta h2 img { width:70px; top:20px; margin-right:20px; }
section.cta .action {padding:0 40px;margin-top:30px}
section.cta .action > div:first-child {width:43%;padding:0 20px 0 0;}
section.cta .action > div:first-child > p {margin:0; padding:5px 0; border-bottom:3px solid #0052A5}
section.cta .action > div:first-child > p:first-child img { width:50px;top:5px;margin-right: 10px;}
section.cta .action > div:last-child {width:57%;}
section.cta .action > div:last-child a.action-button {height:93px;}
section.cta .tel-action { box-sizing: border-box; width:100%; height:60px; border: 2px solid #0052A5; border-radius: 6px; cursor:pointer; padding-left:80px; margin-top:10px; }
section.cta .tel-action::before{ content:url(/res/figure/icon-free-call.svg); position:absolute; width:45px; top:50%; left:10px; transform: translate(0,-50%); }
section.cta .tel-action p {margin:0}
section.cta .tel-action .action-triangle { width:24px; height:24px; border-radius:14px; border:2px solid #0052A5; right:15px; top:50%; transform: translate(0, -50%); }
section.cta .tel-action .action-triangle::before { content:""; position:absolute; clip-path: polygon(0 0, 0% 100%, 100% 50%); width:12px; height:13px; background-color: #0052A5; top:50%; left:60%; transform: translate(-50%,-50%); }


/* merit part */
section.merit .signboard { padding:30px 18px; }
section.merit .signboard > div {border: 3px solid #dcdcdc; padding:15px; border-radius: 13px; padding:40px 20px 40px 30px; height:100%; }
section.merit .signboard h3 { border-left:8px solid #0052A5; padding: 6px 10px; margin:20px 0; }

section.merit .signboard .caption { padding: 18px 30px 18px 50px; top:-20px; left:-15px; }
section.merit .signboard .caption::before { content:""; position:absolute; width:15px;height:12px; border-bottom:5px solid #fff; border-left:5px solid #fff; top:40%; left:18px; transform: translate(0,-50%) rotate(-45deg) ; }
section.merit .signboard .caption span { top:-2px; width:26px; height:26px; border-radius: 13px; line-height: 28px; margin-left:5px;}


/* feedback part */
section.feedback .swiper-wrapper { height:auto; margin-top:120px; padding-bottom:50px; }
section.feedback .swiper-slide { height:auto; }
section.feedback .swiper-button-next { right:-60px;}
section.feedback .swiper-button-prev { left:-60px; }
section.feedback .swiper-slide article { border-radius: 13px; padding:150px 20px 30px 20px; height:100%; }
section.feedback .swiper-slide article .portrait { width:172px; height:172px; border-radius: 86px; top:-60px; left:50%; transform: translate(-50%,0); }
section.feedback .swiper-slide article span.tag { padding:12px 24px; margin:5px 5px 5px 0; }
section.feedback .swiper-slide article .interview { margin: 30px 0; }
section.feedback .swiper-slide article .answer:first-child { border-bottom:1px solid #dcdcdc }

/* instruction part */
section.instruction {margin-top:120px;}
section.instruction .content {padding:0 30px}
section.instruction .item {border:2px solid #a6a7a6;border-radius:24px;margin:50px 0 110px 0;padding:20px 46px 38px 46px;font-size:18px}
section.instruction .item:not(:last-child)::after {content:"";position:absolute;width:8px;height:50px;background-color: #0052A5;left:50%;bottom:-80px;}
section.instruction .item .budge {width:84px;height:84px;border-radius: 42px;font-size:16px}
section.instruction .item .budge strong {font-size:26px}
section.instruction .item img {width:237px;margin-right:20px;}
section.instruction .item p {margin:0}
section.instruction .item ul {margin:0}


/* trouble part */
section.trouble .cover-trouble {width:1600px;margin:0 auto;padding:60px 0}
section.trouble .items {margin-top:130px;}
section.trouble .items > div {width:50%;}

section.trouble .item {background-color: #fff; padding:40px 22px; margin:0 62px 0 0; border-radius:20px; font-size: 18px; height:100%;}
section.trouble .item p {margin:0}
section.trouble .item p.case {font-size:24px;margin:0 0 80px 0;transform: translate(20px,0);}
section.trouble .item img {width:172px;height:172px;border-radius:86px;top:0;left:0;transform: translate(0,-60%);background-color: #9DBEE1;}

section.trouble .notice {margin-top:60px;border:3px solid #043B96;padding:40px 0;background-color: #fff;}
section.trouble .notice h3 {font-size:30px;padding:0 20px}
section.trouble .notice ul {list-style: none;}
section.trouble .notice ul li {font-size:24px;margin:15px 0;padding-left:30px;}
section.trouble .notice ul li::before {content:"";display:inline-block;position:relative;top:3px;background: url(/res/figure/lp/check.svg) no-repeat;width:30px;height:25px;margin-right:10px;}
section.trouble .notice .advice {font-size:24px;width:90%;margin:0 auto;padding:40px 0;margin-top:40px;}


/* qa part */
section.qa {padding-top:120px;padding-bottom:100px}
section.qa .dialogue {padding:50px 0 50px 0; position:relative}
section.qa .dialogue::after {content:"";position:absolute;width:100%;height:2px;background-color: #fff;bottom:0;left:0}
section.qa .dialogue > div {padding-bottom:50px}
section.qa .question > div {font-size:24px;}
section.qa .question > div:first-child > div {width:65px;height:65px;border-radius: 34px;margin-right:20px;}
section.qa .question > div:first-child > div > span {font-size:42px;}
section.qa .question > div:last-child {line-height: 41px;}
section.qa .answer {font-size:18px;line-height:32px}
section.qa .answer p, section.qa .answer ul {margin:0;}
section.qa .answer p {padding:10px 0}

/* jpuc part */
section.jpuc div.jpuc {margin-top:40px; padding:60px 10px 80px 53px;}
section.jpuc div.jpuc h3 {margin:8px 0}
section.jpuc div.jpuc p {margin:8px 0}
section.jpuc div.jpuc > div > div:last-child {margin-left:46px}
section.jpuc div.jpuc > div:last-child {margin-top:46px}
section.jpuc div.jpuc img {width:247px;}

/* footer part */
footer .footer-content {padding:50px 50px 100px 50px}
footer .footer-content > .content > div:first-child {left:-307px;top:-20px}
footer .footer-content > div:first-child img {width:263px; margin:0 30px}
footer .footer-content > div:first-child ul {list-style: none;padding:0}
footer .footer-content > div:first-child li {margin:10px 0;padding:1px 1px 1px 1px}
footer .footer-content > div:first-child li::after {content:"|";padding-left:4px}
footer .footer-content > div:first-child li:first-child::before {content:"|";padding-right:4px}
footer .footer-content hr {width:80%;margin-top:80px;margin-bottom:60px}
footer .footer-content > div:last-child img {width:80px;position:relative;top:-15px}

div.scroll-top {width:80px;height:80px;bottom:100px; right:10px; z-index:7}
div.scroll-top::before {content:"";position:absolute;border:0px solid #fff;width:30px;height:30px;border-top-width: 10px;border-right-width: 10px;top:35%;left:58%;transform: rotate(-45deg) translate(-50%,-50%);cursor: pointer;}

section.kaitori-fixed-banner > a {background-color: #164081;left:0}
section.kaitori-fixed-banner > a > div {padding:5px 10px}
section.kaitori-fixed-banner > a > div h5 {margin:0 0 5px 0;color:#FFFF00;position:relative; font-size: 20px;}
section.kaitori-fixed-banner > a > div h5::before {content:"";width:1px;height:1px;border:2px solid transparent;border-top:20px solid #FFFF00;position:absolute;left:-15px;top:5px;transform:rotate(-25deg)}
section.kaitori-fixed-banner > a > div h5::after {content:"";width:1px;height:1px;border:2px solid transparent;border-top:20px solid #FFFF00;position:absolute;right:-15px;top:5px;transform:rotate(25deg)}
section.kaitori-fixed-banner > a > div p.action {padding:5px 10px;border-radius: 5px;border:2px solid #FFF;background-color: #F36108;color:#FFF}
section.kaitori-fixed-banner > a > div h6 {padding:0 40px;margin:0;color:#FFF;font-size:24px}
section.kaitori-fixed-banner > a:hover > div p.action {color:#F36108;background-color: #FFF;border-color: #F36108;}

.kaitori-popup .container {padding-top:15px;padding-bottom:15px}
.kaitori-popup-content.top-margin-half {margin-top: 5px;}

@media screen and (min-width:769px) {
    
    main,header {min-width: 1640px;}
    /*pc only font style*/
    .fontsize-xlarge-pc {font-size:42px}
    .fontsize-less-xlarge-pc {font-size:40px}
    .fontsize-largest-pc {font-size: 34px;}
    .fontsize-larger-pc {font-size:32px}
    .fontsize-large-pc {font-size:30px}
    .fontsize-less-large-pc {font-size:28px}
    .fontsize-more-middle-pc {font-size:24px}
    .fontsize-middle-pc {font-size:22px}
    .fontsize-less-small-pc {font-size:20px}
    .fontsize-small-pc {font-size:18px}
    .fontsize-smaller-pc {font-size:14px}
    .fontsize-xsmall-pc {font-size:12px}
}

@media screen and (max-width:768px){
    /*sp only font style*/
    .fontsize-xlarge-sp {font-size:24px} 
    .fontsize-largest-sp {font-size:20px}
    .fontsize-larger-sp {font-size:19px}
    .fontsize-large-sp {font-size:16px}
    .fontsize-less-large-sp {font-size:15px}
    .fontsize-middle-sp {font-size:14px}
    .fontsize-less-small-sp {font-size:12px}
    .fontsize-small-sp {font-size:10px}
    .fontsize-smaller-sp {font-size:8px}

    /* reusable class */
    .content {width:auto}
    .narrow-content {width:auto}
    .short-sepalator {width:120px}

    /* loud speak which decolate with ( \ xxxxxxx /) */    
    .loud-speak::before {left:16px;height:36px;bottom:0;top:auto}
    .loud-speak::after {right:16px;height:36px;bottom:0;top:auto}

    /* select button */
    .select-button {height:40px;}
    .select-button::after{ content:""; position:absolute; right:12px; top:50%; width:8px; height:8px; border-left: 2px solid #666; border-top:2px solid #666; transform: rotate(135deg) translate(0,60%);}
    
    /* action botton */
    .action-button {font-weight: bold;height:60px}
    .action-triangle {width:16px;height:16px;}
    .action-triangle::before {width:10px;height:11px}
    
    /* achordion ***** is smartphone only */
    .achordion-item-sp {height:0;overflow: hidden;transition:height 0.4s;}

    /* ribbon */
    .ribbon::before {bottom:-16px;}

    
    /* header part */
    header {height:63px;z-index:1;z-index:99}
    header > div.logo {padding:0 6px}
    header > div.logo > img { width:134px; }
    header .hamburger-container {padding-right:10px}
    header .hamburger {width:37px;height:37px;top:10px;}
    header .hamburger > span {width:25px;height:3px;border-radius: 2px;left:50%;transition: all 0.5s;}
    header .hamburger > span:first-child {top:50%;transform: translate(-50%, -10px);}
    header .hamburger > span:nth-child(2) {top:50%;transform: translate(-50%,-50%);}
    header .hamburger > span:last-child {top:50%;transform: translate(-50%, 7px);}
    header .hamburger.open > span:first-child {width:29px;top:17px;left:4px;transform: rotate(225deg);}
    header .hamburger.open > span:nth-child(2) {display:none}
    header .hamburger.open > span:last-child {width:29px;top:17px;left:4px;transform: rotate(-225deg);}

    main {padding-top:63px}

    /* navication part */
    nav.navigation {height:auto; z-index: 1;margin:0;overflow: hidden;z-index:10}
    nav.navigation li {width:100%;border-left-width:0px;border-bottom-width:2px;margin:0;padding-left:10px}
    nav.navigation li:last-child { border-right-width:0px }
    div.navigation-overlay {width:100%;height:100%;background-color: #000;opacity: 0.5;top:65px;left:0;z-index:9}

    /* main visual part */
    section.main-visual {height:auto; background: url("/res/figure/lp/mainvisual_sp.png") no-repeat; background-position: top; background-size:100%; background-clip: padding-box; }
    section.main-visual .sepalator .catch-images {margin:13px 10px; padding:0;}
    section.main-visual .sepalator img.logo {margin:0px 0px 0px 20px;width:70%;}
    section.main-visual .sepalator img.medals {margin:20px 0px 0px 22px;width:60%;}
    section.main-visual img.person {height:126px;right:8px;bottom:0px}


    /* form part */
    section.main-visual .sepalator div.form { width:95%; margin: 0 auto; box-shadow: 0px 3px 6px #00000029; padding-bottom:40px; }
    section.main-visual .sepalator form > div { padding:15px 21px 0px 21px; }
    section.main-visual .sepalator form label span { padding:1px 10px; margin-right:9px; }
    section.main-visual .sepalator form .button-catch { width:50px !important; height:50px !important; border-radius: 25px !important; }
    section.main-visual .sepalator form .button-catch > span {font-size: 12px !important;}
    section.main-visual .sepalator form .button-catch strong {font-size:15px !important;}


    /* car-support part */
    section.car-support h2 {margin-top:30px}
    section.car-support .support-items {margin-top:0px;}
    section.car-support .support-items > div {width:100%;margin-top:40px;}
    section.car-support span.circle-check {display:inline-block;position:relative;top:6px;margin-right:10px;width:23px;height:23px;border-radius: 12px;background-color: #004CA0;}
    section.car-support span.circle-check::before {content:"";position:absolute;width:10px;height:6px;border-bottom:3px solid #fff;border-left:3px solid #fff;top:40%;left:50%;transform: translate(-50%,-50%) rotate(-45deg) ;}


    /* consultation part */
    section.consultation {padding-bottom:60px}
    section.consultation h2 {padding: 0 35px}
    section.consultation .dialogues {width:92%}
    section.consultation .dialogue img  {width:100px; height:100px;}
    section.consultation .dialogue > div > div:first-child {width:150px}
    section.consultation .dialogue .left-bubble {font-size:14px; padding:15px;}
    section.consultation .dialogue .right-bubble {font-size:14px; padding:15px;}
    section.consultation .remarks {padding: 0 10px;line-height: 28px; }
    section.consultation .emphasis {padding:20px 2px;margin:0 6px;}
    section.consultation .emphasis p {margin:5px 0;}
    section.consultation .emphasis p.accent::before {height:7px;bottom:4px}

    /* cta part */
    section.cta h2 { padding:0 40px 0 80px;}
    section.cta h2 img { width:40px; top:-20px; left:40px;}
    section.cta .action {padding:0 20px;}
    section.cta .action > div:last-child {width:100%;}
    section.cta .action > div:last-child  {width:100%;}
    section.cta .action > div:last-child a.action-button { height:60px; }
    section.cta .tel-action .action-triangle{ width:16px;height:16px;right:11px;}
    section.cta .tel-action .action-triangle::before {width:10px;height:11px}


    /* merit part */
    section.merit .signboard {padding:30px 0;}
    section.merit .signboard > div {border:none;border-top:3px solid #dcdcdc;border-radius: 0;padding:40px 6px 40px 6px;}
    section.merit .signboard .caption {font-size:14px;padding:10px 30px 10px 50px;left:1px}
    section.merit .signboard .caption::before {width:12px; height:8px}
    section.merit .signboard .caption span {width:22px;height:22px;line-height: 24px;}
    section.merit .signboard h3 {padding:8px 10px}

    /* feedback part */
    section.feedback .content {width:85%}
    section.feedback .swiper-button-next { right:-20px;}
    section.feedback .swiper-button-prev { left:-20px; }


    /* instruction part */
    section.instruction {margin-top:120px;}
    section.instruction .content {padding:0}
    section.instruction .item {border:none;border-radius:0px;margin:50px 0 110px 0;padding:15px 12px 15px 12px;font-size:12px}
    section.instruction .item:not(:last-child)::after {content:"";position:absolute;width:8px;height:50px;background-color: #0052A5;left:50%;bottom:-80px;}
    section.instruction .item .budge {width:52px;height:52px;border-radius: 26px;font-size:10px}
    section.instruction .item .budge strong {font-size:16px}
    section.instruction .item img {width:185px;margin: 15px auto;display:block}
    section.instruction .item h3 {margin:0 10px;}
    


    /* trouble part */
    section.trouble .cover-trouble {width:auto;margin:0}
    section.trouble .items {margin-top:60px}
    section.trouble .items > div {width:100%;}

    section.trouble .item {background-color: #fff; padding:30px 20px 30px 20px; margin:0 10px 50px 10px; border-radius:20px; font-size: 12px; height:100%;}
    section.trouble .item p {margin:0}
    section.trouble .item p.case {font-size:14px;margin:0 0 40px 0;transform: translate(10px,0);}
    section.trouble .item img {width:100px;height:100px;border-radius:50px;top:0;left:0;transform: translate(0,-60%);background-color: #9DBEE1;}

    section.trouble .notice {margin-top:60px;border:3px solid #043B96;padding:20px 0;background-color: #fff;}
    section.trouble .notice h3 {font-size:15px;padding:0 60px}
    section.trouble .notice ul {list-style: none;padding-left:20px}
    section.trouble .notice ul li {position:relative;font-size:12px;margin:10px 0;padding:0 22px;}
    section.trouble .notice ul li::before {content:"";position:absolute;display:inline-block;top:3px;left:0;background: url(/res/figure/lp/check.svg) no-repeat;width:17px;height:14px;}
    section.trouble .notice .advice {font-size:12px;width:90%;margin:0 auto;padding:10px 15px;margin-top:40px;}

    /* qa part */
    section.qa {padding-top:37px;padding-bottom:100px}
    section.qa .dialogue {padding:30px 0px 10px 0px; margin:0 15px;}
    section.qa .dialogue::after {width:90%;left:50%;transform: translate(-50%,0);}
    section.qa .dialogue > div {padding-bottom:0px;margin-bottom:0px}
    section.qa .question > div {font-size:14px;}
    section.qa .question > div:first-child > div {width:36px;height:36px;border-radius: 18px;margin-right:10px;}
    section.qa .question > div:first-child > div > span {font-size:23px;}
    section.qa .question > div:last-child {line-height: 20px;}
    section.qa .answer {font-size:12px;line-height:20px;}
    
    /* jpuc part */
    section.jpuc div.jpuc {margin-top:20px; padding:40px 20px 40px 20px;}
    section.jpuc div.jpuc > div > div:last-child {margin-left:0}
    section.jpuc div.jpuc > div:last-child {margin-top:18px}

    /* footer part */
    footer .footer-content {padding:30px 6px 60px 6px}
    footer .footer-content > .content > div:first-child {left:auto;top:auto}
    footer .footer-content > div:first-child img {width:195px;}
    footer .footer-content > div:first-child li {margin:3px 0;padding:1px 1px 1px 1px}
    footer .footer-content > div:first-child li::after {content:"|";padding-left:3px}
    footer .footer-content > div:first-child li:first-child::before {content:"|";padding-right:3px}
    footer .footer-content hr {width:100%;margin-top:30px;margin-bottom:30px}
    footer .footer-content > div:last-child img {width:60px;position:inline-block;}

    div.scroll-top {width:40px;height:40px;bottom:110px}
    div.scroll-top::before {content:"";position:absolute;border:0px solid #fff;width:15px;height:15px;border-top-width: 5px;border-right-width: 5px;top:35%;left:58%;transform: rotate(-45deg) translate(-50%,-50%);cursor: pointer;}

    section.kaitori-fixed-banner > a h5 {font-size: 20px;}
    section.kaitori-fixed-banner > a h6 {display: none;}
}