@charset "UTF-8";
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none; }
body { padding: 0; margin: 0; color: #000; font-size: 3.4vw; font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; -webkit-text-size-adjust: 100%; font-style: normal; line-height: 1; }
@media all and (-ms-high-contrast: none) {  body {font-family: "メイリオ", Meiryo, sans-serif; } }
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; }
blockquote, q { quotes: none; }
ul, ol, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
img, video, object { height: auto; border: none; display: block; }
ins { background: none; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; display: block; }
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
a {color: #000;text-decoration: none;display: block;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;transition: 0.3s;}
a:hover { opacity: 0.6; }
.clearfix:after { content: ''; display: block; clear: both; }

.pc { display: none; }
.sp { display: block; }
.inner { width: 100%; margin: auto; }

.container { width: 100%; padding-top: 50px; overflow: hidden; }
.js-body { width: 100%; height: 100%; position: fixed; }
.google-map { width: 100%; overflow: hidden; position: relative; }
.google-map iframe, .google-map object, .google-map embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.social-items { margin-top: 5px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.social-items li {width: 28px;margin: 0 4px;}
.social-items img { width: 100%; }

.text-orange { color: #fa8b22;font-size: 120%;}
.text-blue { color: #239EE6;font-size: 120%;}

/* header
----------------------------------------------- */
.header { position: relative;width: 100%; z-index: 10; position: fixed; left: 0; top: 0;background:rgba(0, 159, 231, 0.9); }
.header-seo{  display: none;}

.pc-header { display: none; }
.header-top {width: 100%;height: 50px;padding-top: 1px;/*background:rgba(0, 159, 231, 0.9);*/}
.header-logo {width: 125px;margin-top: 12px;margin-left: 4%;}
.header-logo img { width: 100%; }
.header-line { width: auto; height: 50px; position: absolute; top: 0; right: 100px; }
.header-line img { width: auto; height: 100%; }
.header-tel {width: auto;height: 50px;position: absolute;top: 0;right: 50px;}
.header-tel img { width: auto; height: 100%; }

.header-navi-button .line-text {margin-top: 6px;color: #fff;font-size: 10px;font-family: "Verdana";font-weight: 400;text-align: center;display: block;-moz-transform: scale(0.75, 0.75);-ms-transform: scale(0.75, 0.75);-webkit-transform: scale(0.75, 0.75);transform: scale(0.75, 0.75); position: absolute;top: 30px;left: 9px;}

.header-navi-button {width: 50px;height: 50px;cursor: pointer;z-index: 11;position: absolute;background: #5aa6e4;top: 0;right: 0;}
.header-navi-button .line { width: 7vw; height: 1px; background: #fff; position: absolute; left: 12px; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.header-navi-button .line-top { top: 2.5vw;}
.header-navi-button .line-middle { top: 5vw;}
.header-navi-button .line-bottom {top: 7.5vw;}

.header-navi { width: 75vw; height: 100%; background: #fff; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); z-index: 1; opacity: 0; visibility: hidden; position: fixed; top: 0; left: -10vw; -moz-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.header-navi-inner { width: 100%; height: 100%; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.header-navi-inner::-webkit-scrollbar { display: none; }

.header-navi-scroll { width: 100%; height: 100%; padding-bottom: 1px; background: #fff; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.header-navi-scroll::-webkit-scrollbar { display: none; }
.header-navi-mask { width: 100vw; height: 100vh; background: rgba(247, 247, 247, 0.5); z-index: -1; position: fixed; top: 0; left: 0; }

.header-navi-items { width: 100%; margin: 0 auto 20px; }
.header-navi-item { width: 100%; text-align: center; border-bottom: 1px solid #eee; position: relative; }
.header-navi-item a {padding: 6vw 0;}
.header-navi-item .jp {font-size: 4.5vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;line-height: 1.4;display: block;}
.header-navi-item .en { color: #afa88f; font-size: 3.42vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif; }

.header-navi-open { width: 100%; height: 100%; position: fixed; }
.header-navi-open .line-top { top: 5vw; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.header-navi-open .line-middle { opacity: 0; visibility: hidden; left: 8vw; }
.header-navi-open .line-bottom { top: 5vw; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.header-navi-open .header-navi { opacity: 1; visibility: visible; left: 0; }

.header-navi-mail {width: 94%;padding: 4% 0 3.8%;margin: 7vw auto 0;color: #fff;text-align: center;background: #b0a88d;}
.header-navi-mail .en { margin-bottom: 6px; font-size: 3.16vw; font-family: "Verdana"; font-weight: 400; letter-spacing: 2px; display: block; }
.header-navi-mail .jp { font-size: 3.95vw;  font-weight: 400; display: block; }
.header-navi-mail .jp i { margin-left: 5px; }



/* footer
----------------------------------------------- */
.footer{/* margin-bottom: 30%; */background: #5aa6e4;}
.footer .footer-info{padding: 17% 6%;}
.footer .footer-contact-box {padding: 0 0; border-bottom: 1px solid #fff;}
.footer .footer-logo {margin: 0 auto 9%;  width: 55%;}
.footer .footer-content-btn { background: #b0a88d; padding: 5% 0;width: 60%; margin: 0 auto 12%;}
.footer .footer-content-btn a {margin: auto; display: block;}
.footer .footer-content-btn p:before { content: ''; background: url(../images/footer_mail_icon.svg)no-repeat center; background-size: 100%; width: 20px; height: 21px; position: absolute; margin: auto;top: -5px; left: 30px;}
.footer .footer-content-btn p {color: #fff; display: block;text-align: center; position: relative; padding: 0 0 0 10%;font-size: 4vw; }
.footer .footer-address-box{color: #fff;padding: 8% 2% 0;}
.footer .footer-address{font-size: 3.5vw;line-height: 1.6;}
.footer .footer-tel{color: #fff;}
.footer .footer-sns{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-ms-flex-align: center;align-items: center;width: 20%;margin: 10% auto 16%;}
.footer .footer-sns li{width: 40%;text-align: center;}
.footer .footer-sns img{width: 100%;}
.footer .footer-text{text-align: center;margin: auto;color: #fff;}
.footer .footer-text .jp{display: block;font-size: 6vw;line-height: 1.6;}
.footer .footer-text .en{display: block; font-size: 3.8vw; font-family:"Verdana";}

.copyright { color: #fff; font-size: x-small;  text-align: center; letter-spacing: 0.2vw; display: block; background: #393939;padding:5vw 0 5vw;}

.footer-cv { width: 100%; padding: 0;  z-index: 8; padding: 2vw; position: fixed; left: 0; bottom: 0;background: rgba(255, 255,255, 0.9);}
.footer-cv a {text-align: center;display: block;background: #1a6eb3;width: 90vw;padding: 3vw;margin: auto;border-radius: 20px;position: relative;}
.footer-cv span {text-align: center;font-size: 4.5vw;line-height: 1.4;color: #fff;font-weight: 600;}
.footer-cv span.cv-ti{font-size: 5vw;color: #F5DC21;font-weight: 600;}
.footer-cv a .arrow {position: absolute;top:50%;right: 3vw;color: #fff;font-size: 5vw;-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.footer-cv a:hover{opacity: 0.7;}

/* hero
----------------------------------------------- */
.hero { width: 100%; position: relative; }
.hero-inner { width: 100%; position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.hero-inner img { width: 100%; }

.midashi01{ color: #000;  font-size: 5.5vw; line-height: 1.25;display: block;text-align: center;margin: 0 auto 8%;font-weight: 600;}
.midashi02 {text-align: center; margin-bottom: 8vw;}
.midashi02 .jp {color: #000;font-size: 5.5vw; line-height: 1.25;margin-bottom: 2vw; display: block;font-weight: 600;}
.midashi02 .en {color: #239EE6;font-size: 3.2vw; line-height: 1;font-family:  "Verdana"; font-weight: 600; font-style: normal;}

.more01{color: #000;font-size: 4vw;text-align:center;border-radius:50px;background: #fff;border: 1px solid #3c3c3c;position:relative;width: 90%;font-weight:600;letter-spacing:.08rem;line-height:1.25;margin: 8% auto 10%;padding: 3.4vw 5vw 3.2vw 0;}
.more01:after{content:"";display:inline-block;width:8vw;height:3vw;background:url(../images/more01_arrow.svg) center center / 100% no-repeat;position: absolute;top: 46%;right: 5%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}


/* top
----------------------------------------------- */
.top-about{ margin: 0 auto 0; padding: 10vw 6%; background: #fff;background-size: cover;}
.top-about .inner{position: relative;}
.top-about .decoration{display: block; color: #239EE6;font-size: 12vw;font-family: "Verdana";font-weight: 500;position: absolute;top: -50px;left: 90%;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
.top-about .about_content{margin: 0 auto 10%;}
.about_midashi {margin-bottom:4%;text-align: left;}
.about_midashi .en {margin-bottom: 5px;font-size: 3.4vw;font-family: "Verdana";font-weight: 600;display: block;    color: #239EE6;margin-bottom: 0.5em;padding-left: 40px;position: relative;}
.about_midashi .en:before{content: "";display: inline-block;width: 30px;height: 1px;background: #239EE6;position: absolute;top: 50%;left: 0;}
.about_midashi .jp {font-size: 5vw;font-weight: 600;display: block;line-height: 1.4;color: #101010;}
.top-about .about_content img{width: 100%;height: 350px;margin: 0 auto 10%;object-fit: cover;}
.top-about .about_content dd p{font-size: 3.6vw;line-height: 1.8;margin-bottom: 0.8em;}
.top-about .about_content dd p:last-child{margin-bottom: 0;}

.top-machine{ margin: 0 auto; padding: 10vw 6%; background: url("../images/top_bg2.jpg")no-repeat top center;background-size: cover;}
.top-machine .machine-box{ padding: 6%; background-color: rgba(30, 161, 225, 0.8);box-shadow: 0 0 6px 1px #adadad;}
.top-machine .machine-box .midashi01{color: #239EE6; background-color: #fff; border-radius: 40px;font-weight: 600; padding: 2%;border: 3px solid #239EE6;}
.top-machine .machine-box ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 1%;}
.top-machine .machine-box ul li{width: 100%;margin-bottom: 4%;font-size: 3.8vw;color: #fff;font-weight: 600;}
.top-machine .machine-box p{padding-left: 1.5em;text-indent: -1.5em;line-height: 1.6;font-size: 3.6vw;color: #fff;font-weight: 600;}
.top-machine .machine-box .att{font-size: 3.8vw;margin-bottom: 6%;color: #fff;}

.top-reason{ margin: 0 auto; padding: 10vw 6%; background: #D7EBFF;background-size: cover;}
.top-reason ul{margin-bottom: 6%;}
.top-reason li{padding: 6%;background: #fff;border: 3px solid #4c9de0;margin-bottom: 8%;width: 100%;position: relative;}
.top-reason li span{display: inline-block;margin-bottom: 2%; background: #F5DC21; color: #239EE6;padding: 2%;    font-family: "Verdana"; font-weight: 600;position: absolute;top:-11%;left:6%;font-size: 4vw;}
.top-reason li p{vertical-align: middle;width: 65%;line-height: 1.6;font-size: 3.5vw;padding: 0 6% 0 0;font-weight: 600;}
.top-reason li img{position: absolute;bottom: 0;right: 3%;}
.top-reason li:nth-of-type(1) img{width: 42%;}
.top-reason li:nth-of-type(2) img{width: 32%;right: 5%;}
.top-reason li:nth-of-type(3) img{width: 40%;top: 50%;right:3%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.top-reason li:nth-of-type(4) img{width: 44%;}
.top-reason .reason-att{font-size: 4vw;line-height: 1.6;display: block;text-align: center;font-weight: 600;color: #239EE6;}

.top-flow{padding: 10vw 6%;}
.top-flow ul li{position: relative;margin: 0 auto 16%;}
.top-flow ul li img{width: 100%;margin-bottom: 4%;}
.top-flow ul li b{font-size: 4.5vw; color: #239EE6;margin: 0 auto 2%; text-align: center;display: block;font-weight: 600;}
.top-flow ul li p{font-size: 3.6vw;line-height: 1.8;font-weight: 500;}
.top-flow ul li:after{content: '';width: 0;height: 0;border-style: solid;border-width: 16px 16px 0 16px;border-color: #82c4ea transparent transparent transparent;position: absolute;bottom: -30px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.top-flow ul li:last-child{margin: 0 auto 0;}
.top-flow ul li:last-child:after {content: none;}


.top-ome{ margin: 10% auto 0; padding: 10vw 6%; background: url("../images/top_bg.jpg")no-repeat top center;background-size: cover;}
.top-ome .inner{position: relative;}
.top-ome .ome_content{margin: 0 auto 0;}
.ome_midashi {margin-bottom:4%;text-align: left;}
.ome_midashi .en {margin-bottom: 5px;font-size: 3.4vw;font-family: "Verdana";font-weight: 500;display: block;color: #a5955f;margin-bottom: 0.5em;padding-left: 40px;position: relative;}
.ome_midashi .en:before{content: "";display: inline-block;width: 30px;height: 1px;background: rgba(165,149,95,0.3);position: absolute;top: 50%;left: 0;}
.ome_midashi .jp {font-size: 5vw;font-weight: 500;display: block;line-height: 1.4;color: #101010;}
.top-ome .ome_content img{width: 100%;height: 350px;margin: 0 auto 10%;object-fit: cover;}
.top-ome .ome_content dd p{font-size: 3.6vw;line-height: 1.8;margin-bottom: 0.8em;}
.top-ome .ome_content dd p:last-child{margin-bottom: 0;}

.top-system{ background: url(../images/flow_bg.jpg)repeat; padding:10vw 6%;background-size: 10px;}
.top-system .system_li{}
.top-system .system_li li.system_img{margin: 0 auto 6%;width: 60%;}
.top-system .system_li li.system_img img{margin: auto;width: 100%;}
.top-system .system_li li.system_img p{margin: auto;text-align: center;font-weight: bold;font-size: 5vw;margin-bottom: 4%;}
.top-system .system_li li.arrow{width: 60%;margin: 0 auto 6%;position: relative;}
.top-system .system_li li.arrow img{margin: auto;}
.top-system .system_li li.arrow p { font-size: 3.5vw; padding: 1%; display: inline-block;background: #fff; height: fit-content; width: fit-content;  position: absolute; top: 0;  bottom: 0; left: 0; right: 0;margin: auto;}
.top-system .arrow_img{width: 70%;margin: 0 auto 6%;}
.top-system .att_box{ padding: 6%; background: rgba(255, 255, 255, 0.9);box-shadow: 0 0 6px 1px #adadad;}
.top-system .att_box li{margin-bottom: 3%;font-size: 3.8vw;}


.top-follow{margin: 10% auto 0; padding: 10vw 6%; background: #f3f8ff;background-size: cover;}
.top-follow .follow-box img{width: 100%;margin-bottom: 6%;}
.top-follow .follow-box .follow-text{width: 100%;}
.top-follow .follow-box .follow-text p{font-size: 3.6vw; line-height: 1.8;font-weight: 600;}

.top-qa{padding: 10vw 6%; }
.top-qa .qa-box dl {background-color:  #fff;text-align: center;width: 100%;margin-bottom: 3%;border-radius: 4px;}
.top-qa .qa_opti {position: relative;cursor: pointer;color: #000;text-align: left;line-height: 1.6;padding: 4% 14% 4% 15%;border: 2px solid #c1c1c1;font-size: 4vw;}
.top-qa .qa_opti:before,.top-qa .qa_opti:after {content: '';background: #7c624b;position: absolute;top: 0;right: 0;}
.top-qa .qa_opti:before {width: 20px;height: 2px;top: 50%;right: 16px;}
.top-qa .qa_opti:after {width: 20px;height: 2px;top: 50%;right: 16px;-webkit-transition: 0.3s;transition: 0.3s;}
.top-qa .qa_opti.open:after { -moz-transform: rotate(90deg) translate(0,-50%); -ms-transform: rotate(90deg) translate(0,-50%); -webkit-transform: rotate(90deg) translate(0,-50%); transform: rotate(90deg) translate(0,-50%); }
.top-qa .qa_op {display: none;margin-top: 2%;padding: 4% 4% 4% 14%;text-align: justify;font-size: 3.6vw;line-height: 1.6;position: relative;}
.top-qa .qa_op p{width: 100%;letter-spacing: 0px;margin-bottom: 0;color: #555555;}
.top-qa .qa_comt_ti {color: #ed5f79;font-size: 6.4vw;line-height: 0;margin: 2% 0 0;position: absolute;top: 12%;left: 4%;font-family:"Verdana";font-weight: 600;}
.top-qa .qa_comt_tiq {color: #239EE6;font-size: 6.4vw;line-height: 0;margin: 2% 0 0;font-family:"Verdana";padding-right: 5%;position: absolute;top: 20%;left: 4%;font-weight: 600;}
.top-qa .qa_opti:after {-moz-transform: rotate(90deg) translate(0,-50%); -ms-transform: rotate(90deg) translate(0,-50%); -webkit-transform: rotate(90deg) translate(0,-50%); transform: rotate(90deg) translate(0,-50%); }
.top-qa .qa_opti.open:after { transform: inherit; }
.top-qa .qa .midashi07 {margin: 7% auto 5%;line-height: 1.4;color:#ae9242;;font-size: 4.8vw;}



.contact{padding:10vw 0;width: 90%;margin: 0 auto 0; }

.form_att{ color: #c12f2f;}
.contact_formbox { margin: 0 auto 0;background: #f2f2f2; width: 100%; padding: 4%;}
.contact_formbox table {width: 100%;}
.contact_formbox tr th{font-size: 4vw;display: block;width: 100%;padding: 4% 0 1%;}
.contact_formbox tr td{display: block;width: 100%;padding: 4% 0 4%;}
.contact_formbox tr.menu_opti li{font-size: 83%;}
.contact_formbox .privacy_check{font-size: 16px;}
.contact_formbox .mailformproTable td input[type="text"],.contact_formbox .mailformproTable td input[type="email"], .contact_formbox .mailformproTable td input[type="tel"],.contact_formbox .mailformproTable td textarea{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;width: 95%;box-shadow: none;-webkit-appearance: none;appearance: none;}
.contact_formbox .mailformproTable td textarea{width: 95%!important;min-height: 120px;}
.mailformproTable td span{font-size: 16px!important;padding-bottom: 10px;}
.contact_formbox .mailformproTable ul{ border: solid 1px #c0c0c0; -moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px; width: 98%;padding: 2%;background: #fff;}
.contact_formbox .mailformproTable ul li{font-size: 4vw;margin-bottom: 4%;}
#mfp_buttons{width: 80%!important;}
#mfp_buttons li{width: 100%!important;padding: 0;}
input#button_mfp_goconfirm{-webkit-appearance: none;appearance: none;font-weight: bold;width: 100%!important;font-size: 18px!important;font-family: fot-tsukuardgothic-std;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;padding: 3px!important;height: auto!important;background-image: none;box-shadow: none;}

.thanks{padding:10vw 0;width: 90%;margin: auto;}
.thanks_text {margin:0 auto; }
.thanks_text p{line-height: 1.6;text-align: left;}


.cv_bnr {background:#f3f8ff;padding: 10vw 4vw;}
.cv_bnr img {width: 100%;margin-bottom: 6%;}
.cv_bnr .text {text-align: center;font-size: 5.5vw;font-weight: 600;}
.cv_bnr a{display: block;}
.cv_bnr .text .text-more {width: 70%;display: block;background: #1a6eb3;padding: 4.5% 0 4.5vw;margin: 6% auto 0;color: #fff;font-size: 3.6vw;text-align: center;letter-spacing: 2px;position: relative;}
.cv_bnr .text .text-more .arrow {position: absolute;top: 50%;right: 3vw;color: #fff;font-size: 5vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.rank_box{padding: 10% 6% 6%;background: #fff;border: 3px solid #4c9de0;margin-bottom: 8%;width: 100%;position: relative;}
.rank_box .rank_ttl{font-size: 6vw;margin-bottom: 2%;background: #F5DC21;color: #239EE6;padding: 2% 10%;font-family: "Verdana";font-weight: 600;position: absolute;top: -5%;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.rank_box dt{font-size: 5.5vw;line-height: 1.2;display: block;text-align: center;font-weight: 600;color: #239EE6;margin: 0 auto 6%;}
.rank_box dt .big{font-size: 140%;color: #fa8b22;}
.rank_box dd ul{margin: 0 auto 4%;}
.rank_box dd li{display: table;width:100%;margin: 0 auto 6%;font-size: 4.2vw;font-weight: 600;padding: 0 0 4% 8%;position: relative;border-bottom: 1px dotted;}
.rank_box dd li:last-child{border-bottom: none;}
.rank_box dd li b{font-size: 5vw;display: table-cell;width: 13%;vertical-align: middle;}
.rank_box dd li img {width: 6%;position: absolute;top: 30%;left:  0;margin-bottom: 0;transform: translate(0, -50%);}
.rank_box span{font-size: 80%;}
.rank_box dd li:last-child img{top: 35%;}
.rank_box dd li .rank_menu{display: table-cell;width: 68%;line-height: 1.2;vertical-align: middle;}
.rank_box dd li .rank_price{display: table-cell;width: auto;vertical-align: middle;}
.rank_box dd .att{font-size: 3.5vw;text-align: center;}

.line_bnr{margin: 0 auto 4vw;width: 100%;}
.line_bnr img{width: 100%; margin: auto;}