@charset "utf-8";
/* Reset Style */
body {
  line-height: 1;
  color: #000;
  margin: 0;
  padding: 0;
  
}

/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
.travel html, body, div, span, object, iframe,
.travel h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  line-height:135%;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

.travel nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

.travel a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.travel ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

.travel mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

.travel del {
  text-decoration: line-through;
}

.travel abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

.travel hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

.travel input, select {
  vertical-align: middle;
}

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small;
}

select, input, button, textarea {
  font: 99% arial,helvetica,clean,sans-serif;
}

.travel table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

/* 汎用クラス */
[class^="mark"] {
  padding-left: 15px;
  background: no-repeat left .5em;
}

.mark1 {
  background-image: url(../img/share/mark_1.gif);
}

.mark2 {
  background-image: url(../img/share/mark_2.gif);
}

.mark3 {
  background-image: url(../img/share/mark_3.gif);
}

.mark4 {
  background-image: url(../img/share/mark_4.gif);
}

.mark5 {
  background-image: url(../img/share/mark_5.gif);
}

.opacityUse {
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.table_cell {
  display: table-cell;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.fr,
.imgR {
  float: right;
  margin-left: 24px;
}

.fl,
.imgL {
  float: left;
  margin-right: 24px;
}

.imgC,
.tC,
.btn {
  text-align: center;
}

.imgC {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.tR,
.sign {
  text-align: right;
}

.tL {
  text-align: left;
}

.box_size {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.ts_none {
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}

.bs_none {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}

.mt0 {
  margin-top: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}
.p08 {
  padding: 8px;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.fz10 {
  font-size: 10px !important;
}

.wp0 {
  width: 0% !important;
}

.mt5 {
  margin-top: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.fz11 {
  font-size: 11px !important;
}

.wp5 {
  width: 5% !important;
}

.mt10 {
  margin-top: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.fz12 {
  font-size: 12px !important;
}

.wp10 {
  width: 10% !important;
}

.mt15 {
  margin-top: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.fz13 {
  font-size: 13px !important;
}

.wp15 {
  width: 15% !important;
}

.mt20 {
  margin-top: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.fz14 {
  font-size: 14px !important;
}

.wp20 {
  width: 20% !important;
}

.mt25 {
  margin-top: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.fz15 {
  font-size: 15px !important;
}

.wp25 {
  width: 25% !important;
}

.mt30 {
  margin-top: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.fz16 {
  font-size: 16px !important;
}

.wp30 {
  width: 30% !important;
}

.mt35 {
  margin-top: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.fz17 {
  font-size: 17px !important;
}

.wp35 {
  width: 35% !important;
}

.mt40 {
  margin-top: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.fz18 {
  font-size: 18px !important;
}

.wp40 {
  width: 40% !important;
}

.mt45 {
  margin-top: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.fz19 {
  font-size: 19px !important;
}

.wp45 {
  width: 45% !important;
}

.mt50 {
  margin-top: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.fz20 {
  font-size: 20px !important;
}

.wp50 {
  width: 50% !important;
}

.mt55 {
  margin-top: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.fz21 {
  font-size: 21px !important;
}

.wp55 {
  width: 55% !important;
}

.mt60 {
  margin-top: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.fz22 {
  font-size: 22px !important;
}

.wp60 {
  width: 60% !important;
}

.mt65 {
  margin-top: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.fz23 {
  font-size: 23px !important;
}

.wp65 {
  width: 65% !important;
}

.mt70 {
  margin-top: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.fz24 {
  font-size: 24px !important;
}

.wp70 {
  width: 70% !important;
}

.mt75 {
  margin-top: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.fz25 {
  font-size: 25px !important;
}

.wp75 {
  width: 75% !important;
}

.mt80 {
  margin-top: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.fz26 {
  font-size: 26px !important;
}

.wp80 {
  width: 80% !important;
}

.mt85 {
  margin-top: 85px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.fz27 {
  font-size: 27px !important;
}

.wp85 {
  width: 85% !important;
}

.mt90 {
  margin-top: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.fz28 {
  font-size: 28px !important;
}

.wp90 {
  width: 90% !important;
}

.mt95 {
  margin-top: 95px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.fz29 {
  font-size: 29px !important;
}

.wp95 {
  width: 95% !important;
}

.mt100 {
  margin-top: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.fz30 {
  font-size: 30px !important;
}

.wp100 {
  width: 100% !important;
}

/* clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* bold */
.bd {
  font-weight: bold !important;
}

/* normal */
.nm {
  font-weight: normal !important;
}

@media only screen and (max-width: 479px) {
  .fz10sp {
    font-size: 10px !important;
  }

  .wp0sp {
    width: 0% !important;
  }

  .fz11sp {
    font-size: 11px !important;
  }

  .wp5sp {
    width: 5% !important;
  }

  .fz12sp {
    font-size: 12px !important;
  }

  .wp10sp {
    width: 10% !important;
  }

  .fz13sp {
    font-size: 13px !important;
  }

  .wp15sp {
    width: 15% !important;
  }

  .fz14sp {
    font-size: 14px !important;
  }

  .wp20sp {
    width: 20% !important;
  }

  .fz15sp {
    font-size: 15px !important;
  }

  .wp25sp {
    width: 25% !important;
  }

  .fz16sp {
    font-size: 16px !important;
  }

  .wp30sp {
    width: 30% !important;
  }

  .fz17sp {
    font-size: 17px !important;
  }

  .wp35sp {
    width: 35% !important;
  }

  .fz18sp {
    font-size: 18px !important;
  }

  .wp40sp {
    width: 40% !important;
  }

  .fz19sp {
    font-size: 19px !important;
  }

  .wp45sp {
    width: 45% !important;
  }

  .fz20sp {
    font-size: 20px !important;
  }

  .wp50sp {
    width: 50% !important;
  }

  .fz21sp {
    font-size: 21px !important;
  }

  .wp55sp {
    width: 55% !important;
  }

  .fz22sp {
    font-size: 22px !important;
  }

  .wp60sp {
    width: 60% !important;
  }

  .fz23sp {
    font-size: 23px !important;
  }

  .wp65sp {
    width: 65% !important;
  }

  .fz24sp {
    font-size: 24px !important;
  }

  .wp70sp {
    width: 70% !important;
  }

  .fz25sp {
    font-size: 25px !important;
  }

  .wp75sp {
    width: 75% !important;
  }

  .fz26sp {
    font-size: 26px !important;
  }

  .wp80sp {
    width: 80% !important;
  }

  .fz27sp {
    font-size: 27px !important;
  }

  .wp85sp {
    width: 85% !important;
  }

  .fz28sp {
    font-size: 28px !important;
  }

  .wp90sp {
    width: 90% !important;
  }

  .fz29sp {
    font-size: 29px !important;
  }

  .wp95sp {
    width: 95% !important;
  }

  .fz30sp {
    font-size: 30px !important;
  }

  .wp100sp {
    width: 100% !important;
  }
}
/* TEST
.test {
	@include border_radius;
	@include border_radius(5px 10px 2px 12%);
	@include bg_size(100px);
	@include min_height(777px);
	@extend .clearfix;
	@extend .box_size;
	background: url(../img/share/bg_test.gif);
	font-size: fz(18);
}
.opTest img:hover {
	@extend .opacity;
}
 */
/*---------------------------------------------------
	element style
----------------------------------------------------*/
body {
  -webkit-text-size-adjust: 100%;
  background: #fff;
  color: #222222;
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif!important;
  line-height: 1.5;
  font-size: 14px;
}

body.noScroll {
  position: fixed;
  overflow-y: scroll;
}

input, textarea {
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

section {
  margin-bottom: 80px;
}

* html body, * html input, * html textarea {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.vM {
  vertical-align: middle;
}

.travel a:link {
  text-decoration: underline;
  color: #000073;
}
.travel a:visited {
  text-decoration: underline;
  color: #666666;
}
.travel a:hover {
  text-decoration: none;
  color: #ff6200;
}
.travel a:active {
  text-decoration: none;
  color: #ff6200;
}

.travel a:hover img {
  opacity: 0.8;
}

.travel i {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}

.travel p {
  margin-bottom: 16px;
}

.pagetop {
  position: fixed;
  bottom: 8%;
  right: 5%;
  opacity: 0;
  /* sp */
}
.pagetop a {
  display: block;
  color: #fff;
  background-color: #f68d4b;
  border-radius: 50%;
  padding: 18px 25px;
  text-align: center;
  text-decoration: none;
}
.pagetop a:hover {
  opacity: 1;
}
@media only screen and (max-width: 736px) {
  .pagetop {
    position: inherit;
    top: 0;
    left: 0;
    opacity: 1 !important;
  }
  .pagetop br {
    display: none;
  }
  .pagetop a {
    border-radius: 0;
    padding: 18px 0;
  }
}

.li-num li {
  list-style: decimal;
}

.travel dl.recoPoint {
  margin-bottom: 40px;
  color: #666666;
}
.travel dl.recoPoint dt {
  float: left;
  width: 2.5em;
  text-align: left;
  margin-bottom: 8px;
}
.travel dl.recoPoint dt.w1 {
  width: 1.5em;
}
.travel dl.recoPoint dt.w3 {
  width: 3.5em;
}
.travel dl.recoPoint dd {
  margin-bottom: 8px;
  overflow: hidden;
  text-align: left;
}

.travel p.boxInner,
.travel div.boxInner {
  padding-left: 8px;
  padding-right: 8px;
}

.travel table.boxInner {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}

.cRed {
  color: #fe0000 !important;
}

.cRed2 {
  color: #d02d2d !important;
}

.cBlue {
  color: #000073 !important;
}

.cGray {
  color: #999 !important;
}

.cBlack {
  color: #222 !important;
}

.cGray2 {
  color: #666 !important;
}

.normal {
  font-weight: normal !important;
}

.bgRed {
  background-color: #ffc0c0;
}

.bgGray {
  background-color: #eee;
  padding: 16px;
}

.bgLightGray {
  background-color: #f9f9f9;
  padding: 24px 16px;
}

/* sp */
@media only screen and (max-width: 736px) {
  .imgChange {
    max-width: 100%;
    height: auto;
  }

  .travel img {
    max-width: 100%;
    height: auto;
  }

  .travel section {
    margin-bottom: 32px;
  }

  .travel dl.recoPoint {
    font-size: 93%;
  }
}
/*-------------------------------------------------
	top
----------------------------------------------------*/

/*-------------------------------------------------
	pankuzu
----------------------------------------------------*/
.pankuzu {
  margin-bottom: 16px;
}
.pankuzu li {
  display: inline;
  color: #000073;
}
.pankuzu a:link, .pankuzu a:visited {
  color: #000073;
  text-decoration: none;
}
.pankuzu a:hover {
  color: #ff6200;
}
.pankuzu li:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
  padding: 0 4px;
}
.pankuzu li:last-child:after {
  content: "";
  display: none;
}
.pankuzu strong {
  font-weight: normal;
  color: #666;
}

/*----------------------------------------------------
	h x
----------------------------------------------------*/
.travel h1 {
  font-size: 200%;
  font-weight: bold;
  margin-bottom: 32px;
}

.travel h2 {
  font-size: 154%;
  font-weight: bold;
  margin-bottom: 32px;
}

.travel h3 {
  font-size: 124%;
  font-weight: bold;
  margin-bottom: 24px;
}

.travel h4 {
  font-size: 93%;
  font-weight: normal;
  margin-bottom: 16px;
}

.travel h5 {
  font-size: 93%;
  color: #888;
  font-weight: bold;
  margin-bottom: 16px;
}

@media only screen and (max-width: 736px) {
  .travel h1, h2, h3, h4, h5 {
    margin-bottom: 0;
  }

  .travel h1 {
    font-size: 124%;
  }

  .travel h2 {
    font-size: 108%;
  }

  .travel h3 {
    font-size: 93%;
  }
}
/*----------------------------------------------------
	sublinks
----------------------------------------------------*/

/*--------------------------------------------------
	input
----------------------------------------------------*/

/*----------------------------------------------------
	btn
----------------------------------------------------*/
.btnSubmit {
  position: relative;
  padding: 16px 32px;
  text-decoration: none !important;
  color: #fff !important;
  line-height: 1.5;
  border: 1px solid #bbb;
  -webkit-box-shadow: 0 2px 3px 0 rgba(100, 100, 100, 0.3);
  box-shadow: 0 2px 3px 0 rgba(100, 100, 100, 0.3);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc4a28+0,e84b32+50,f16f5c+50,ce2e18+51,e73827+100 */
  background: #fc4a28;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fc4a28 0%, #e84b32 50%, #f16f5c 50%, #ce2e18 51%, #e73827 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fc4a28 0%, #e84b32 50%, #f16f5c 50%, #ce2e18 51%, #e73827 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fc4a28 0%, #e84b32 50%, #f16f5c 50%, #ce2e18 51%, #e73827 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc4a28', endColorstr='#e73827',GradientType=0 );
  /* IE6-9 */
}

.btnSubmit:hover {
  cursor: pointer;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e73827+0,ce2e18+35,ce2e18+47,e84b32+50,c91414+51,fc4a28+100,ce2e18+100 */
  background: #e73827;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e73827 0%, #ce2e18 35%, #ce2e18 47%, #e84b32 50%, #c91414 51%, #fc4a28 100%, #ce2e18 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e73827 0%, #ce2e18 35%, #ce2e18 47%, #e84b32 50%, #c91414 51%, #fc4a28 100%, #ce2e18 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e73827 0%, #ce2e18 35%, #ce2e18 47%, #e84b32 50%, #c91414 51%, #fc4a28 100%, #ce2e18 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e73827', endColorstr='#ce2e18',GradientType=0 );
  /* IE6-9 */
}

.btnBack {
  position: relative;
  padding: 16px 32px;
  text-decoration: none !important;
  color: #fff !important;
  line-height: 1.5;
  border: 1px solid #bbb;
  -webkit-box-shadow: 0 2px 3px 0 rgba(100, 100, 100, 0.3);
  box-shadow: 0 2px 3px 0 rgba(100, 100, 100, 0.3);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e9e9e+0,989898+50,6e7774+50,808080+51,7f7f7f+51,7f7f7f+51,7f7f7f+100 */
  background: #9e9e9e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #9e9e9e 0%, #989898 50%, #6e7774 50%, #808080 51%, #7f7f7f 51%, #7f7f7f 51%, #7f7f7f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #9e9e9e 0%, #989898 50%, #6e7774 50%, #808080 51%, #7f7f7f 51%, #7f7f7f 51%, #7f7f7f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #9e9e9e 0%, #989898 50%, #6e7774 50%, #808080 51%, #7f7f7f 51%, #7f7f7f 51%, #7f7f7f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#7f7f7f',GradientType=0 );
  /* IE6-9 */
}

.btnBack:hover {
  cursor: pointer;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f7f7f+0,7f7f7f+49,989898+50,9e9e9e+100 */
  background: #7f7f7f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #7f7f7f 0%, #7f7f7f 49%, #989898 50%, #9e9e9e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #7f7f7f 0%, #7f7f7f 49%, #989898 50%, #9e9e9e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7f7f7f 0%, #7f7f7f 49%, #989898 50%, #9e9e9e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#9e9e9e',GradientType=0 );
  /* IE6-9 */
}

.btnOrangeRadius {
  position: relative;
  display: inline-block;
  background-color: #ff7900;
  text-align: center;
  font-weight: bold;
  border-radius: 50px;
  padding: 16px 50px;
  text-decoration: none !important;
  color: #fff !important;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 3px 0 rgba(100, 100, 100, 0.3);
  box-shadow: 0 0 3px 0 rgba(100, 100, 100, 0.3);
}

.btnOrangeRadius:hover {
  cursor: pointer;
  background-color: #f96102;
}

.btnBlueRadius {
  position: relative;
  display: inline-block;
  background-color: #000092;
  text-align: center;
  font-weight: bold;
  border-radius: 50px;
  padding: 16px 33px;
  text-decoration: none !important;
  color: #fff !important;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 3px 0 rgba(100, 100, 100, 0.3);
  box-shadow: 0 0 3px 0 rgba(100, 100, 100, 0.3);
}

.btnBlueRadius:hover {
  cursor: pointer;
  background-color: #000073;
}

.btnBlueRadius.icon-Next {
  padding-right: 42px;
}

.btnBlueRadius.icon-Next:after {
  position: absolute;
  right: 5%;
  top: 32%;
}

.btnGray:hover, .btnBlue {
  display: inline-block;
  background-color: #000073;
  padding: 16px;
  text-align: center;
  color: #fff !important;
  font-size: 124%;
  font-weight: bold;
}

.btnBlue:hover, .btnGray {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #333 !important;
  padding: 16px;
  text-align: center;
  font-size: 124%;
  font-weight: bold;
}

.btnOpen span {
  display: inline-block;
  width: 50%;
  background-color: #626262;
  color: #fff !important;
  padding: 14px 8px;
  font-size: 12px;
  text-align: center;
  text-decoration: none !important;
  margin: 8px 0 0;
  position: relative;
}

.btnOpen span:after {
  content: "▼";
  position: absolute;
  right: 10%;
}

.btnOpen.active span:after {
  content: "▲";
  position: absolute;
  right: 10%;
}

/*----------------------------------------------------
	table
----------------------------------------------------*/
.travel table {
  border: 1px solid #bbb;
  border-right: none;
  border-bottom: none;
  width: 100%;
}

.travel tr {
  border-bottom: 1px solid #bbb;
}

.travel th {
  background-color: #f2f2f2;
  border-right: 1px solid #bbb;
  font-weight: bold;
  padding: 20px 24px;
  vertical-align: middle;
  text-align: left;
}

.travel td {
  padding: 20px 16px;
  vertical-align: middle;
  border-right: 1px solid #bbb;
}

.travel table.vM {
  vertical-align: middle;
}
.travel table.vM th, table.vM td {
  vertical-align: middle;
}

.travel table.noborder {
  border: none;
}
.travel table.noborder tr, table.noborder td, table.noborder th {
  border: none;
}

.travel table.slim td, table.slim th {
  padding: 8px 16px;
}

/* sp */
@media only screen and (max-width: 736px) {
  .form th, .form td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    border-right: none;
  }
}
/*----------------------------------------------------
	contentHead
----------------------------------------------------*/
.contentHead h1 {
  margin: 0 0 16px;
}
.contentHead h1 img {
  vertical-align: bottom;
}
.contentHead h2 {
  margin: 0 0 24px;
}

.fukidashi2 {
  max-height: 103px;
  padding: 28px 16px;
  box-sizing: border-box;
  border-radius: 8px 8px 0 0;
  text-align: left;
  border: 1px solid #bbb;
  border-bottom: 4px solid #000073;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
  /* IE6-9 */
  /* sp */
}
@media only screen and (max-width: 736px) {
  .fukidashi2 {
    padding: 7px;
    margin: 0 0 16px;
    line-height: 1.2;
    border-radius: 4px 4px 0 0;
  }
}

.fukidashi {
  position: relative;
  text-align: left;
  border: 1px solid #bbb;
  background-image: url(../img/h1_fukidashi.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
  /* IE6-9 */
  height: auto;
  line-height: 1.2;
  border-left: 10px solid #000073;
  padding: 14px  8px 12px 16px;
  margin: 0 0 16px;
}
.fukidashi .price {
  padding-left: 0 !important;
}

.fukidashi:after {
  content: url(../img/h1_fukidashi_sp.png);
  display: block;
  position: absolute;
  left: -10px;
  top: 29%;
  /* sp */
}
@media only screen and (max-width: 736px) {
  .fukidashi:after {
    top: 31%;
  }
}

.fukidashi.lh2:after {
  top: 40%;
}

/* sp */
@media only screen and (max-width: 736px) {
  .fukidashi.lh2sp:after {
    top: 40%;
  }
}
.fukidashi3 {
  width: 80%;
  margin: 0 auto 24px;
  position: relative;
  background: #ffffff;
  font-size: 185%;
  color: #d23a3a;
  text-align: center;
  padding-bottom: 8px;
  border-bottom: 2px solid #d23a3a;
}

.fukidashi3:after, .fukidashi3:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.fukidashi3:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}

.fukidashi3:before {
  border-color: rgba(210, 58, 58, 0);
  border-top-color: #d23a3a;
  border-width: 13px;
  margin-left: -13px;
}
/*----------------------------------------------------
	box
----------------------------------------------------*/
/* display:table */
.tableBox {
  display: table;
  box-sizing: border-box;
  border-spacing: 10px;
  width: 102%;
  margin: 0 -10px;
}

.tableCell {
  display: table-cell;
}

.tableCell.pc {
  display: table-cell;
}

/* row */
.row {
  margin-bottom: 32px;
  overflow: hidden;
}

/* filter */
.dropshadow {
  -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.3);
}

/* border-box */
[class^="borderBox-"], [class*=" borderBox-"],
.borderBox {
  border: 1px solid #ccc;
  padding: 16px;
  margin: 0 0 24px;
}
[class^="borderBox-"] .title, [class*=" borderBox-"] .title,
.borderBox .title {
  border-bottom: 2px solid #000073;
  padding: 0 0 4px;
  margin: 0 0 16px;
}

.borderBox-Red {
  border-color: #990000;
  color: #990000;
}

.borderBox-blue {
  border-color: #000073;
}

/* width */
.clear {
  clear: both;
}

.mC {
  margin: 0 auto;
}

.wHalf {
  width: 48.5%;
  box-sizing: border-box;
}

.w70p {
  width: 70%;
}

.w65p {
  width: 65%;
}

/* sp */
@media only screen and (max-width: 736px) {
  .row {
    margin-bottom: 16px;
  }

  .spWFull {
    width: auto;
    float: none;
    margin-bottom: 16px;
  }

  .tableBox,
  .tableCell {
    display: block;
    width: auto;
    margin: 0 0 16px;
  }

  .tableCell.pc {
    display: none;
  }
}
/*----------------------------------------------------
	form
----------------------------------------------------*/
/*----------------------------------------------------
	smartphone
----------------------------------------------------*/
/*----------------------------------------------------
	header
----------------------------------------------------*/

/*----------------------------------------------------
	content
----------------------------------------------------*/
#content {
  width: 960px;
  margin: 0 auto;
  padding: 16px 0 0;
  /* sp */
}
@media only screen and (max-width: 736px) {
  #content {
    width: auto;
    padding: 16px 10px 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

/*----------------------------------------------------
	footer
----------------------------------------------------*/


/*-------------------------------------------------
	SP menu
----------------------------------------------------*/


/*-------------------------------------------------
	iconFonts
----------------------------------------------------*/

.icon-blank:before {
  content: url(../img/icon_link01.png);
}

.icon-play:before {
  content: url(../img/icon_link01.png);
  
}

/*----------------------------------------------------
	Page
----------------------------------------------------*/

/*----------------------------------------------------
	hokenDetail - head_bg
----------------------------------------------------*/

/*----------------------------------------------------
	medical, life, orix
----------------------------------------------------*/

/*----------------------------------------------------
	index
----------------------------------------------------*/


/*----------------------------------------------------
	company
----------------------------------------------------*/


/*----------------------------------------------------
	kokunai
----------------------------------------------------*/
.kokunai.hokenList .comBox .head,
.kokunai.hokenList .comBox .body {
  width: 99.5%;
}

/*----------------------------------------------------
	bicycle
----------------------------------------------------*/

/*----------------------------------------------------
	kasai
----------------------------------------------------*/

/*----------------------------------------------------
	pension
----------------------------------------------------*/

/*----------------------------------------------------
	hokenList
----------------------------------------------------*/
.hokenList {
  /* sp */
}
.hokenList h2 img {
  vertical-align: middle;
}
.hokenList .camBanner {
   overflow: hidden;
  -js-display: flex;
  display: flex;
  justify-content: center;}
.hokenList .camBanner li {
  width: 50%;
  float: left;
  list-style: none;
}
.hokenList .camBanner li:nth-child(2) {
  text-align: right;
}
.hokenList .bgLightGray,
.hokenList .row {
  margin-bottom: 40px;
}
.hokenList .companyLink {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 0 8px;
}
.hokenList .companyLink li {
  width: 24%;
  box-sizing: border-box;
  list-style: none;
  margin-bottom: 8px;
}
.hokenList .companyLink li a {
  display: block;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15);
  padding: 4px 0;
  text-align: center;
  text-decoration: none;
  color: #000073;
  font-weight: bold;
  font-size: 124%;
}
.hokenList .companyLink li img {
  vertical-align: bottom;
  
    width: auto;
    max-height: 50px;
}
.hokenList .comBox:last-child {
  margin-bottom: 0;
}
.hokenList .comBox {
  overflow: hidden;
  margin-bottom: 40px;
  /* body */
}
.hokenList .comBox p:last-child {
  margin-bottom: 0;
}
.hokenList .comBox .head {
  width: 100%;
  border: 1px solid #ccc;
  padding: 16px;
  display: table;
  box-sizing: border-box;
  min-height: 110px;
}
.hokenList .comBox .head .title {
  display: table-cell;
  width: 70%;
  vertical-align: middle;
}
.hokenList .comBox .head h3 {
  font-size: 200%;
  display: inline;
  vertical-align: middle;
  margin-right: 16px;
}
.hokenList .comBox .head .website {
  border: 1px solid #ccc;
  padding: 8px;
  text-decoration: none;
  color: #000073;
  font-weight: bold;
}
.hokenList .comBox .head .website{
	display: inline-block;
}
.hokenList .comBox .head .website i{
	padding:3px 0 0 0;
}
.hokenList .comBox .head .website:hover {
  color: #ff6200;
}
.hokenList .comBox .head .Badge {
  display: table-cell;
  width: 30%;
  text-align: right;
  vertical-align: middle;
}
.hokenList .comBox .head .Badge li {
  display: inline-block;
  padding: 8px 16px;
  color: #fff;
  border-radius: 4px;
  width: 80px;
  box-sizing: border-box;
  text-align: center;
}
.hokenList .comBox .head .Badge .pink {
  background-color: #f45c5c;
}
.hokenList .comBox .head .Badge .blue {
  background-color: #45c8f0;
}
.hokenList .comBox .head .Badge .yellow {
  background-color: #ffae11;
}
.hokenList .comBox .body {
  display: table;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-top: none;
  /* fukidashi */
}
.hokenList .comBox .body h4 {
  background-color: #eee;
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.hokenList .comBox .body h4:after, .hokenList .comBox .body h4:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.hokenList .comBox .body h4:after {
  border-color: rgba(238, 238, 238, 0);
  border-top-color: #eeeeee;
  border-width: 10px;
  margin-left: -10px;
}
.hokenList .comBox .body h4:before {
  border-color: rgba(204, 204, 204, 0);
  border-top-color: #cccccc;
  border-width: 11px;
  margin-left: -11px;
}
.hokenList .comBox .body .point {
  display: table-cell;
  width: 20%;
  vertical-align: top;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  padding-bottom: 16px;
}
.hokenList .comBox .body .point p {
  padding: 8px;
  margin: 0;
}
.hokenList .comBox .body .point .desc {
  padding: 8px 16px;
}
.hokenList .comBox .body .point .logo {
  text-align: center;
}
.hokenList .comBox .body .point .logo img {
  vertical-align: bottom;
  
    max-height: 100px;
}
.hokenList .comBox .body .hokenMile {
  display: table-cell;
  width: 80%;
  vertical-align: top;
  box-sizing: border-box;
}
.hokenList .comBox .body .hokenMile .pl20.pr20 {
  padding: 16px 20px;
}
.hokenList .comBox .body .hokenMile .meyasu {
  border: none;
  padding: 8px;
  border-bottom: 1px solid #ccc;
}
.hokenList .comBox .body .hokenMile .meyasu table {
  border: none;
}
.hokenList .comBox .body .hokenMile .meyasu tr {
  border: none;
}
.hokenList .comBox .body .hokenMile .meyasu td {
  padding: 0 8px;
  vertical-align: middle;
  border: none;
}
.hokenList .comBox .body .hokenMile .meyasu th {
  padding: 0 14px;
  text-align: center;
  border: 1px solid #ccc;
}
.hokenList .comBox .body .hokenMile .meyasu .label {
  display: inline-block;
  padding: 14px 0;
  margin-right: 8px;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 140px;
  background-color: #ff8650;
  border: none;
}
.hokenList .comBox .body .hokenMile .meyasu .label.kazoku {
  background-color: #39ca8b;
}
.hokenList .comBox .body .hokenMile .meyasu .more {
  padding: 16px 0 0;
  margin: 0;
  font-size: 93%;
}
.hokenList .comBox .body .hokenMile .list {
  border: none;
  border-collapse: separate;
  border-spacing: 8px;
}
.hokenList .comBox .body .hokenMile .list tr {
  border-bottom: none;
}
.hokenList .comBox .body .hokenMile .list td {
  width: 28%;
  font-size: 154%;
  padding: 0;
  line-height: 1.5;
  box-sizing: border-box;
}
.hokenList .comBox .body .hokenMile .list th.label1 {
  font-size: 12px;
  text-align: center;
  padding: 0;
  border: 1px solid #ccc;
  background-color: #eee;
}
.hokenList .comBox .body .hokenMile .list .link {
  font-size: 77%;
  padding: 0;
}
.hokenList .comBox .body .hokenMile .list .label2 {
  display: inline-block;
  font-size: 10px;
  border-radius: 4px;
  background-color: #ddd;
  padding: 2px 4px;
  margin-bottom: 4px;
}
.hokenList .comBox .body .hokenMile .list .label2.kojin {
  color: #fff;
  background-color: #ff8650;
}
.hokenList .comBox .body .hokenMile .list .label2.kazoku {
  color: #fff;
  background-color: #39ca8b;
}
.hokenList .comBox .body .hokenMile .fr, .hokenList .comBox .body .hokenMile .fl {
  margin-left: 0;
  margin-right: 0;
}
.hokenList .comBox .body .hokenMile a {
  color: #222;
  text-decoration: none;
}
.hokenList .comBox .body .hokenMile a:hover {
  color: #ff6200;
}
.hokenList .plan {
  font-size: 85%;
  margin-bottom: 0;
}
.hokenList .plan table {
  margin-bottom: 16px;
}
.hokenList .plan th, .hokenList .plan td {
  padding: 8px;
}
.hokenList .plan th {
  width: 80px;
  text-align: center;
}
.hokenList .plan th.w40 {
  width: 40px;
}
.hokenList .plan .dottedBottom {
  border-bottom: 1px dotted #ccc;
}
.hokenList .plan dl {
  overflow: hidden;
  margin-bottom: 16px;
}
.hokenList .plan dt {
  float: left;
  width: 3em;
  clear: left;
}
.hokenList .plan dd {
  overflow: hidden;
}
.hokenList .number {
  font-size: 93%;
}
.hokenList .number dl dt {
  float: left;
}
.hokenList .number dl dd {
  overflow: hidden;
  clear: right;
}
@media only screen and (max-width: 736px) {
  .hokenList .camTitle {
    font-size: 154%;
    text-align: center;
  }
  .hokenList .camBanner li {
    clear: both;
    width: auto;
  }
  .hokenList .bgLightGray {
    padding: 8px;
  }
  .hokenList .bgLightGray .btnBlueRadius {
    font-size: 93%;
    padding: 16px 38px;
  }
  .hokenList .bgLightGray .btnBlueRadius i {
    right: inherit;
    top: inherit;
    position: inherit;
  }
  .hokenList .bgLightGray .tR.cGray {
    font-size: 77%;
  }
  .hokenList .companyLink {
    padding: 0;
  }
  .hokenList .companyLink li {
    width: 32%;
  }
  .hokenList .comBox {
    margin: 16px 0;
  }
  .hokenList .comBox .head {
    padding: 8px;
  }
  .hokenList .comBox .head .title {
    width: 50%;
  }
  .hokenList .comBox .head .Badge {
    width: 50%;
  }
  .hokenList .comBox .head .Badge img {
    height: 45px;
    width: auto;
    max-width: none;
  }
  .hokenList .comBox .head .Badge li {
    width: 42px;
    padding: 4px;
    font-size: 70%;
  }
  .hokenList .comBox .head .website {
    display: inline-block;
    padding: 4px;
    margin-top: 8px;
  }
  .hokenList .comBox .head h3 {
    font-size: 93%;
    display: block;
  }
  .hokenList .comBox .body {
    display: block;
  }
  .hokenList .comBox .body .point,
  .hokenList .comBox .body .hokenMile {
    display: block;
    width: auto;
  }
  .hokenList .comBox .body .point {
    border-right: none;
  }
  .hokenList .comBox .body .point .logo {
    padding: 8px 0 0;
  }
  .hokenList .comBox .body .point .logo img {
    width: 60%;
  }
  .hokenList .comBox .body .hokenMile {
    padding-bottom: 8px;
  }
  .hokenList .comBox .body .hokenMile h4 {
    border-top: 1px solid #ccc;
  }
  .hokenList .comBox .body .hokenMile .meyasu {
    font-size: 10px;
  }
  .hokenList .comBox .body .hokenMile .meyasu table th, .hokenList .comBox .body .hokenMile .meyasu table td {
    display: table-cell;
    padding: 0;
  }
  .hokenList .comBox .body .hokenMile .meyasu table th {
    width: 20% !important;
  }
  .hokenList .comBox .body .hokenMile .meyasu table td:nth-child(2) {
    width: 55% !important;
  }
  .hokenList .comBox .body .hokenMile .meyasu table td:nth-child(3) {
    width: 25% !important;
  }
  .hokenList .comBox .body .hokenMile .meyasu .label {
    width: 60px;
    padding: 4px 0;
    margin: 0 0 0 8px;
    vertical-align: middle;
  }
  .hokenList .comBox .body .hokenMile .meyasu .price {
    font-size: 154%;
  }
  .hokenList .comBox .body .hokenMile .meyasu .yen {
    font-size: 10px;
  }
  .hokenList .comBox .body .hokenMile .list th.label1 {
    font-size: 10px;
    width: 22%;
  }
  .hokenList .comBox .body .hokenMile .list th, .hokenList .comBox .body .hokenMile .list td {
    padding: 0;
    font-size: 93%;
  }
  .hokenList .plan th {
    width: 47px;
    padding: 4px;
  }
  .hokenList .row {
    margin-bottom: 0;
  }
  .hokenList .tC.fz20.bd {
    font-size: 93% !important;
  }
}

.jalcard {
  /* sp */
}
.jalcard .oyakudachi h3 i.p2 {
  position: absolute;
  left: 12%;
  top: 20%;
}
.jalcard .oyakudachi .noLi {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.jalcard .oyakudachi .noLi:hover {
  border: none;
}
.jalcard a {
  color: #000073;
  text-decoration: none;
}
.jalcard a:hover {
  color: #ff6200;
}
.jalcard .subMenu {
  margin-bottom: 8px;
}
.jalcard .subMenu li {
  list-style: none;
  display: inline-block;
  margin-right: 25px;
}
.jalcard .plan {
  line-height: 1.5;
}
.jalcard .plan dl {
  margin: 4px 0;
}
.jalcard .plan dt {
  width: 2em;
}
.jalcard .plan dd {
  margin-bottom: 4px;
}
@media only screen and (max-width: 736px) {
  .jalcard .textBanner li div {
    width: 79% !important;
  }
  .jalcard .oyakudachi li h3 {
    height: 48px !important;
    box-sizing: border-box;
    padding: 14px 8px 0 !important;
  }
  .jalcard .oyakudachi li h3 i.p2 {
    position: static;
    padding: 0 !important;
  }
  .jalcard .oyakudachi li .p2,
  .jalcard .oyakudachi li .p2sp {
    padding: 8px 14px 0 4px !important;
  }
  .jalcard .bgLightGray, .jalcard .mb40 {
    margin-bottom: 20px !important;
  }
  .jalcard .bgLightGray, .jalcard .ml100 {
    margin-left: 0 !important;
  }
}

/*----------------------------------------------------
	hokenDetail
----------------------------------------------------*/
.other,
.hokenList,
.hokenDetail {
  /* lable style */
  /* sp */
}
.other .textBanner,
.hokenList .textBanner,
.hokenDetail .textBanner {
  display: table;
  border-spacing: 20px;
  margin: 0 auto 40px;
}
.other .textBanner li,
.hokenList .textBanner li,
.hokenDetail .textBanner li {
  display: table-cell;
  vertical-align: top;
  list-style: none;
  background-color: #F7F7F7;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
}
.other .textBanner li div,
.hokenList .textBanner li div,
.hokenDetail .textBanner li div {
  float: right;
  width: 79%;
}
.other .textBanner li div h3,
.hokenList .textBanner li div h3,
.hokenDetail .textBanner li div h3 {
  margin-bottom: 8px;
  color: #000073;
  font-weight: bold;
}
.other .textBanner li .ico,
.hokenList .textBanner li .ico,
.hokenDetail .textBanner li .ico {
  float: left;
  width: 18%;
  text-align: center;
}
.other .textBanner li .ico img,
.hokenList .textBanner li .ico img,
.hokenDetail .textBanner li .ico img {
  max-width: 100%;
}
.other .textBanner li p,
.hokenList .textBanner li p,
.hokenDetail .textBanner li p {
  margin-bottom: 0;
}
.other .textBanner li a,
.hokenList .textBanner li a,
.hokenDetail .textBanner li a {
  border: 1px solid #fff;
  display: block;
  overflow: hidden;
  color: #484848;
  height: 100%;
  padding: 10px;
}
.other .textBanner li:hover,
.hokenList .textBanner li:hover,
.hokenDetail .textBanner li:hover {
  border: 1px solid #ff6700;
}
.other .textBanner li:hover a,
.hokenList .textBanner li:hover a,
.hokenDetail .textBanner li:hover a {
  border: 1px solid #ff6700;
}
.other .textBanner li:hover .text,
.hokenList .textBanner li:hover .text,
.hokenDetail .textBanner li:hover .text {
  text-decoration: underline;
}
.other .price,
.hokenList .price,
.hokenDetail .price {
  color: #d42c1c;
  font-size: 200%;
  padding-left: 8px;
  font-weight: bold;
}
.other .yen,
.hokenList .yen,
.hokenDetail .yen {
  color: #d42c1c;
  font-size: 139%;
  font-weight: bold;
}
.other .oyakudachi,
.hokenList .oyakudachi,
.hokenDetail .oyakudachi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 24px;
  /* sp */
}
.other .oyakudachi li,
.hokenList .oyakudachi li,
.hokenDetail .oyakudachi li {
  width: 30%;
  list-style: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15);
  margin: 0 0 24px;
}
.other .oyakudachi li a,
.hokenList .oyakudachi li a,
.hokenDetail .oyakudachi li a {
  display: block;
  text-decoration: none;
}
.other .oyakudachi li a:visited,
.hokenList .oyakudachi li a:visited,
.hokenDetail .oyakudachi li a:visited {
  color: #000073;
}
.other .oyakudachi li a:hover,
.hokenList .oyakudachi li a:hover,
.hokenDetail .oyakudachi li a:hover {
  color: #fff;
}
.other .oyakudachi li p,
.hokenList .oyakudachi li p,
.hokenDetail .oyakudachi li p {
  text-align: center;
  padding: 8px 0;
  margin-bottom: 0;
}
.other .oyakudachi li h3,
.hokenList .oyakudachi li h3,
.hokenDetail .oyakudachi li h3 {
  border-top: 1px solid #ccc;
  line-height: 1.2;
  font-size: 124%;
  font-weight: bold;
  background-color: #eee;
  padding: 20px 0;
  margin: 0;
  text-align: center;
  box-sizing: border-box;
  height: 62px;
  position: relative;
}
.other .oyakudachi li .icon-Next:after,
.hokenList .oyakudachi li .icon-Next:after,
.hokenDetail .oyakudachi li .icon-Next:after {
  content: '\e909';
  position: absolute;
  right: 5%;
  top: 35%;
}
.other .oyakudachi li .p2,
.hokenList .oyakudachi li .p2,
.hokenDetail .oyakudachi li .p2 {
  padding: 9px 0;
}
.other .oyakudachi li.active,
.other .oyakudachi li:hover,
.hokenList .oyakudachi li.active,
.hokenList .oyakudachi li:hover,
.hokenDetail .oyakudachi li.active,
.hokenDetail .oyakudachi li:hover {
  opacity: 1 !important;
  border: 1px solid #000073;
}
.other .oyakudachi li.active h3,
.other .oyakudachi li:hover h3,
.hokenList .oyakudachi li.active h3,
.hokenList .oyakudachi li:hover h3,
.hokenDetail .oyakudachi li.active h3,
.hokenDetail .oyakudachi li:hover h3 {
  color: #fff;
  background-color: #000073;
}
.other .oyakudachi li.inactive,
.hokenList .oyakudachi li.inactive,
.hokenDetail .oyakudachi li.inactive {
  opacity: 0.8;
}
.other .oyakudachi li.inactive:hover img,
.hokenList .oyakudachi li.inactive:hover img,
.hokenDetail .oyakudachi li.inactive:hover img {
  opacity: 1;
}
@media only screen and (max-width: 736px) {
  .other .oyakudachi,
  .hokenList .oyakudachi,
  .hokenDetail .oyakudachi {
    margin: 16px 0 0;
  }
  .other .oyakudachi li,
  .hokenList .oyakudachi li,
  .hokenDetail .oyakudachi li {
    width: 48%;
    margin: 0 0 16px;
  }
  .other .oyakudachi li p,
  .hokenList .oyakudachi li p,
  .hokenDetail .oyakudachi li p {
    margin: 0;
    padding: 0;
  }
  .other .oyakudachi li img,
  .hokenList .oyakudachi li img,
  .hokenDetail .oyakudachi li img {
    height: 50px;
    width: auto;
    vertical-align: bottom;
  }
  .other .oyakudachi li h3,
  .hokenList .oyakudachi li h3,
  .hokenDetail .oyakudachi li h3 {
    font-size: 12px;
    padding: 8px 18px 8px 4px;
    height: auto;
    position: relative;
  }
  .other .oyakudachi li .p2,
  .hokenList .oyakudachi li .p2,
  .hokenDetail .oyakudachi li .p2 {
    padding: 8px 0;
  }
  .other .oyakudachi li .icon-Next:after,
  .hokenList .oyakudachi li .icon-Next:after,
  .hokenDetail .oyakudachi li .icon-Next:after {
    position: absolute;
    right: 4px;
    top: 35%;
  }
}
.other .comBox,
.hokenList .comBox,
.hokenDetail .comBox {
  /* body */
}
.other .comBox .body,
.hokenList .comBox .body,
.hokenDetail .comBox .body {
  display: table;
  margin: 0 auto;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-top: none;
  /* fukidashi */
}
.other .comBox .body h4,
.hokenList .comBox .body h4,
.hokenDetail .comBox .body h4 {
  background-color: #eee;
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.other .comBox .body h4:after, .other .comBox .body h4:before,
.hokenList .comBox .body h4:after,
.hokenList .comBox .body h4:before,
.hokenDetail .comBox .body h4:after,
.hokenDetail .comBox .body h4:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.other .comBox .body h4:after,
.hokenList .comBox .body h4:after,
.hokenDetail .comBox .body h4:after {
  border-color: rgba(238, 238, 238, 0);
  border-top-color: #eeeeee;
  border-width: 10px;
  margin-left: -10px;
}
.other .comBox .body h4:before,
.hokenList .comBox .body h4:before,
.hokenDetail .comBox .body h4:before {
  border-color: rgba(204, 204, 204, 0);
  border-top-color: #cccccc;
  border-width: 11px;
  margin-left: -11px;
}
.other .comBox .body .point,
.hokenList .comBox .body .point,
.hokenDetail .comBox .body .point {
  display: table-cell;
  width: 30%;
  vertical-align: top;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
}
.other .comBox .body .point p,
.hokenList .comBox .body .point p,
.hokenDetail .comBox .body .point p {
  padding: 8px;
  margin: 0;
}
.other .comBox .body .point .logo,
.hokenList .comBox .body .point .logo,
.hokenDetail .comBox .body .point .logo {
  text-align: center;
}
.other .comBox .body .point .logo img,
.hokenList .comBox .body .point .logo img,
.hokenDetail .comBox .body .point .logo img {
  vertical-align: bottom;
}
.other .comBox .body .hokenMile,
.hokenList .comBox .body .hokenMile,
.hokenDetail .comBox .body .hokenMile {
  display: table-cell;
  width: 70%;
  vertical-align: top;
  box-sizing: border-box;
}
.other .comBox .body .hokenMile .meyasu,
.hokenList .comBox .body .hokenMile .meyasu,
.hokenDetail .comBox .body .hokenMile .meyasu {
  border: none;
  padding: 8px;
  border-bottom: 1px solid #ccc;
}
.other .comBox .body .hokenMile .meyasu table,
.hokenList .comBox .body .hokenMile .meyasu table,
.hokenDetail .comBox .body .hokenMile .meyasu table {
  border: none;
}
.other .comBox .body .hokenMile .meyasu tr,
.hokenList .comBox .body .hokenMile .meyasu tr,
.hokenDetail .comBox .body .hokenMile .meyasu tr {
  border: none;
}
.other .comBox .body .hokenMile .meyasu td,
.hokenList .comBox .body .hokenMile .meyasu td,
.hokenDetail .comBox .body .hokenMile .meyasu td {
  padding: 0 8px;
  vertical-align: middle;
  border: none;
}
.other .comBox .body .hokenMile .meyasu th,
.hokenList .comBox .body .hokenMile .meyasu th,
.hokenDetail .comBox .body .hokenMile .meyasu th {
  padding: 0 14px;
  text-align: center;
  border: 1px solid #ccc;
}
.other .comBox .body .hokenMile .meyasu .label,
.hokenList .comBox .body .hokenMile .meyasu .label,
.hokenDetail .comBox .body .hokenMile .meyasu .label {
  display: inline-block;
  padding: 14px 0;
  margin-right: 8px;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 140px;
  background-color: #ff8650;
  border: none;
}
.other .comBox .body .hokenMile .meyasu .label.kazoku,
.hokenList .comBox .body .hokenMile .meyasu .label.kazoku,
.hokenDetail .comBox .body .hokenMile .meyasu .label.kazoku {
  background-color: #39ca8b;
}
.other .comBox .body .hokenMile .meyasu .more,
.hokenList .comBox .body .hokenMile .meyasu .more,
.hokenDetail .comBox .body .hokenMile .meyasu .more {
  padding: 16px 0 0;
  margin: 0;
  font-size: 93%;
}
.other .comBox .body .hokenMile .list,
.hokenList .comBox .body .hokenMile .list,
.hokenDetail .comBox .body .hokenMile .list {
  border: none;
  border-collapse: separate;
  border-spacing: 8px;
}
.other .comBox .body .hokenMile .list tr,
.hokenList .comBox .body .hokenMile .list tr,
.hokenDetail .comBox .body .hokenMile .list tr {
  border-bottom: none;
}
.other .comBox .body .hokenMile .list th,
.hokenList .comBox .body .hokenMile .list th,
.hokenDetail .comBox .body .hokenMile .list th {
  border-right: none;
}
.other .comBox .body .hokenMile .list td,
.hokenList .comBox .body .hokenMile .list td,
.hokenDetail .comBox .body .hokenMile .list td {
  width: 28%;
  font-size: 154%;
  padding: 0;
  line-height: 1.5;
  box-sizing: border-box;
  border-right: none;
}
.other .comBox .body .hokenMile .list th.label1,
.hokenList .comBox .body .hokenMile .list th.label1,
.hokenDetail .comBox .body .hokenMile .list th.label1 {
  font-size: 12px;
  text-align: center;
  padding: 0;
  border: 1px solid #ccc;
  background-color: #eee;
}
.other .comBox .body .hokenMile .list .link,
.hokenList .comBox .body .hokenMile .list .link,
.hokenDetail .comBox .body .hokenMile .list .link {
  font-size: 77%;
  padding: 0;
}
.other .comBox .body .hokenMile .fr, .other .comBox .body .hokenMile .fl,
.hokenList .comBox .body .hokenMile .fr,
.hokenList .comBox .body .hokenMile .fl,
.hokenDetail .comBox .body .hokenMile .fr,
.hokenDetail .comBox .body .hokenMile .fl {
  margin-left: 0;
  margin-right: 0;
}
.other .comBox .body .hokenMile a,
.hokenList .comBox .body .hokenMile a,
.hokenDetail .comBox .body .hokenMile a {
  color: #222;
  text-decoration: none;
}
.other .comBox .body .hokenMile a:hover,
.hokenList .comBox .body .hokenMile a:hover,
.hokenDetail .comBox .body .hokenMile a:hover {
  color: #ff6200;
}
.other .comBox .foot,
.hokenList .comBox .foot,
.hokenDetail .comBox .foot {
  display: table;
  width: 99.5%;
  margin: 0 auto;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-top: none;
  padding: 8px 16px;
}
.other .comBox .foot .list,
.hokenList .comBox .foot .list,
.hokenDetail .comBox .foot .list {
  table-layout: fixed;
  border: none;
  border-collapse: separate;
  border-spacing: 8px;
}
.other .comBox .foot .list td, .other .comBox .foot .list td,
.hokenList .comBox .foot .list td,
.hokenList .comBox .foot .list td,
.hokenDetail .comBox .foot .list td,
.hokenDetail .comBox .foot .list td {
  padding: 10px 0;
}
.other .comBox .foot th.label1,
.hokenList .comBox .foot th.label1,
.hokenDetail .comBox .foot th.label1 {
  width: 136px;
  padding: 10px 0;
  text-align: center;
  border: 1px solid #ccc;
}
.other .anchorLink,
.hokenList .anchorLink,
.hokenDetail .anchorLink {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 0 8px;
  margin: 32px 0 24px;
}
.other .anchorLink li,
.hokenList .anchorLink li,
.hokenDetail .anchorLink li {
  width: 30%;
  box-sizing: border-box;
  list-style: none;
  margin-bottom: 16px;
  position: relative;
}
.other .anchorLink li a,
.hokenList .anchorLink li a,
.hokenDetail .anchorLink li a {
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15);
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #000073;
  font-weight: bold;
  font-size: 124%;
}
.other .anchorLink li a:after,
.hokenList .anchorLink li a:after,
.hokenDetail .anchorLink li a:after {
  content: "▼";
  position: absolute;
  right: 8px;
}
.other .anchorLink li:hover a,
.hokenList .anchorLink li:hover a,
.hokenDetail .anchorLink li:hover a {
  background-color: #000073;
  color: #fff;
}
.other table .label2.kojin,
.hokenList table .label2.kojin,
.hokenDetail table .label2.kojin {
  color: #fff;
  background-color: #ff8650;
  width: auto;
  display: inline-block;
  font-size: 10px;
  border-radius: 4px;
  padding: 2px 4px;
  margin: 0 8px 0 0;
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
}
.other table .label2.kazoku,
.hokenList table .label2.kazoku,
.hokenDetail table .label2.kazoku {
  color: #fff;
  width: auto;
  display: inline-block;
  font-size: 10px;
  border-radius: 4px;
  background-color: #39ca8b;
  padding: 2px 4px;
  margin: 0 8px 0 0;
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
}
.other table .label2.other,
.hokenList table .label2.other,
.hokenDetail table .label2.other {
  width: 7em;
  display: inline-block;
  font-size: 10px;
  border-radius: 4px;
  background-color: #ddd;
  padding: 2px 4px;
  margin: 0 8px 0 0;
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .other .textBanner,
  .hokenList .textBanner,
  .hokenDetail .textBanner {
    border-spacing: 0;
  }
  .other .textBanner h3,
  .hokenList .textBanner h3,
  .hokenDetail .textBanner h3 {
    font-size: 108%;
  }
  .other .textBanner .text,
  .hokenList .textBanner .text,
  .hokenDetail .textBanner .text {
    font-size: 77%;
  }
  .other .textBanner li div,
  .hokenList .textBanner li div,
  .hokenDetail .textBanner li div {
    width: 75%;
  }
  .other .textBanner li .ico,
  .hokenList .textBanner li .ico,
  .hokenDetail .textBanner li .ico {
    width: 15%;
  }
  .other .comBox .head,
  .hokenList .comBox .head,
  .hokenDetail .comBox .head {
    min-height: inherit;
  }
  .other .comBox .foot,
  .other .comBox .body,
  .hokenList .comBox .foot,
  .hokenList .comBox .body,
  .hokenDetail .comBox .foot,
  .hokenDetail .comBox .body {
    display: block;
  }
  .other .comBox .foot hr.sp,
  .other .comBox .body hr.sp,
  .hokenList .comBox .foot hr.sp,
  .hokenList .comBox .body hr.sp,
  .hokenDetail .comBox .foot hr.sp,
  .hokenDetail .comBox .body hr.sp {
    margin: 0;
  }
  .other .comBox .foot table.sp,
  .other .comBox .body table.sp,
  .hokenList .comBox .foot table.sp,
  .hokenList .comBox .body table.sp,
  .hokenDetail .comBox .foot table.sp,
  .hokenDetail .comBox .body table.sp {
    display: table !important;
  }
  .other .comBox .foot table.sp td,
  .other .comBox .body table.sp td,
  .hokenList .comBox .foot table.sp td,
  .hokenList .comBox .body table.sp td,
  .hokenDetail .comBox .foot table.sp td,
  .hokenDetail .comBox .body table.sp td {
    width: 78% !important;
  }
  .other .comBox .foot .point,
  .other .comBox .foot .hokenMile,
  .other .comBox .body .point,
  .other .comBox .body .hokenMile,
  .hokenList .comBox .foot .point,
  .hokenList .comBox .foot .hokenMile,
  .hokenList .comBox .body .point,
  .hokenList .comBox .body .hokenMile,
  .hokenDetail .comBox .foot .point,
  .hokenDetail .comBox .foot .hokenMile,
  .hokenDetail .comBox .body .point,
  .hokenDetail .comBox .body .hokenMile {
    display: block;
    width: auto;
  }
  .other .comBox .foot .point,
  .other .comBox .body .point,
  .hokenList .comBox .foot .point,
  .hokenList .comBox .body .point,
  .hokenDetail .comBox .foot .point,
  .hokenDetail .comBox .body .point {
    border-right: none;
  }
  .other .comBox .foot .point .logo,
  .other .comBox .body .point .logo,
  .hokenList .comBox .foot .point .logo,
  .hokenList .comBox .body .point .logo,
  .hokenDetail .comBox .foot .point .logo,
  .hokenDetail .comBox .body .point .logo {
    padding: 8px 0 0;
  }
  .other .comBox .foot .point .logo img,
  .other .comBox .body .point .logo img,
  .hokenList .comBox .foot .point .logo img,
  .hokenList .comBox .body .point .logo img,
  .hokenDetail .comBox .foot .point .logo img,
  .hokenDetail .comBox .body .point .logo img {
    width: 60%;
  }
  .other .comBox .foot .hokenMile,
  .other .comBox .body .hokenMile,
  .hokenList .comBox .foot .hokenMile,
  .hokenList .comBox .body .hokenMile,
  .hokenDetail .comBox .foot .hokenMile,
  .hokenDetail .comBox .body .hokenMile {
    padding-bottom: 8px;
  }
  .other .comBox .foot .hokenMile h4,
  .other .comBox .body .hokenMile h4,
  .hokenList .comBox .foot .hokenMile h4,
  .hokenList .comBox .body .hokenMile h4,
  .hokenDetail .comBox .foot .hokenMile h4,
  .hokenDetail .comBox .body .hokenMile h4 {
    border-top: 1px solid #ccc;
  }
  .other .comBox .foot .hokenMile .meyasu,
  .other .comBox .body .hokenMile .meyasu,
  .hokenList .comBox .foot .hokenMile .meyasu,
  .hokenList .comBox .body .hokenMile .meyasu,
  .hokenDetail .comBox .foot .hokenMile .meyasu,
  .hokenDetail .comBox .body .hokenMile .meyasu {
    font-size: 10px;
  }
  .other .comBox .foot .hokenMile .meyasu table th, .other .comBox .foot .hokenMile .meyasu table td,
  .other .comBox .body .hokenMile .meyasu table th,
  .other .comBox .body .hokenMile .meyasu table td,
  .hokenList .comBox .foot .hokenMile .meyasu table th,
  .hokenList .comBox .foot .hokenMile .meyasu table td,
  .hokenList .comBox .body .hokenMile .meyasu table th,
  .hokenList .comBox .body .hokenMile .meyasu table td,
  .hokenDetail .comBox .foot .hokenMile .meyasu table th,
  .hokenDetail .comBox .foot .hokenMile .meyasu table td,
  .hokenDetail .comBox .body .hokenMile .meyasu table th,
  .hokenDetail .comBox .body .hokenMile .meyasu table td {
    display: table-cell;
    padding: 0;
  }
  .other .comBox .foot .hokenMile .meyasu table th,
  .other .comBox .body .hokenMile .meyasu table th,
  .hokenList .comBox .foot .hokenMile .meyasu table th,
  .hokenList .comBox .body .hokenMile .meyasu table th,
  .hokenDetail .comBox .foot .hokenMile .meyasu table th,
  .hokenDetail .comBox .body .hokenMile .meyasu table th {
    width: 20% !important;
  }
  .other .comBox .foot .hokenMile .meyasu table td:nth-child(2),
  .other .comBox .body .hokenMile .meyasu table td:nth-child(2),
  .hokenList .comBox .foot .hokenMile .meyasu table td:nth-child(2),
  .hokenList .comBox .body .hokenMile .meyasu table td:nth-child(2),
  .hokenDetail .comBox .foot .hokenMile .meyasu table td:nth-child(2),
  .hokenDetail .comBox .body .hokenMile .meyasu table td:nth-child(2) {
    width: 55% !important;
  }
  .other .comBox .foot .hokenMile .meyasu table td:nth-child(3),
  .other .comBox .body .hokenMile .meyasu table td:nth-child(3),
  .hokenList .comBox .foot .hokenMile .meyasu table td:nth-child(3),
  .hokenList .comBox .body .hokenMile .meyasu table td:nth-child(3),
  .hokenDetail .comBox .foot .hokenMile .meyasu table td:nth-child(3),
  .hokenDetail .comBox .body .hokenMile .meyasu table td:nth-child(3) {
    width: 25% !important;
  }
  .other .comBox .foot .hokenMile .meyasu .label,
  .other .comBox .body .hokenMile .meyasu .label,
  .hokenList .comBox .foot .hokenMile .meyasu .label,
  .hokenList .comBox .body .hokenMile .meyasu .label,
  .hokenDetail .comBox .foot .hokenMile .meyasu .label,
  .hokenDetail .comBox .body .hokenMile .meyasu .label {
    width: 60px;
    padding: 4px 0;
    margin: 0 0 0 8px;
    vertical-align: middle;
  }
  .other .comBox .foot .hokenMile .meyasu .price,
  .other .comBox .body .hokenMile .meyasu .price,
  .hokenList .comBox .foot .hokenMile .meyasu .price,
  .hokenList .comBox .body .hokenMile .meyasu .price,
  .hokenDetail .comBox .foot .hokenMile .meyasu .price,
  .hokenDetail .comBox .body .hokenMile .meyasu .price {
    font-size: 154%;
  }
  .other .comBox .foot .hokenMile .meyasu .yen,
  .other .comBox .body .hokenMile .meyasu .yen,
  .hokenList .comBox .foot .hokenMile .meyasu .yen,
  .hokenList .comBox .body .hokenMile .meyasu .yen,
  .hokenDetail .comBox .foot .hokenMile .meyasu .yen,
  .hokenDetail .comBox .body .hokenMile .meyasu .yen {
    font-size: 10px;
  }
  .other .comBox .foot .hokenMile .list th.label1,
  .other .comBox .body .hokenMile .list th.label1,
  .hokenList .comBox .foot .hokenMile .list th.label1,
  .hokenList .comBox .body .hokenMile .list th.label1,
  .hokenDetail .comBox .foot .hokenMile .list th.label1,
  .hokenDetail .comBox .body .hokenMile .list th.label1 {
    font-size: 10px;
    width: 22%;
  }
  .other .comBox .foot .hokenMile .list th, .other .comBox .foot .hokenMile .list td,
  .other .comBox .body .hokenMile .list th,
  .other .comBox .body .hokenMile .list td,
  .hokenList .comBox .foot .hokenMile .list th,
  .hokenList .comBox .foot .hokenMile .list td,
  .hokenList .comBox .body .hokenMile .list th,
  .hokenList .comBox .body .hokenMile .list td,
  .hokenDetail .comBox .foot .hokenMile .list th,
  .hokenDetail .comBox .foot .hokenMile .list td,
  .hokenDetail .comBox .body .hokenMile .list th,
  .hokenDetail .comBox .body .hokenMile .list td {
    padding: 0;
    font-size: 93%;
  }
  .other .anchorLink,
  .hokenList .anchorLink,
  .hokenDetail .anchorLink {
    margin: 8px 0;
    padding: 0;
  }
  .other .anchorLink li,
  .hokenList .anchorLink li,
  .hokenDetail .anchorLink li {
    width: 48%;
    font-size: 77%;
    margin-bottom: 8px;
    line-height: 2.5em;
    position: relative;
  }
  .other .anchorLink li a:after,
  .hokenList .anchorLink li a:after,
  .hokenDetail .anchorLink li a:after {
    font-size: 77%;
    right: 5%;
    top: 35%;
    line-height: 1;
  }
  .other .anchorLink li a,
  .hokenList .anchorLink li a,
  .hokenDetail .anchorLink li a {
    padding: 4px 0;
  }
  .other .anchorLink li.lh1,
  .hokenList .anchorLink li.lh1,
  .hokenDetail .anchorLink li.lh1 {
    line-height: 1;
  }
  .other table .label2.other,
  .other table .label2.kazoku,
  .other table .label2.kojin,
  .hokenList table .label2.other,
  .hokenList table .label2.kazoku,
  .hokenList table .label2.kojin,
  .hokenDetail table .label2.other,
  .hokenDetail table .label2.kazoku,
  .hokenDetail table .label2.kojin {
    margin-bottom: 4px;
  }
}

.hokenDetail {
  /* sp */
}
.hokenDetail a {
  color: #000073;
  display:inline-block;
}
.hokenDetail a:hover {
  color: #ff6200;
}
.hokenDetail .fukidashi {
  text-align: left;
}
.hokenDetail .bgLightGray {
  margin: 32px 0 40px;
}
.hokenDetail .bgLightGray a {
  font-weight: bold;
  font-size: 124%;
  text-decoration: none;
	display:inline-block;
}
.hokenDetail .bgLightGray i {
  color: #d21515;
}
.hokenDetail .bgLightGray p {
  margin-bottom: 8px;
}
.hokenDetail ul.recoPoint {
  display: table;
  width: 100%;
}
.hokenDetail ul.recoPoint li {
  width: 33.3%;
  display: table-cell;
  list-style: none;
  text-align: center;
}
.hokenDetail .table1,
.hokenDetail .table2 {
  border: none;
  border-collapse: separate;
  border-spacing: 10px;
}
.hokenDetail .table1 th,
.hokenDetail .table2 th {
  background-color: #eee;
  border: 1px solid #ccc;
  width: 20%;
  text-align: center;
  font-weight: normal;
  padding: 16px 0;
}
.hokenDetail .table1 td,
.hokenDetail .table2 td {
  border: none;
  padding: 0;
  position: relative;
}
.hokenDetail .table1 tr,
.hokenDetail .table2 tr {
  border: none;
}
.hokenDetail .table1 thead,
.hokenDetail .table2 thead {
  display: block;
  border-bottom: 1px solid #ccc;
}
.hokenDetail .table1 .more,
.hokenDetail .table2 .more {
  position: absolute;
  right: 0;
  top: 30%;
  font-size: 93%;
  font-weight: bold;
  text-decoration: none;
  color: #222;
}
.hokenDetail .table1 .more i,
.hokenDetail .table2 .more i {
  color: #d42c1c;
}
.hokenDetail .table1 .more:hover,
.hokenDetail .table2 .more:hover {
  color: #ff6200;
}
.hokenDetail .table1 .kojin, .hokenDetail .table1 .kazoku,
.hokenDetail .table2 .kojin,
.hokenDetail .table2 .kazoku {
  width: 10em;
  display: inline-block;
  border-radius: 4px;
  padding: 12px 0;
  background-color: #ff8650;
  text-align: center;
  font-size: 108%;
  font-weight: bold;
  color: #fff;
  vertical-align: bottom;
}
.hokenDetail .table1 .kazoku,
.hokenDetail .table2 .kazoku {
  background-color: #39ca8b;
}
.hokenDetail hr {
  margin: 16px 10px;
}
.hokenDetail .step {
  display: table;
  width: 100%;
  margin: 0 0 16px;
  position: relative;
}
.hokenDetail .step .stepInnerLf {
  display: table-cell;
  width: 30%;
  background-color: #000073;
  line-height: 1;
  border-radius: 4px 0 0 4px;
  padding: 4px;
  clear: left;
  box-sizing: border-box;
  padding: 16px;
  margin: 0 0 8px;
  color: #ffffff;
  font-weight: bold;
  vertical-align: middle;
}
.hokenDetail .step .stepInnerLf p {
  color: #ffffff;
}
.hokenDetail .step .stepInnerLf .stepNum {
  font-size: 247%;
  float: left;
  padding: 0;
  margin: 0;
}
.hokenDetail .step .stepInnerLf .stepTxt {
  width: 80%;
  font-size: 154%;
  float: right;
  margin: 4px 0 0;
  line-height: 1.2;
  text-align: center;
}
.hokenDetail .step .stepInnerLf .stepTxt .stepSubTxt {
  display: block;
  font-size: 14px;
}
.hokenDetail .step .stepInnerLf .stepBox {
  width: 100%;
  display: table;
  margin-bottom: 0;
}
.hokenDetail .step .stepInnerLf .stepBox .stepNum,
.hokenDetail .step .stepInnerLf .stepBox .stepTxt {
  float: none;
  vertical-align: middle;
  display: table-cell;
}
.hokenDetail .step .stepInnerRt {
  display: table-cell;
  width: 70%;
  background-color: #f2f2f2;
  box-sizing: border-box;
  padding: 16px;
  margin: 0 0 8px;
  vertical-align: middle;
}
.hokenDetail .step .stepInnerRt p:last-child {
  margin-bottom: 0;
}
.hokenDetail .step:after {
  top: 100%;
  left: 38px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 115, 0);
  border-top-color: #000073;
  border-width: 10px;
  margin-left: -10px;
}
.hokenDetail .step.last {
  margin-bottom: 0;
}
.hokenDetail .step.last:after {
  border: none;
}
.hokenDetail .bgBorder {
  background: url(../img/travel/bg_border.png) -7px 0 repeat-y;
  overflow: hidden;
  margin-bottom: 40px;
}
.hokenDetail .borderBox-blue {
  width: 73%;
}
.hokenDetail .borderBox-blue h3 {
  margin: 0 0 8px;
}
.hokenDetail .borderBox-blue .fr, .hokenDetail .borderBox-blue .fl {
  margin: 0 0 16px;
}
.hokenDetail .borderBox-blue p:last-child {
  margin-bottom: 0;
}
.hokenDetail .full {
  width: 90%;
  float: right;
  background-color: #f2f2f2;
  margin: 24px 20px 40px 0;
}
.hokenDetail .full .title {
  position: relative;
  background: #d54848;
  padding: 12px 16px;
  color: #fff;
  font-size: 139%;
  font-weight: bold;
}
.hokenDetail .full .title:after {
  left: -33px;
  top: 3px;
  position: absolute;
  content: url(../img/travel/icoArrow.png);
}
.hokenDetail .full .accordionSP > p {
  padding-bottom: 0;
}
.hokenDetail .full p {
  padding: 0 24px 8px;
}
.hokenDetail .fukidashi span {
  color: #d42c1c;
  font-size: 124%;
}
.hokenDetail .anchorLink li:nth-child(2) a br,
.hokenDetail .fukidashi3 br {
  display: none;
}
@media only screen and (max-width: 736px) {
  .hokenDetail .contentHead {
    position: relative;
  }
  .hokenDetail .contentHead h1 {
    margin-bottom: 16px;
  }
  .hokenDetail .contentHead h2 {
    margin-bottom: 16px;
  }
  .hokenDetail .contentHead img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
  }
  .hokenDetail .contentHead .linkmap {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 50px;
    color: transparent;
    display: inline-block;
  }
  .hokenDetail .fukidashi3 br {
    display: block;
  }
  .hokenDetail .fukidashi {
    text-align: left;
  }
  .hokenDetail .fukidashi3 {
    width: 100%;
    font-size: 108%;
    line-height: 1.2;
  }
  .hokenDetail .price {
    font-size: 124%;
  }
  .hokenDetail .contentHead .fukidashi3 {
    font-size: 108%;
    width: 100%;
  }
  .hokenDetail ul.recoPoint {
    display: block;
    text-align: center;
  }
  .hokenDetail ul.recoPoint li {
    display: inline-block;
    width: 49%;
  }
  .hokenDetail dl.recoPoint {
    font-size: 93%;
  }
  .hokenDetail .table1 {
    font-size: 93% !important;
    border-spacing: 0;
    margin-bottom: 16px;
  }
  .hokenDetail .table1 th {
    width: auto !important;
    display: table-cell !important;
    padding: 4px;
  }
  .hokenDetail .table1 td {
    width: 67% !important;
    display: table-cell !important;
    padding-left: 10px;
  }
  .hokenDetail .table1 td .kojin,
  .hokenDetail .table1 td .kazoku {
    padding: 4px 0;
    margin-bottom: 4px;
    width: 6em;
    vertical-align: middle;
  }
  .hokenDetail .table1 td .kazoku {
    clear: left;
  }
  .hokenDetail .table1 .more {
    position: inherit;
    clear: both;
    text-align: right;
    display: block;
    margin-top: 8px;
  }
  .hokenDetail .table2 {
    font-size: 93% !important;
    border-spacing: 0 8px;
    margin-bottom: 16px;
  }
  .hokenDetail .table2 th {
    display: table-cell !important;
    padding: 4px;
    width: 30% !important;
  }
  .hokenDetail .table2 td {
    font-size: 93% !important;
    width: 22% !important;
    display: table-cell !important;
    padding-left: 8px;
  }
  .hokenDetail .step .stepInnerLf {
    width: auto;
    border-radius: 4px;
  }
  .hokenDetail .step .stepInnerLf .stepNum {
    font-size: 24px;
    padding-right: 8px;
    vertical-align: top;
    float: left;
  }
  .hokenDetail .step .stepInnerLf .stepTxt {
    font-size: 16px;
    float: left;
    width: 84%;
    text-align: left;
    margin: 2px 0 0;
  }
  .hokenDetail .step .stepInnerLf .stepTxt br {
    display: none;
  }
  .hokenDetail .step .stepInnerLf .stepTxt .stepSubTxt {
    font-size: 14px;
    display: inline;
  }
  .hokenDetail .step .stepInnerLf img {
    width: 50%;
  }
  .hokenDetail .step:after {
    left: 33px;
  }
  .hokenDetail .step .stepInnerRt {
    display: none;
  }
  .hokenDetail .full {
    width: auto;
    float: none;
    margin: -4px 0 8px;
  }
  .hokenDetail .full .title:after {
    content: "▼";
    position: absolute;
    left: inherit;
    right: 15px;
    top: 35%;
  }
  .hokenDetail .full .title.active:after {
    content: "▲";
  }
  .hokenDetail .full .title, .hokenDetail .full p {
    font-size: 93%;
    padding: 8px 8px 0;
    margin: 0 0 8px;
  }
  .hokenDetail .full .title {
    padding: 8px 50px 8px 8px;
    margin: 0;
    position: relative;
  }
  .hokenDetail .full p:last-child {
    font-size: 77%;
    padding: 0 8px 0;
  }
  .hokenDetail .spfz12 {
    font-size: 93%;
  }
  .hokenDetail .borderBox-blue {
    width: auto;
  }
  .hokenDetail .borderBox-blue .fl {
    width: 28%;
    margin-right: 8px;
  }
  .hokenDetail .borderBox-blue h3 {
    margin: 0 0 8px;
  }
  .hokenDetail .borderBox-blue p {
    font-size: 93%;
  }
  .hokenDetail .borderBox-blue .fr {
    width: 65%;
    margin-left: 8px;
  }
  .hokenDetail .borderBox-blue .btnBlueRadius {
    width: auto;
    padding: 16px 32px;
  }
  .hokenDetail .bgLightGray {
    padding: 8px;
    font-size: 77%;
  }
  .hokenDetail .bgBorder {
    margin: 8px 0;
    background: none;
  }
  .hokenDetail .oyakudachi li {
    width: 48%;
  }
  .hokenDetail .oyakudachi li p {
    margin: 0;
  }
  .hokenDetail .oyakudachi li h3 {
    font-size: 77%;
  }
  .hokenDetail .btnOrangeRadius {
    width: 95%;
    margin-bottom: 8px;
    margin-right: 0 !important;
    box-sizing: border-box;
    padding: 16px 0;
  }
  .hokenDetail .btnBlueRadius {
    padding: 16px 0;
    width: 95%;
    box-sizing: border-box;
  }
  .hokenDetail hr {
    margin: 16px 0 8px;
  }
}

/*----------------------------------------------------
	travel detail nid
----------------------------------------------------*/

/*----------------------------------------------------
	印刷用スタイル
----------------------------------------------------*/
@media print {
  * html body {
    zoom: .7;
  }
}
.spRow,
.spCell,
.sp {
  display: none !important;
}

.pc {
  display: block !important;
}

table.pc {
  display: table !important;
}

tr.pc {
  display: table-row !important;
}

.tableCell.pc,
td.pc,
th.pc {
  display: table-cell !important;
}

.accordionSP {
  display: block;
}

/* sp */
@media only screen and (max-width: 736px) {
  .sp {
    display: block !important;
  }

  .spRow {
    display: table-row !important;
  }

  .spCell {
    display: table-cell !important;
  }

  .pc {
    display: none !important;
  }

  table.pc,
  tr.pc,
  td.pc,
  th.pc {
    display: none !important;
  }

  .accordionSP {
    display: none;
  }
}


/*----------------------------------------------------
	20170801 j3
----------------------------------------------------*/

.attBox01 {
margin: 20px auto;
padding:15px;
border: 1px solid #cc0000;
color: #cc0000;
line-height: 1.3;
}
.attBox01 p{
margin-bottom: 0;
}

.attBox02 {
margin: 30px auto 40px;
padding:15px;
border: 1px solid #cc0000;
line-height: 1.3;
background: #fff;
max-width: 960px;
box-sizing: border-box;
}

.attBox02 p{
margin-bottom: 0;
}
.attBox02 p.tit{
    font-weight: bold;
    padding: 10px;
    background: #cc0000;
    color: #fff;
    margin: -15px -15px 0;
}
.error404 .errorBox .attBox02{
display: none;
}

@media only screen and (max-width: 479px) {
.attBox02 p.tit,
.attBox02 p.tit + p{
text-align: left;
}
}