#ln-1, #ln-2, #ln-3, #ln-4, #ln-5, #ln-6, #ln-7 { margin-top: -80px; padding-top: 80px; }

.img--left img { margin: 0 auto 0 0; }

.visual { background: #020202 url("../img/pic_visual.jpg") no-repeat center center; }

@media only screen and (max-width: 1000px) { .content { padding: 0 2.6667%; box-sizing: border-box; } }
.content .inner { background: #f7f7f7; padding: 60px 100px; }
@media only screen and (max-width: 1000px) { .content .inner { padding: 6.6667% 2.6667%; min-width: auto; } }
.content .text { line-height: 2; }
.content__head { border-bottom: 2px solid #fe460a; text-align: center; font-size: 2.4rem; font-weight: bold; padding-bottom: 26px; margin-bottom: 40px; }
@media only screen and (max-width: 479px) { .content__head { padding-bottom: 2.6667%; margin-bottom: 2.6667%; } }
.content__block { padding: 0 0 40px; }
.content__block__ttl { font-size: 2.0rem; background: url("../img/line_blockbg.png") no-repeat bottom left; padding: 15px 0; margin: 0 0 30px; }
@media only screen and (max-width: 1000px) { .content__block__ttl { background-size: 100% auto; } }
@media only screen and (max-width: 479px) { .content__block__ttl { background-size: auto auto; margin: 2.6667% 0; } }
.content__block__ttl .text--mini { font-size: 0.6em; }
.content__btn { padding: 0 0 40px; }
@media only screen and (max-width: 479px) { .content__btn { padding: 0 5.3334% 5.3334%; } }
.content__btn a { width: 340px; margin: 0 auto; display: block; background: #8a8a7b url("../img/icon_arrow2.png") no-repeat 95% center; color: #fff; text-decoration: none; text-align: center; line-height: 50px; font-size: 1.6rem; }
@media only screen and (max-width: 479px) { .content__btn a { width: auto; font-size: 1.2rem; margin-bottom: 3.3337%; } }
.content__btn .line2 { line-height: 1; padding: 1.4% 0; }
@media only screen and (max-width: 479px) { .content__btn .line2 { padding: 3% 0; } }
.content__btn--2set { zoom: 1; padding: 0 40px 40px; }
.content__btn--2set:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 479px) { .content__btn--2set { padding: 0 5.3334% 5.3334%; } }
.content__btn--2set a { float: left; }
@media only screen and (max-width: 1000px) { .content__btn--2set a { width: 48%; font-size: 2vw; } }
@media only screen and (max-width: 479px) { .content__btn--2set a { width: 100%; float: none; font-size: inherit; } }
.content__btn--2set a:last-child { float: right; }
@media only screen and (max-width: 479px) { .content__btn--2set a:last-child { float: none; } }

.hikaru-style ._column { margin-bottom: 40px; }
@media only screen and (max-width: 479px) { .hikaru-style ._column { margin-bottom: 0; } }

._nav { margin: 20px 0; display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-start; }
@media only screen and (max-width: 479px) { ._nav { display: block; } }
._nav li { width: 33.33333%; padding: 0 10px; margin-bottom: 20px; box-sizing: border-box; }
@media only screen and (max-width: 479px) { ._nav li { width: auto; margin-bottom: 1.3334%; } }
._nav a { display: block; width: 100%; height: auto; background: #8a8a7b url("../img/icon_arrow.png") no-repeat 95% center; color: #fff; text-decoration: none; text-align: center; line-height: 50px; font-size: 1.8rem; padding-right: 20px; box-sizing: border-box; }
@media only screen and (max-width: 1000px) { ._nav a { font-size: 1.8vw; } }
@media only screen and (max-width: 479px) { ._nav a { font-size: inherit; } }
._nav a span { font-size: 0.6em; line-height: 50px; }
._nav--barika li { width: 25%; }
@media only screen and (max-width: 479px) { ._nav--barika li { width: auto; margin-bottom: 1.3334%; } }
._nav--hikaru li { width: 50%; }
@media only screen and (max-width: 479px) { ._nav--hikaru li { width: auto; margin-bottom: 1.3334%; } }
._nav--oudan li { width: 25%; }
@media only screen and (max-width: 479px) { ._nav--oudan li { width: auto; margin-bottom: 1.3334%; } }

._intro-sp { padding-top: 40px; margin-bottom: 80px; }
@media only screen and (max-width: 479px) { ._intro-sp { padding-top: 10%; margin-bottom: 10%; } }
._intro-sp__ttl { margin-bottom: 70px; }
._intro-sp__ttl.ttl_img { margin-bottom: 30px; }
._intro-sp__ttl.ttl_img img { width: 320px; }
@media only screen and (max-width: 479px) { ._intro-sp__ttl { margin-bottom: 10%; } ._intro-sp__ttl.ttl_img{ margin-bottom: 5%;}
._intro-sp__ttl img { width: 100%; height: auto; margin: 0 auto; } 
._intro-sp__ttl.ttl_img img { max-width: 100%; }}
._intro-sp__body { zoom: 1; }
._intro-sp__body:after { content: ""; display: block; clear: both; }
._intro-sp__body .text p { margin-bottom: 40px; }
@media only screen and (max-width: 479px) { ._intro-sp__body .text p { margin-bottom: 1em; } }
._intro-sp__body .youtube { text-align: center; margin-bottom: 40px; }
._intro-sp__body .atg { zoom: 1; margin-bottom: 40px; }
._intro-sp__body .atg:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 479px) { ._intro-sp__body .atg { margin-bottom: 4%; } }
._intro-sp__body .atg .img { float: left; }
@media only screen and (max-width: 1000px) { ._intro-sp__body .atg .img { width: 32%; } }
@media only screen and (max-width: 479px) { ._intro-sp__body .atg .img { float: none; width: 80%; } }
._intro-sp__body .atg dl { float: right; width: 500px; color: #666; }
@media only screen and (max-width: 1000px) { ._intro-sp__body .atg dl { width: 62%; } }
@media only screen and (max-width: 479px) { ._intro-sp__body .atg dl { width: auto; float: none; margin: 4% 0 0 0; } }
._intro-sp__body .atg dt { border-bottom: 1px solid #999; padding: 0.3em 0; }
._intro-sp__body .atg dd { padding: 0.3em 0; }
._intro-sp__body .photo img { width: 100%; height: auto; }
@media only screen and (max-width: 479px) { ._intro-sp a { width: 80%; margin: 0 auto; display: block; }
  ._intro-sp a img { width: 100%; } }

._pic1type { zoom: 1; }
._pic1type:after { content: ""; display: block; clear: both; }
._pic1type dl { width: 390px; box-sizing: border-box; border: 2px solid #a8a8a8; background: #fff; margin: 0 auto; }
@media only screen and (max-width: 479px) { ._pic1type dl { width: auto; margin-bottom: 9.3334%; } }
._pic1type dt { background: #414141; color: #fff; font-size: 2.0rem; text-align: center; padding: 15px 0; }
._pic1type dt span { font-size: 0.7em; }
._pic1type .text { padding: 10px 20px; }
@media only screen and (max-width: 479px) { ._pic1type .text img { width: 80%; margin: 0 auto; } }
._pic1type .img { margin: 10px 0; }
@media only screen and (max-width: 479px) { ._pic1type .img img { width: 80%; margin: 0 auto; } }
._pic1type .em { text-align: center; padding-top: 20px; }
._pic1type .em em { background: url("../img/line_yellow.png") repeat-x left bottom; font-weight: bold; padding-bottom: 3px; text-align: center; color: #000; }
._pic1type .btn { zoom: 1; padding: 0 20px 20px; }
._pic1type .btn:after { content: ""; display: block; clear: both; }
._pic1type .btn a { float: left; width: 170px; display: block; }
._pic1type .btn a img { width: 100%; height: auto; }
@media only screen and (max-width: 479px) { ._pic1type .btn a { float: none; width: auto; display: block; margin: 0 0 10px; } }
._pic1type .btn a:last-child { float: right; }
@media only screen and (max-width: 479px) { ._pic1type .btn a:last-child { float: none; } }

._pic2type { zoom: 1; }
._pic2type:after { content: ""; display: block; clear: both; }
._pic2type dl { width: 390px; float: left; box-sizing: border-box; border: 2px solid #a8a8a8; background: #fff; margin-bottom: 20px; }
@media only screen and (max-width: 1000px) { ._pic2type dl { width: 48%; } }
@media only screen and (max-width: 479px) { ._pic2type dl { float: none; width: auto; margin-bottom: 9.3334%; } }
._pic2type dl:last-child { float: right; }
._pic2type dt { background: #414141; color: #fff; font-size: 2.0rem; text-align: center; padding: 15px 0; }
@media only screen and (max-width: 1000px) { ._pic2type dt { font-size: 2vw; } }
@media only screen and (max-width: 479px) { ._pic2type dt { font-size: 1.8rem; } }
._pic2type dt span { font-size: 0.7em; }
._pic2type .text { padding: 10px 20px; }
@media only screen and (max-width: 1000px) { ._pic2type .text { font-size: 1.4vw; }
  ._pic2type .text img { width: 100%; margin: 0 auto; } }
@media only screen and (max-width: 479px) { ._pic2type .text { font-size: inherit; }
  ._pic2type .text img { width: 80%; } }
._pic2type .em { text-align: center; padding-top: 20px; }
._pic2type .em em { background: url("../img/line_yellow.png") repeat-x left bottom; font-weight: bold; padding-bottom: 3px; text-align: center; color: #000; }
@media only screen and (max-width: 1000px) { ._pic2type .em em { font-size: 1.4vw; } }
@media only screen and (max-width: 479px) { ._pic2type .em em { font-size: inherit; } }
._pic2type .img { margin: 10px 0; }
@media only screen and (max-width: 1000px) { ._pic2type .img img { width: 80%; margin: 0 auto; } }
._pic2type .btn { zoom: 1; padding: 0 20px 20px; }
._pic2type .btn:after { content: ""; display: block; clear: both; }
._pic2type .btn a { float: left; width: 170px; display: block; }
._pic2type .btn a img { width: 100%; height: auto; }
@media only screen and (max-width: 1000px) { ._pic2type .btn a { width: 48%; } }
@media only screen and (max-width: 479px) { ._pic2type .btn a { float: none; width: 80%; display: block; margin: 0 auto 10px; } }
._pic2type .btn a:last-child { float: right; }
@media only screen and (max-width: 479px) { ._pic2type .btn a:last-child { float: none; } }
._pic2type .btn--oudan a { float: none; width: 280px; margin: 0 auto; }
@media only screen and (max-width: 1000px) { ._pic2type .btn--oudan a { width: 100%; } }
._pic2type .btn--oudan a:last-child { float: none; }

._pic3type { zoom: 1; }
._pic3type:after { content: ""; display: block; clear: both; }
._pic3type dl { width: 260px; float: left; box-sizing: border-box; border: 2px solid #a8a8a8; background: #fff; margin-right: 10px; }
@media only screen and (max-width: 1000px) { ._pic3type dl { width: 32.6%; margin-right: 1%; } }
@media only screen and (max-width: 479px) { ._pic3type dl { float: none; width: auto; margin-right: 0; margin-bottom: 9.3334%; } }
._pic3type dl:last-child { float: right; margin-right: 0; }
._pic3type .title { background: #414141; color: #fff; font-size: 2.0rem; text-align: center; padding: 15px 0; }
._pic3type .title span { font-size: 0.7em; }
@media only screen and (max-width: 1000px) { ._pic3type .title { font-size: 2vw; } }
@media only screen and (max-width: 479px) { ._pic3type .title { font-size: 1.8rem; } }
._pic3type .text { padding: 10px 20px; min-height: 200px; }
@media only screen and (max-width: 1000px) { ._pic3type .text { padding: 5%; min-height: 30vw; font-size: 1.6vw; } }
@media only screen and (max-width: 479px) { ._pic3type .text { font-size: inherit; min-height: auto; }
  ._pic3type .text img { width: 80%; margin: 0 auto; } }
._pic3type .em { text-align: center; padding-top: 20px; min-height: 4em; }
@media only screen and (max-width: 1000px) { ._pic3type .em { min-height: 8vw; } }
._pic3type .em em { background: url("../img/line_yellow.png") repeat-x left bottom; font-weight: bold; padding-bottom: 3px; text-align: center; color: #000; }
@media only screen and (max-width: 1000px) { ._pic3type .em em { font-size: 2vw; } }
@media only screen and (max-width: 479px) { ._pic3type .em em { font-size: inherit; } }
._pic3type .img { min-height: 200px; }
@media only screen and (max-width: 1000px) { ._pic3type .img img { width: 100%; height: auto; } }
._pic3type .btn { zoom: 1; padding: 5px 8px; }
._pic3type .btn:after { content: ""; display: block; clear: both; }
._pic3type .btn a { display: block; }
._pic3type .btn a img { width: 100%; height: auto; }
@media only screen and (max-width: 479px) { ._pic3type .btn a { float: none; width: auto; display: block; margin: 0 0 10px; }
  ._pic3type .btn a img { width: 100%; height: auto; } }
._pic3type .btn a:last-child { margin-top: 5px; }

._awoard { border: 4px solid #c7a600; padding: 20px; background: #fff; }
._awoard__ttl { border-bottom: 2px solid #c7a600; font-size: 2.0rem; text-align: center; padding-bottom: 20px; margin-bottom: 20px; }
._awoard__body { zoom: 1; line-height: 2.0; }
._awoard__body:after { content: ""; display: block; clear: both; }
._awoard__body .img { float: left; margin: 30px 30px 30px 0; }
@media only screen and (max-width: 479px) { ._awoard__body .img { float: none; width: 80%; margin: 0 auto; } }

._spbox { padding: 30px 20px; border: 2px solid #a8a8a8; background: #fff; }
@media only screen and (max-width: 479px) { ._spbox { padding: 4%; } }
._spbox__ttl { border-bottom: 1px solid #fe460a; font-weight: bold; padding: 0 0 16px 0; margin-bottom: 16px; }
._spbox__2column { zoom: 1; }
._spbox__2column:after { content: ""; display: block; clear: both; }
._spbox__2column .left { width: 370px; float: left; }
@media only screen and (max-width: 1000px) { ._spbox__2column .left { width: 48%; } }
@media only screen and (max-width: 479px) { ._spbox__2column .left { width: auto; float: none; } }
._spbox__2column .right { width: 360px; float: right; }
@media only screen and (max-width: 1000px) { ._spbox__2column .right { width: 46%; } }
@media only screen and (max-width: 479px) { ._spbox__2column .right { width: auto; float: none; text-align: center; } }
._spbox__2column--2 .left { width: 495px; }
@media only screen and (max-width: 1000px) { ._spbox__2column--2 .left { width: 65%; } }
@media only screen and (max-width: 479px) { ._spbox__2column--2 .left { width: auto; } }
._spbox__2column--2 .right { width: 240px; }
@media only screen and (max-width: 1000px) { ._spbox__2column--2 .right { width: 30%; } }
@media only screen and (max-width: 479px) { ._spbox__2column--2 .right { width: auto; } }
._spbox .text { line-height: 2; }
._spbox img { margin-bottom: 5px; max-width: 100%; height: auto; }
@media only screen and (max-width: 479px) { ._spbox img { width: 80%; } }

._col { margin-bottom: 20px; }

._col2 { clear: both; border-top: 1px solid #666; padding: 20px 0 0 0; margin-top: 20px; }

._3column { zoom: 1; padding: 20px 0 0 0; }
._3column:after { content: ""; display: block; clear: both; }
._3column li { width: 240px; float: left; margin-right: 18px; }
@media only screen and (max-width: 1000px) { ._3column li { width: 30%; } }
@media only screen and (max-width: 479px) { ._3column li { float: none; width: 80%; margin: 0 auto 4%; } }
._3column li:last-child { margin-right: 0; }
@media only screen and (max-width: 479px) { ._3column li:last-child { margin: 0 auto 4%; } }

._box { margin-bottom: 30px; }
._box:last-of-type { margin-bottom: 0; }
._box__ttl { background: #a8a8a8; padding: 10px 20px; font-weight: bold; }
._box__body { border: 2px solid #a8a8a8; background: #fff; padding: 20px 18px; overflow: hidden; }
@media only screen and (max-width: 479px) { ._box__body { padding: 10px 9px; } }
@media only screen and (max-width: 479px) { ._box__body .img img { width: 100%; height: auto; } }
._box__body p { margin-bottom: 20px; }
._box__body p.clear { clear: both; }

._box--2column { zoom: 1; }
._box--2column:after { content: ""; display: block; clear: both; }
._box--2column .left { float: left; width: 190px; }
@media only screen and (max-width: 1000px) { ._box--2column .left { width: 25%; } }
@media only screen and (max-width: 479px) { ._box--2column .left { float: none; width: auto; } }
._box--2column .right { float: right; width: 515px; }
@media only screen and (max-width: 1000px) { ._box--2column .right { width: 68%; } }
@media only screen and (max-width: 479px) { ._box--2column .right { float: none; width: auto; } }
._box--2column .img--margintop { margin-top: 20px; }
@media only screen and (max-width: 1000px) { ._box--2column .img--margintop { width: 100%; height: auto; } }
@media only screen and (max-width: 479px) { ._box--2column .img--margintop { margin-top: 0; } }

._photoline { zoom: 1; margin-bottom: 10px; }
._photoline:after { content: ""; display: block; clear: both; }
._photoline:last-of-type { margin-bottom: 0; }
._photoline img { float: left; margin-right: 5px; }
._photoline img:last-child { margin-right: 0; }
@media only screen and (max-width: 1000px) { ._photoline img { width: 32%; margin-right: 1%; }
  ._photoline img:last-child { margin-right: 0; } }
@media only screen and (max-width: 479px) { ._photoline img { float: none; width: 80%; margin: 0 auto 10px; }
  ._photoline img:last-child { margin: 0 auto 10px; } }
@media only screen and (max-width: 1000px) { ._photoline--100vw img { width: 80%; margin: 0 auto 10px; float: none; }
  ._photoline--100vw img:last-child { margin: 0 auto 10px; } }
@media only screen and (max-width: 479px) { ._photoline--100vw img { width: 100%; } }
@media only screen and (max-width: 1000px) { ._photoline--4set img { float: left; width: 24%; margin: 0 1% 0 0; }
  ._photoline--4set img:last-child { margin: 0; } }
@media only screen and (max-width: 1000px) { ._photoline--3set img { float: left; width: 32%; margin: 0 2% 0 0; }
  ._photoline--3set img:last-child { margin: 0; } }
._photoline--2setC { width: 520px; margin: 0 auto; }
@media only screen and (max-width: 1000px) { ._photoline--2setC { width: auto; } }
._photoline--2setC img { margin-right: 20px; }
@media only screen and (max-width: 1000px) { ._photoline--2setC img { width: 48%; margin-right: 2%; } }
@media only screen and (max-width: 479px) { ._photoline--2setC img { width: 80%; margin: 0 auto 10px; } }
._photoline--2setC img:last-of-type { margin-right: 0; }
@media only screen and (max-width: 479px) { ._photoline--2setC img:last-of-type { margin: 0 auto; } }
._photoline--2setC p { zoom: 1; margin-bottom: 10px; }
._photoline--2setC p:after { content: ""; display: block; clear: both; }
._photoline--2setC p:last-of-type { margin-bottom: 0; }

._underline { border-bottom: 1px solid #a8a8a8; padding-bottom: 10px; margin-bottom: 10px; }

._column { zoom: 1; }
._column:after { content: ""; display: block; clear: both; }
._column .text { float: left; }
@media only screen and (max-width: 479px) { ._column .text { float: none; } }
._column .img { float: right; }
@media only screen and (max-width: 479px) { ._column .img { float: none; } }
._column .img img { margin: 0 0 0 auto; }
@media only screen and (max-width: 1000px) { ._column .img img { width: 100%; height: auto; } }
@media only screen and (max-width: 479px) { ._column .img img { margin: 5% auto; width: 50%; } }
._column--w515img160 { zoom: 1; }
._column--w515img160:after { content: ""; display: block; clear: both; }
._column--w515img160 .text { width: 350px; }
@media only screen and (max-width: 1000px) { ._column--w515img160 .text { width: 68%; } }
@media only screen and (max-width: 479px) { ._column--w515img160 .text { width: auto; } }
._column--w515img160 .img { width: 160px; }
@media only screen and (max-width: 1000px) { ._column--w515img160 .img { width: 31%; } }
@media only screen and (max-width: 479px) { ._column--w515img160 .img { width: auto; } }
._column--w515img160 .img img { width: 100%; height: auto; }
._column--w515img200 { zoom: 1; }
._column--w515img200:after { content: ""; display: block; clear: both; }
._column--w515img200 .text { width: 310px; }
@media only screen and (max-width: 1000px) { ._column--w515img200 .text { width: 61%; } }
@media only screen and (max-width: 479px) { ._column--w515img200 .text { width: auto; } }
._column--w515img200 .img { width: 200px; }
@media only screen and (max-width: 1000px) { ._column--w515img200 .img { width: 36%; } }
@media only screen and (max-width: 479px) { ._column--w515img200 .img { width: auto; } }
._column--w760img200 { zoom: 1; }
._column--w760img200:after { content: ""; display: block; clear: both; }
._column--w760img200 .text { width: 540px; }
@media only screen and (max-width: 1000px) { ._column--w760img200 .text { width: 71.05%; } }
@media only screen and (max-width: 479px) { ._column--w760img200 .text { width: auto; } }
._column--w760img200 .img { width: 200px; }
@media only screen and (max-width: 1000px) { ._column--w760img200 .img { width: 26.32%; } }
@media only screen and (max-width: 479px) { ._column--w760img200 .img { width: auto; } }
@media only screen and (max-width: 1000px) { ._column--w760img200 .img img { width: 100%; } }
@media only screen and (max-width: 479px) { ._column--w760img200 .img img { width: 80%; } }
._column--w760img230 { zoom: 1; }
._column--w760img230:after { content: ""; display: block; clear: both; }
._column--w760img230 .text { width: 510px; }
@media only screen and (max-width: 1000px) { ._column--w760img230 .text { width: 67%; } }
@media only screen and (max-width: 479px) { ._column--w760img230 .text { width: auto; } }
._column--w760img230 .img { width: 230px; }
@media only screen and (max-width: 1000px) { ._column--w760img230 .img { width: 30%; } }
@media only screen and (max-width: 479px) { ._column--w760img230 .img { width: auto; } }
@media only screen and (max-width: 1000px) { ._column--w760img230 .img img { width: 100%; } }
@media only screen and (max-width: 479px) { ._column--w760img230 .img img { width: 80%; } }
._column--w760img290 { zoom: 1; }
._column--w760img290:after { content: ""; display: block; clear: both; }
._column--w760img290 .text { width: 450px; }
@media only screen and (max-width: 1000px) { ._column--w760img290 .text { width: 59%; } }
@media only screen and (max-width: 479px) { ._column--w760img290 .text { width: auto; } }
._column--w760img290 .img { width: 290px; }
@media only screen and (max-width: 1000px) { ._column--w760img290 .img { width: 38%; } }
@media only screen and (max-width: 479px) { ._column--w760img290 .img { width: auto; } }
@media only screen and (max-width: 479px) { ._column--w760img290 .img img { width: 80%; } }
._column--w760img390 { zoom: 1; }
._column--w760img390:after { content: ""; display: block; clear: both; }
._column--w760img390 .text { width: 350px; }
@media only screen and (max-width: 1000px) { ._column--w760img390 .text { width: 46.05%; } }
@media only screen and (max-width: 479px) { ._column--w760img390 .text { width: auto; } }
._column--w760img390 .img { width: 390px; }
@media only screen and (max-width: 1000px) { ._column--w760img390 .img { width: 51.32%; } }
@media only screen and (max-width: 479px) { ._column--w760img390 .img { width: auto; } }
@media only screen and (max-width: 1000px) { ._column--w760img390 .img img { width: 100%; height: auto; } }

._column--w760img460 { zoom: 1; }
._column--w760img460:after { content: ""; display: block; clear: both; }
._column--w760img460 .text { width: 290px; }
._column--w760img460 .text dl dt { font-size:1.8rem; margin-bottom: 20px; }
@media only screen and (max-width: 1000px) { ._column--w760img460 .text { width: 46.05%; } }
@media only screen and (max-width: 479px) { ._column--w760img460 .text { width: auto; } }
@media only screen and (max-width: 1000px) { ._column--w760img460 .img { width: 51.32%; } }
@media only screen and (max-width: 479px) { ._column--w760img460 .img { width: auto; } }
@media only screen and (max-width: 1000px) { ._column--w760img460 .img img { width: 100%; height: auto; } }
@media only screen and (max-width: 479px) { ._column--w760img460 .text dl dt { margin-bottom: 10px; } }

._column--50 { zoom: 1; }
._column--50:after { content: ""; display: block; clear: both; }
._column--50_l { width: 50%; float: left; border-right: 1px solid #a8a8a8; box-sizing: border-box;}
._column--50_r { width: 50%; float: right;}
._column--50_r dl,
._column--50_l dl { text-align: center; margin-bottom: 20px; font-weight: bold;}
._column--50 dl dt{ font-size:1.6rem; margin-bottom: 10px;}
@media only screen and (max-width: 660px) { 
	._column--50_r ,
	._column--50_l { width: 100%;  float: none; }
	._column--50_l{ padding-bottom: 40px; border-right: none; margin-bottom: 40px;  border-bottom: 1px dotted #707070; }
}


._column--twoline{ overflow: hidden; }
._column--twoline p{ float: right; width: 50%;}
._column--twoline p:nth-child(odd){ float: left; clear: both; }
@media only screen and (max-width: 1000px) { ._column--twoline p{ width: 49%;} }


._imagebox { margin: 20px 0; }
@media only screen and (max-width: 1000px) { ._imagebox img { width: 80%; height: auto; } }
@media only screen and (max-width: 479px) { ._imagebox img { width: 100%; } }

@media only screen and (max-width: 1000px) { ._imagescroll img { width: 100%; height: auto; } }
@media only screen and (max-width: 479px) { ._imagescroll { overflow-x: scroll; }
  ._imagescroll img { width: auto; height: auto; } }

._textbox { margin-bottom: 20px; }

._img100 { width: 100%; height: auto; }

._dlstyle { margin: 0 0 20px; }
@media only screen and (max-width: 479px) { ._dlstyle { margin: 2.6667% 0; } }
._dlstyle dt { border-bottom: 1px solid #fe460a; margin-bottom: 16px; padding: 10px 0; font-weight: bold; }

._dlstyle2 { margin: 0 0 20px; }
@media only screen and (max-width: 479px) { ._dlstyle2 { margin: 2.6667% 0; } }
._dlstyle2 dt { border-bottom: 1px solid #a8a8a8; margin-bottom: 16px; padding: 10px 0; font-weight: bold; }

@media only screen and (max-width: 479px) { ._dlstyle--float dd img._w60 { width: 60%; } }





/*191015write*/
ul.hb_ck li { background:url("../img/hyperbollard_icon.gif") no-repeat left 0.5em; padding-left:20px; line-height:2; }
ul.hb_step { width:250px; margin:0 auto; line-height:1.6; }
ul.hb_step li { background:url("../img/hyperbollard_arrow.gif") no-repeat center 10px / 15%; padding:40px 0 0 0; margin: 10px 0 0; }
ul.hb_step li:first-child {  background:none; padding-top:0; }
ul.hb_step li img { margin-bottom:5px; }
.hb_mov { margin:30px 0 10px; text-align:center; }
.hb_ex { margin-bottom:0; }
.hb_how { line-height:2; display:flex; align-items:center; }
.hb_how img.img { width:100%; }
.hb_how p { width:360px; margin-left:10px;}
.hb_how p + p { width:360px; margin:0 10px 0 20px;}
.hb_how img { margin:10px 0; }
.hb_at { margin-top:40px; }
.hb_at .img { margin-bottom:20px; }

.fSizeS { font-size:60% }


@media only screen and (max-width: 1000px) { 
.hb_mv img { width:80%; }
.hb_img img { width:60%; }
.hb_const img { width:100%; }
.hb_position_ex .img { width:100%; }
.hb_position_ex .right .text { width:100%; }
.hb_how img { width:100%; }
.hb_at img { width:100%; }
 }

@media only screen and (max-width: 479px) {
.hb_mv img { width:100%; }
ul.hb_step  { width:90%; }
ul.hb_step li { margin: 10px 0 0; }
ul.hb_step li img { width:100%; }
.hb_how { display:block; margin:5%; }
.hb_how p { width:100%; margin:0; }
.hb_how p + p { width:100%; margin:0;}
.hb_const { padding:5%; }
.hb_const p { margin-bottom:0; }
}

._column--inttl{ font-size: 1.8rem; margin-bottom: 25px; font-weight: bold;}
._column--inbox{ margin:0 30px 30px; overflow: hidden; }
.txt_deco_1{ text-align: center; color: #707070; font-size: 1.8rem; line-height: 31px; font-weight: bold;}
._column--inbox-line{ border-bottom: 1px dotted #707070; margin-bottom: 20px; }
._column--inbox-line:first-child{ padding-top: 30px; }
._column--inbox-line ._column--inttl { margin-bottom: 20px; }
._column--inbox ._col:last-child ,
._column--inbox-line:last-child { margin-bottom: 0;}
._column--inbox-line img {max-width: 100%;}
.ph_cap{ display: block;  margin-top: 5px; }
@media only screen and (max-width: 660px) {
	._column--inbox-line:first-child{ padding-top: 0; }
}