@charset "UTF-8";
html { overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

img { border: none; vertical-align: bottom; }

fieldset { border: 0; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

select option { padding: 0 5px; }

label { cursor: pointer; }

/*	body
------------------------------------------*/
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; }

body { font-size: 12px; font-size: 1.2rem; font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo; color: #000; line-height: 1.4; position: relative; }
html:not(:target) body { font-size: small\9; }

/*	wrapper
------------------------------------------*/
.wrapper { width: 100%; }

.modal__close { margin-left: -30px; width: 60px; position: absolute; bottom: -70px; left: 50%; display: none; }
.modal__close img { width: 100%; }

/*	header
------------------------------------------*/
.header { background: #fff; padding: 0 10px; position: relative; z-index: 9; }
.header__area { width: 100%; display: table; }
.header__logo { width: 150px; display: table-cell; vertical-align: middle; }
.header__logo img { width: 100%; }
.header__menu { text-align: right; display: table-cell; vertical-align: middle; }
.header__menu ul { display: none; }
.header__menu li { padding-right: 12px; text-align: right; display: inline-block; }
.header__menu li.last-child { padding-right: 0; }
.header__menu--list a { background: url(/18voice/vol1/img/header/bg_headerlink.png) 0 50% no-repeat; padding-left: 15px; font-size: 12px; font-size: 1.2rem; color: #000; text-decoration: none; }
.header__menu--btn { margin-top: -9px; width: 17px; height: 18px; position: absolute; top: 50%; right: 18px; }
.header__menu--btn img { width: 100%; }
.header__spmenu { background: #fff; padding-bottom: 15px; width: 100%; position: absolute; top: 43px; left: 0; display: none; z-index: 1000; }
.header__spmenu a { color: #000; text-align: center; text-decoration: none; display: block; }
.header__spmenu li { background: url(/18voice/vol1/img/header/bg_spmenu.gif) 50% 0 no-repeat; }
.header__spmenu li:first-child { background: none; }
.header__spmenu li.last-child { background: none; padding-top: 20px; width: 100%; display: table; }
.header__spmenu li a { padding: 10px; }
.header__spmenu div { width: 33%; display: table-cell; vertical-align: middle; border-right: 1px #b5b5b5 solid; }
.header__spmenu div:last-child { width: 34%; border-right: 0; }
.header__spmenu div a { font-size: 12px; font-size: 1.2rem; font-weight: bold; }
.header__spmenu--act { display: block; }

/*	visual
------------------------------------------*/
.visual__area { width: 100%; }
.visual__area li { width: 100%; }
.visual__area--left { background: #0eab62; }
.visual__area--right { background: #e8437d; }
.visual__area a { text-decoration: none; display: block; }
.visual__img img { width: 100%; }
.visual__title { padding: 10px; }
.visual__title dl { width: 100%; display: table; }
.visual__title dt { padding-right: 2%; width: 10%; display: table-cell; vertical-align: middle; }
.visual__title dt img { width: 100%; }
.visual__title dd { padding-left: 2%; color: #fff; display: table-cell; vertical-align: middle; }
.visual__title strong { font-size: 16px; font-size: 1.6rem; font-weight: bold; }
.visual__title span { display: none; }
.visual__container { padding-top: 30px; padding-bottom: 56.25%; height: 0; position: relative; overflow: hidden; display: none; }
.visual__container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

/*	menu
------------------------------------------*/
.menu { display: none; }
.menu__area--big { font-size: 18px; font-size: 1.8rem; font-weight: bold; }
.menu__area--small { font-size: 14px; font-size: 1.4rem; font-weight: bold; }

/*	contents
------------------------------------------*/
/*	contents01
------------------------------------------*/
.contents01 { background: url(/18voice/vol1/img/contents01/bg_contents-sp.gif) 0 0 repeat-y; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; padding: 20px 0 30px; position: relative; }
.contents01__slanting { display: none; }
.contents01__slanting--sp { position: absolute; bottom: 0; left: 0; z-index: 1; }
.contents01__slanting--sp img { width: 100%; }
.contents01__area { padding: 0 20px; position: relative; z-index: 2; }
.contents01__title { margin-bottom: 11px; text-align: center; line-height: 0; }
.contents01__title .pc { display: none; }
.contents01__title img { width: 100%; }

/*	contents02
------------------------------------------*/
.contents02 { background: url(/18voice/vol1/img/contents02/bg_contents-sp.gif) 0 0 repeat-y; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; padding-bottom: 25px; }
.contents02__area { position: relative; z-index: 3; }
.contents02__title { margin-bottom: 20px; padding: 0 10px; line-height: 0; }
.contents02__title .pc { display: none; }
.contents02__title img { width: 100%; }
.contents02__float { padding: 0 20px; }
.contents02__float--left { margin-bottom: 20px; }
.contents02__photo, .contents02__lead { line-height: 0; }
.contents02__photo img, .contents02__lead img { width: 100%; }
.contents02__btn { *zoom: 1; }
.contents02__btn:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
.contents02__btn li { margin: 0 2% 2% 0; width: 32%; float: left; }
.contents02__btn li img { width: 100%; }
.contents02__btn03 { margin: 0 0 2% 0 !important; }
.contents02__btn06 { margin: 0 0 2% 0 !important; }
.contents02__btn07 { margin: 0 2% 0 0 !important; }
.contents02__btn08 { margin: 0 2% 0 0 !important; }
.contents02__btn09 { margin: 0 0 0 0 !important; }

/*	contents03
------------------------------------------*/
.contents03 { background: url(/18voice/vol1/img/contents03/bg_contents-sp.gif) 0 0 repeat-y; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; padding-bottom: 30px; position: relative; }
.contents03__slanting { display: none; }
.contents03__slanting--sp { position: absolute; top: -2%; left: 0; z-index: 4; }
.contents03__slanting--sp img { width: 100%; }
.contents03__area { padding: 0 20px; position: relative; z-index: 5; }
.contents03__title { margin-bottom: 11px; text-align: center; line-height: 0; }
.contents03__title .pc { display: none; }
.contents03__title img { width: 100%; }

/*	contents04
------------------------------------------*/
.contents04 { background: url(/18voice/vol1/img/contents03/bg_contents-sp.gif) 0 0 repeat-y; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; padding-bottom: 12px; position: relative; }
.contents04__slanting { display: none; }
.contents04__slanting--sp { position: absolute; bottom: -30%; left: 0; z-index: 6; }
.contents04__slanting--sp img { width: 100%; }
.contents04__area { position: relative; z-index: 7; }
.contents04__title { margin-bottom: 14px; padding: 0 20px; text-align: center; line-height: 0; }
.contents04__title .pc { display: none; }
.contents04__title img { width: 100%; }
.contents04__qapc { display: none; }
.contents04__qasp { margin-bottom: 15px; width: 100%; position: relative; overflow: hidden; }
.contents04__qasp--slide { padding: 0 17%; *zoom: 1; overflow: hidden; }
.contents04__qasp--slide:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
.contents04__qasp--slide li { width: 100%; float: left; display: none; }
.contents04__qasp--slide li:first-child { display: block; }
.contents04__qasp--slide li img { width: 100%; }
.contents04__qasp--prev { margin-top: -20px; width: 40px; line-height: 0; position: absolute; top: 50%; left: 5%; cursor: pointer; z-index: 10; }
.contents04__qasp--prev img { width: 100%; }
.contents04__qasp--next { margin-top: -20px; width: 40px; line-height: 0; position: absolute; top: 50%; right: 5%; cursor: pointer; z-index: 10; }
.contents04__qasp--next img { width: 100%; }
.contents04__quizpc { display: none; }
.contents04__quizsp { width: 100%; position: relative; overflow: hidden; }
.contents04__quizsp--title { margin-bottom: 15px; padding: 0 20px; }
.contents04__quizsp--title img { width: 100%; }
.contents04__quizsp--slide { padding: 0 17%; *zoom: 1; overflow: hidden; }
.contents04__quizsp--slide:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
.contents04__quizsp--slide li { width: 100%; float: left; display: none; }
.contents04__quizsp--slide li:first-child { display: block; }
.contents04__quizsp--slide li img { width: 100%; }
.contents04__quizsp--prev { margin-top: -20px; width: 40px; line-height: 0; position: absolute; top: 50%; left: 5%; cursor: pointer; z-index: 10; }
.contents04__quizsp--prev img { width: 100%; }
.contents04__quizsp--next { margin-top: -20px; width: 40px; line-height: 0; position: absolute; top: 50%; right: 5%; cursor: pointer; z-index: 10; }
.contents04__quizsp--next img { width: 100%; }
.contents04__quizsp--only { overflow: visible; width: 72.96875%; margin: 0 auto; padding: 0 5.35331905%; display: block; box-sizing: border-box; }
.contents04__quizsp--only img { width: 100%; }

/*	contents05
------------------------------------------*/
.contents05 { background: url(/18voice/vol1/img/contents05/bg_contents01-sp.gif) 0 0 repeat-y; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; position: relative; }
.contents05__slanting { display: none; }
.contents05__slanting--sp { position: absolute; bottom: -15%; left: 0; z-index: 8; }
.contents05__slanting--sp img { width: 100%; }
.contents05__area { position: relative; z-index: 9; }
.contents05__area .pc { display: none; }
.contents05__area p { line-height: 0; }
.contents05__area p img { width: 100%; }
.contents05__title { text-align: center; line-height: 0; }
.contents05__title img { width: 100%; }
.contents05__btn { padding: 15px 6% 27px; }
.contents05__btn img { width: 100%; }

/*	contents06
------------------------------------------*/
.contents06 { background: url(/18voice/vol1/img/contents06/bg_contents01-sp.gif) 0 0 repeat-y; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; padding-bottom: 55px; position: relative; }
.contents06__area { padding: 0 20px; position: relative; z-index: 10; }
.contents06__title { margin-bottom: 25px; }
.contents06__title--img { margin-bottom: 13px; text-align: center; line-height: 0; }
.contents06__title--img .pc { display: none; }
.contents06__title--img img { width: 100%; }
.contents06__title--txt { color: #fff; font-size: 14px; font-size: 1.4rem; font-weight: bold; text-align: center; line-height: 1.54167; }
.contents06__app ul { width: 100%; }
.contents06__app li { margin-bottom: 16px; display: table; }
.contents06__app li.last-child { margin-bottom: 0; }
.contents06__app--hide { display: none; }
.contents06__app--app { padding: 0 22% 10px; }
.contents06__app--app img { width: 100%; }
.contents06__app--img { padding-right: 16px; width: 28%; line-height: 0; display: table-cell; vertical-align: top; }
.contents06__app--img img { width: 100%; }
.contents06__app--txt { display: table-cell; vertical-align: top; }
.contents06__app--txt p { color: #fff; }
.contents06__app--txt div { padding-right: 35%; line-height: 0; }
.contents06__app--txt div img { width: 100%; }
.contents06__app--name { font-size: 16px; font-size: 1.6rem; font-weight: bold; }
.contents06__app--detail { margin-bottom: 10px; font-size: 14px; font-size: 1.4rem; }

/*	movie
------------------------------------------*/
.movie img { width: 100%; }
.contents01 .movie, .contents03 .movie { border: 3px #fff solid; }
.movie__thumbs { line-height: 0; }
.movie__thumbs img { width: 100%; }
.movie__wrapper { width: 634px; max-width: 100%; }
.movie__container { padding-top: 30px; padding-bottom: 56.25%; height: 0; position: relative; overflow: hidden; display: none; }
.movie__container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

/*	floating
------------------------------------------*/
.floating__close { margin-left: -20px; width: 47px; height: 47px; position: absolute; left: 50%; bottom: 10px; }
.floating__close img { width: 100%; }
.policy__body .floating__close { margin: 0; padding: 0 30%; width: auto; height: auto; line-height: 0; position: static; bottom: auto; left: auto; }
.floating__next { width: 47px; height: 47px; position: absolute; right: 20px; bottom: 10px; }
.floating__next img { width: 100%; }
.floating__prev { width: 47px; height: 47px; position: absolute; left: 20px; bottom: 10px; }
.floating__prev img { width: 100%; }
.floating__back { position: absolute; top: 10px; left: 20px; }
.floating__back a { background: url(/18voice/common/img/bg_floating01.png) 0 0 no-repeat; -webkit-background-size: 14px auto; -moz-background-size: 14px auto; -ms-background-size: 14px auto; -o-background-size: 14px auto; background-size: 14px auto; padding-left: 24px; font-size: 13px; font-size: 1.3rem; color: #fff; font-weight: bold; line-height: 27px; text-decoration: none; display: inline-block; }
.floating__btn { width: 25px; line-height: 0; position: absolute; top: 10px; right: 90px; }
.floating__btn img { width: 100%; }
.floating__btn + .floating__btn { right: 55px; }
.floating__btn + .floating__btn + .floating__btn { right: 20px; }

/*	Interview
------------------------------------------*/
.interview__body { background: url(/18voice/common/img/interview/bg_interview01.gif) 0 0 repeat; }
.interview__area { padding: 50px 10px 10px; position: relative; }
.interview__title { background: url(/18voice/common/img/interview/bg_interview02.png) 0 100% no-repeat; margin: 0 7% 12px; padding-bottom: 28px; position: relative; }
.interview__title--num { margin-bottom: 10px; width: 90px; line-height: 0; }
.interview__title--num img { width: 100%; }
.interview__title--txt { font-size: 17px; font-size: 1.7rem; color: #fff; font-weight: bold; }
.interview__col { padding-bottom: 57px; width: 100%; }
.interview__col--title { margin: 0 7% 10px; font-size: 13px; font-size: 1.3rem; color: #fff; }
.interview__talk { margin-bottom: 20px; width: 100%; position: relative; display: table; }
.interview__talk--face { display: table-cell; vertical-align: top; }
.interview__talk--face img { width: 100%; }
.interview__talk--face img.pc { display: none; }
.interview__talk01 .interview__talk--face, .interview__talk03 .interview__talk--face { width: 87px; }
.interview__talk02 .interview__talk--face { width: 97px; }
.interview__talk--voice { display: table-cell; vertical-align: top; }
.interview__talk01 .interview__talk--voice, .interview__talk03 .interview__talk--voice { padding: 0 10px 0 20px; }
.interview__talk02 .interview__talk--voice { padding: 0 20px 0 10px; }
.interview__talk--voice div { padding: 18px; border: 1px #fff solid; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; position: relative; }
.interview__talk--voice div img { position: absolute; top: 30px; }
.interview__talk01 .interview__talk--voice div img, .interview__talk03 .interview__talk--voice div img { left: -25px; }
.interview__talk02 .interview__talk--voice div img { right: -25px; }
.interview__talk--voice p { font-size: 13px; font-size: 1.3rem; color: #fff; line-height: 1.68053; }
.interview__talk--voice p strong { font-size: 15px; font-size: 1.5rem; color: #fffc00; }

/*	Q＆A
------------------------------------------*/
.qa__body { background: url(/18voice/vol1/img/qa/bg_qa01.gif) 0 0 repeat; }
.qa__area { padding: 50px 20px 10px; position: relative; }
.qa__title { line-height: 0; margin-bottom: 10px; }
.qa__title img { width: 100%; }
.qa__title img.pc { display: none; }
.qa__ans { background: url(/18voice/vol1/img/qa/bg_qa02-sp.png) 0 0 repeat-y; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; padding: 0 20px; }
.qa__ans--num img { width: 100%; }
.qa__ans--lead { margin-bottom: 10px; line-height: 1.68846; font-size: 20px; font-size: 2rem; color: #fff; font-weight: bold; }
.qa__ans--leadlast { margin-bottom: 0; }
.qa__ans--txt { margin-bottom: 30px; line-height: 1.74625; font-size: 14px; font-size: 1.4rem; color: #fff; font-weight: bold; }
.qa__ans--txtlast { margin-bottom: 0; }
.qa__ans--txtline { text-decoration: underline; }
.qa__ans--txtcap { margin-bottom: 0; padding-top: 7px; font-size: 11px; font-size: 1.1rem; text-align: right; }
.qa__ans--txtcapem { padding: 10px 0 0 1em; font-size: 11px; font-size: 1.1rem; text-indent: -1em; }
.qa__ans--txtcapem em { font-weight: inherit; text-decoration: underline; }
.qa__ans--table { width: 100%; }
.qa__ans--table caption { font-size: 16px; font-size: 1.6rem; color: #fff; font-weight: bold; border-bottom: 2px #fff solid; }
.qa__ans--table thead th { font-size: 12px; font-size: 1.2rem; color: #fff; font-weight: bold; vertical-align: top; border-bottom: 1px #fff solid; }
.qa__ans--table tbody th, .qa__ans--table tbody td { font-size: 14px; font-size: 1.4rem; color: #fff; font-weight: bold; vertical-align: top; border-bottom: 1px #fff solid; }
.qa__ans--table th { padding: 7px 17px 7px 0; white-space: nowrap; }
.qa__ans--table td { padding: 7px 0; }
.qa__btm { padding-bottom: 57px; line-height: 0; }
.qa__btm img { width: 100%; }
.qa__btm img.pc { display: none; }

/*	Policy
------------------------------------------*/
.policy__body { background: url(/18voice/vol1/img/policy/bg_policy01.gif) 50% 0 repeat; position: relative; }
.policy__body--bg { background: url(/18voice/vol1/img/policy/bg_policy-sp.png) 50% 0 repeat-y; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; }
.policy__area { padding: 15px 39px 28px; }
.policy__title { margin-bottom: 20px; line-height: 0; }
.policy__title img { width: 100%; }
.policy__col--title { margin-bottom: 5px; line-height: 1.19231; font-size: 14px; font-size: 1.4rem; color: #fff; font-weight: bold; }
.policy__col--list { margin-bottom: 20px; }
.policy__col--list li { padding-left: 1em; line-height: 1.875; font-size: 12px; font-size: 1.2rem; text-indent: -1em; color: #fff; font-weight: bold; }
.policy__img { padding: 0 20px 20px; }
.policy__img img { width: 100%; }

/*	Download
------------------------------------------*/
.download__col { position: relative; display: none; z-index: 10; }
.download__col--act { display: block; }
.download__slide { display: none; }
.download__slide--sp { background: url(/18voice/vol1/img/download/bg_download02-sp.png) 0 100% no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; margin-bottom: 13px; display: table; }
.download__slide--splist { width: 49%; display: table-cell; vertical-align: top; *zoom: 1; overflow: hidden; }
.download__slide--splist:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
.download__slide--splist li { display: none; }
.download__slide--splist li.download__slide--act { display: block; }
.download__slide--splist img { width: 100%; }
.download__slide--spimg { width: 51%; display: table-cell; vertical-align: top; }
.download__slide--spimg img { width: 100%; }
.download__block { margin-bottom: 55px; }
.download__detail { padding-bottom: 16px; }
.download__detail--img { display: none; }
.download__detail--txt { padding: 0 20px; color: #fff; font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 1.8; }
.download__detail--logo { margin-bottom: 7px; line-height: 0; }
.download__detail--logo img { width: 100%; }
.download__detail--name { line-height: 0; }
.download__detail--name img { width: 100%; }
.download__site { margin: 0 20px; padding-top: 16px; border-top: 1px #fff dashed; }
.download__site--left { margin-bottom: 10px; }
.download__site--img { margin-bottom: 8px; padding: 0 35%; line-height: 0; }
.download__site--img img { width: 100%; }
.download__site--txt, .download__cap { color: #fff; font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 1.69231; }
.download__cap { margin: 1em 20px 0; }
.download__close { text-align: center; line-height: 0; }
.download__close img { width: 80px; }