
/* typography
------------------------------------------------------------------------------*/

a {
  color: #1760ad;
  text-decoration: underline;
}

@media screen and (min-width: 641px) {
  a:hover {
    color: #00ccff;
    text-decoration: none;
  }
}

@media screen and (max-width: 640px) {
  a {
    text-decoration: none;
  }
}

.list_link {
  margin: 80px auto 40px;
  text-align: center;
}

.list_link a {
  background: #f8f8f8;
  box-shadow: 0 3px 0 #dbdbdb;
  color: #333;
  display: inline-block;
  font-size: 114%;
  font-weight: bold;
  height: 44px;
  line-height: 48px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-indent: -10px;
  width: 300px;
}
@media screen and (min-width: 641px) {
.list_link a:hover {
  box-shadow: 0 3px 0 #f8f8f8;
  opacity: 0.8;
}
}
.list_link a img {
  margin-top: -10px;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 20px;
}
@media screen and (max-width: 640px) {
  .list_link {
    margin: 40px 30px 20px;
  }
  .list_link a {
    display: block;
    font-size: 117%;
    width: auto;
  }
}

a.txtLink {
  position: relative;
  padding: 2px 0 2px 20px;
}
a.txtLink img {
  width: 13px;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -6px 0 0;
}

.caption {
  color: #787878;
  font-size: 85.7%;
}

.align_center {
  text-align: center !important;
}

.align_left {
  text-align: left !important;
}

.align_right {
  text-align: right !important;
}

@media screen and (max-width: 640px) {
  .caption {
    font-size: 71.4%;
  }
}

/* button
------------------------------------------------------------------------------*/

.button {
  background: #1760ad;
  border: 0;
  border-radius: 2px;
  box-shadow: inset 0 -3px #0b4c91;
  color: #fff;
  display: inline-block;
  font-size: 114.2%;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 280px;
}

@media screen and (min-width: 641px) {
  .button:hover {
    opacity:0.8;
    box-shadow: none;
    color: #fff;
  }
}

.button.disable {
  background: #d3d3d3;
  box-shadow: inset 0 -3px #bfbfbf;
}

.button.two_line {
  line-height: 1.3;
}

.button.btn_beginner {
  background:url(../img/common/icon_beginner.png) no-repeat 7px center;
  background-color: #F2F2F2;
  box-shadow: inset 0 -3px #CCCCCC;
  width:140px;
  height:35px;
  line-height:35px;
  font-size:14px;
  color:#333;
  text-indent:1em;
  float:right;
  margin:5px 0 0;
}

.button.btn_beginner:hover {
  box-shadow: none;
}

.button.btn_seek{
  width:168px;
  height:43px;
  line-height:43px;
  background:#85D0F5;
  box-shadow: inset 0 -3px #85BCDC;
  color:#003399;
  font-size:114%;
  text-indent:-1em;
}

.button.btn_seek:hover {
  box-shadow: none;
}

.button.btn_grey_01{
  width:88px;
  height:26px;
  line-height:26px;
  background:#F2F2F2;
  box-shadow: inset 0 -3px #CCCCCC;
  color:#333;
  font-size:92%;
  font-weight:normal;
  position:relative;
}

.button.btn_grey_01 img{
  position:absolute;
  top:50%;
  left:5px;
  width:6px;
  margin:-5px 0 0;
}

.button.btn_grey_01:hover {
  box-shadow: none;
}

.button.btn_orange_01{
  width:260px;
  height:45px;
  line-height:26px;
  background:#F38F00;
  box-shadow: inset 0 -3px #ED6513;
  font-weight:normal;
  position:relative;
}

.button.btn_orange_01 div{
  background:url(../img/common/bg_btn_orange_01.png);
  height:100%;
}


.button.btn_green_01:hover,
.button.btn_green_02:hover,
.button.btn_green_03:hover,
.button.btn_orange_01:hover,
.button.btn_orange_02:hover,
.button.btn_orange_03:hover,
.button.btn_early:hover,
.button.btn_latter:hover,
.button.btn_early_02:hover,
.button.btn_latter_02:hover {
  box-shadow: none;
}

.button.btn_early {
  height:60px;
  line-height:20px;
  background: url(/img/common/icon_btn_early.png) no-repeat 90% center #3377A2;
  box-shadow: inset 0 -3px #1f4761;
  padding: 10px;
  box-sizing: border-box;
}

.button.btn_latter {
  height:60px;
  line-height:20px;
  background: url(/img/common/icon_btn_latter.png) no-repeat 90% center #9A3643;
  box-shadow: inset 0 -3px #5c2028;
  padding: 10px;
  box-sizing: border-box;
}

.button.btn_early_02 {
  color: #3377A2;
  height:60px;
  line-height:20px;
  background: url(/img/common/icon_btn_early.png) no-repeat 90% center #d6e4ec;
  box-shadow: inset 0 -3px #abb6bd;
  padding: 10px;
  box-sizing: border-box;
}

.button.btn_latter_02 {
  color: #9A3643;
  height:60px;
  line-height:20px;
  background: url(/img/common/icon_btn_latter.png) no-repeat 90% center #ebd7d9;
  box-shadow: inset 0 -3px #bcacae;
  padding: 10px;
  box-sizing: border-box;
}

.button.btn_orange_02{
  width:130px;
  height:48px;
  line-height:48px;
  background:#F38F00;
  box-shadow: inset 0 -3px #ED6513;
  font-weight:normal;
}

.button.btn_orange_03{
  line-height: 48px;
  box-shadow: inset 0 -3px #ED6513;
  background: url(/img/common/icon-btn_orange.png) no-repeat 90% center #F38F00;
}

.button.btn_green_01{
  width:130px;
  height:48px;
  line-height:48px;
  background:#16A776;
  box-shadow: inset 0 -3px #076445;
  font-weight:normal;
}

.button.btn_green_02{
  height:48px;
  line-height:48px;
  background: url(/img/common/icon-btn_green02.png) no-repeat 90% center #16A776;
  box-shadow: inset 0 -3px #076445;
  font-weight:normal;
}

.button.btn_green_03{
  width: 322px;
  height: 40px;
  line-height: 40px;
  background:#16A776;
  box-shadow: inset 0 -3px #076445;
  margin-bottom: 10px;
}
.button.btn_blue_01{
  height: 48px;
  line-height: 48px;
  background: url(/img/common/icon_submit_01.png) no-repeat 90% center #1760ad;
  box-shadow: inset 0 -3px #0b4c91;
}
.button.btn_blue_01:hover{
  box-shadow: none;
}

.button.btn_white_01{
  width: 140px;
  height: 50px;
  line-height: 50px;
  background: #FFFFFF;
  border: #cccccc 1px solid;
  box-shadow: inset 0 -3px #ddd;
  color: #1760ad;
}
.button.btn_white_02{
  width: 80px;
  height: 32px;
  line-height: 32px;
  background: #FFFFFF;
  border: #cccccc 1px solid;
  box-shadow: inset 0 -3px #ddd;
  color: #1760ad;
  font-size: 93%;
}
.button.btn_white_03{
  width: 240px;
  height: 32px;
  line-height: 32px;
  background: #FFFFFF;
  box-shadow: inset 0 -3px #ddd;
  color: #1760ad;
  font-size: 93%;
  border-radius: 4px;
}
.button.comingsoon {
  cursor: default;
  background: url(/img/common/icon_arrow_17.png) no-repeat 90% center #1760ad;
  background-color: #DFDFDF;
  margin-top: 20px !important;
  color: #666;
  box-shadow: none;
}
.button.comingsoon:hover { opacity: 1; }

@media screen and (max-width: 640px) {
  .button {
    height: 40px;
    line-height: 40px;
  }
  .button.early {
    height:60px;
    line-height:20px;
    background: url(/img/common/icon_btn_early.png) no-repeat 90% center #3377A2;
    box-shadow: inset 0 -3px #1f4761;
  }
  .button.latter {
    height:60px;
    line-height:20px;
    background: url(/img/common/icon_btn_latter.png) no-repeat 90% center #9A3643;
    box-shadow: inset 0 -3px #5c2028;
  }
  .button.btn_blue_01{
    height: 48px;
    line-height: 48px;
    background: url(../../img/common/icon_submit_01.png) no-repeat 90% center #1760ad;
    box-shadow: inset 0 -3px #0b4c91;
  }
  .button.btn_blue_01:hover{
    box-shadow: none;
  }
  .button.btn_green_02{
    height:48px;
    line-height:48px;
    background: url(/img/common/icon-btn_green02.png) no-repeat 90% center #16A776;
    box-shadow: inset 0 -3px #076445;
    font-weight:normal;
  }
  .button.btn_green_02:hover{
    box-shadow: none;
  }
  .button.btn_green_03 {
    width: auto;
    margin: 0 10px 10px;
    display: block;
  }
  .button.btn_orange_03 {
    line-height: 40px;
  }
  .button.btn_white_01{
    line-height: 46px;
  }
  .button.btn_white_02{
    line-height: 28px;
  }
}

/* box
------------------------------------------------------------------------------*/
.box_white {
  background: #fff;
  margin: 15px 0;
  padding: 15px;
  position: relative;
}

.box_radius {
  border-radius: 10px;
}

.box_gray {
  background: #f6f6f6;
  border-radius: 4px;
  margin: 32px auto;
  padding: 16px 32px;
  width: 560px;
}

@media screen and (max-width: 640px) {
  .box_white {
    padding: 10px;
  }

  .box_gray {
    width: auto;
    padding: 10px;
    margin: 20px;
    box-sizing: border-box;
  }
}

/* error_box
--------------------------------------*/

.error_box {
  background: #fff;
  border-radius: 4px;
  margin: 32px auto;
  padding: 16px 32px;
  width: 560px;
}

@media screen and (max-width: 640px) {
  .error_box {
    margin: 20px 10px;
    padding: 10px 15px;
    width: auto;
  }
}

/* link
------------------------------------------------------------------------------*/

a.blank {
  background: url(../img/common/icon_blank.png) no-repeat right center;
  padding-right: 15px;
}

.linkIconL {
  background: url(../img/common/icon_notice_next.png) no-repeat left center;
  padding-left:  18px;
}

.linkIconR {
  background: url(../img/common/icon_notice_next.png) no-repeat right center;
  padding-right:  18px;
}

/* underline01
------------------------------------------------------------------------------*/
.underline01 {
  background: url(../img/common/line_dashed_01.png) repeat-x left bottom;
}



/* arrow
------------------------------------------------------------------------------*/
.arrow01 {
  background: url(../img/common/icon_arrow_01.png) no-repeat left center;
  background-size: 5px;
  padding-left: 11px;
}


/* txt
------------------------------------------------------------------------------*/
.txt_big01 {
  font-size: 114%;
  font-weight: bold;
}
.txt_small01 {
  font-size: 86%;
}
.txt_red {
  color: #C00;
}
.txt_gray {
  color: #aaa;
}
.txt_underline {
  text-decoration: underline;
}
.txt_bold {
  font-weight: bold;
}
.txt_italic {
  font-style: oblique;
}

@media screen and (max-width: 640px) {
  .txt_big01 {
    font-size: 104%;
  }

  .txt_small01 {
    font-size: 79%;
  }
}


/* paging
------------------------------------------------------------------------------*/

.paging {
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
}

.paging ul {
  margin: 0 auto;
  border: 1px solid #CCC;
  display: inline-block;
  font-size: 0;
  border-radius: 2px;
}

.paging ul li {
  display: inline-block;
  font-size: 14px
}

.paging ul li span,
.paging ul li a {
  display: block;
  padding: 5px 14px;
  text-decoration: none;
  letter-spacing: normal;
}

.paging ul li a:hover {
  background-color: #f0f5fa;
}

.paging ul li.current {
  background-color: #6d9aca;
  color: #FFF;
}

.paging ul li.disabled {
  color: #DDD;
}

@media screen and (max-width: 640px) {
  .paging {
    margin-bottom: 0;
  }
  .paging ul {
    margin: 0;
    border: 0;
    display: block;
    letter-spacing: -.40em;
  }
  .paging ul li.current {
    background: none;
    color: #DDD;
  }

  .paging ul li.disabled {
    color: #DDD;
  }
}

/* tab_style_01
------------------------------------------------------------------------------*/
.tab_style_01.tab_style_01_top{margin:0 0 -1px}
.tab_style_01.tab_style_01_bottom{margin:-1px 0 30px}

.tab_style_01 li{
  display:table;
  float:left;
  width:229px;
  height:60px;
  margin:0 0 0 12px;
}

.tab_style_01 li.tab_li_01{margin:0 0 0 13px;}

.tab_style_01.tab_style_01_fair li {
  margin: 0;
  width: 330px;
}

.tab_style_01 li.last{
  margin:0 13px 0 0;
  float:right;
}
.tab_style_01.tab_style_01_fair li.last {
  float: right;
  margin: 0;
}

@media screen and (min-width: 641px) {
  /* タブが4つの場合 PC表示 */
  #main.search .tab_style_01 li:not(.tab_wide){
    width: 24%;
    margin: 0 0 0 5px;
  }
  #main.search .tab_style_01 li.last:not(.tab_wide){
    margin: 0 5px 0 0;
  }
  #main.search .tab_style_01 li a img,
  #main.search .tab_style_01 li span img{
    margin:-1px 5px 0 0;
  }
}

.tab_style_01 li a,
.tab_style_01 li span{
  display:table-cell;
  border:1px solid #cccccc;
  background:#f9f9f9;
  text-align:center;
  vertical-align:middle;
  font-size:114%;
  text-decoration:none;
  font-weight:bold;
  height:100%;
}

.tab_style_01 li.current a,
.tab_style_01 li:hover a{
  background:#ffffff;
}

.tab_style_01 li.current a {
  cursor: default;
}

.tab_style_01 .tab_li_01 a, .tab_style_01 .tab_li_01 span{color:#333333;}
.tab_style_01 .tab_li_02 a, .tab_style_01 .tab_li_02 span{color:#3377a2;}
.tab_style_01 .tab_li_03 a, .tab_style_01 .tab_li_03 span{color:#9a3643;}
.tab_style_01 .tab_li_04 a, .tab_style_01 .tab_li_04 span{color:#25863a;}

.tab_style_01.tab_style_01_top .tab_li_01 a, .tab_style_01.tab_style_01_top .tab_li_01 span{border-top:5px solid #cccccc;}
.tab_style_01.tab_style_01_top .tab_li_02 a, .tab_style_01.tab_style_01_top .tab_li_02 span{border-top:5px solid #3377a2;}
.tab_style_01.tab_style_01_top .tab_li_03 a, .tab_style_01.tab_style_01_top .tab_li_03 span{border-top:5px solid #9a3643;}
.tab_style_01.tab_style_01_top .tab_li_04 a, .tab_style_01.tab_style_01_top .tab_li_04 span{border-top:5px solid #25863a;}

.tab_style_01.tab_style_01_bottom .tab_li_01 a, .tab_style_01.tab_style_01_bottom .tab_li_01 span{border-bottom:5px solid #cccccc;}
.tab_style_01.tab_style_01_bottom .tab_li_02 a, .tab_style_01.tab_style_01_bottom .tab_li_02 span{border-bottom:5px solid #3377a2;}
.tab_style_01.tab_style_01_bottom .tab_li_03 a, .tab_style_01.tab_style_01_bottom .tab_li_03 span{border-bottom:5px solid #9a3643;}
.tab_style_01.tab_style_01_bottom .tab_li_04 a, .tab_style_01.tab_style_01_bottom .tab_li_04 span{border-bottom:5px solid #25863a;}

.tab_style_01_top li.current a,
.tab_style_01_top li:hover a{
  border-bottom:1px solid #fff;
}

.tab_style_01_bottom li.current a,
.tab_style_01_bottom li:hover a{
  border-top:1px solid #fff;
}

.tab_style_01.tab_style_01_top li.tab_li_03.current a { border-top:5px solid #9a3643; color: #9a3643; }
.tab_style_01.tab_style_01_bottom li.tab_li_03.current a { border-bottom:5px solid #9a3643; color: #9a3643; }

.tab_style_01.tab_style_01_top li.tab_li_04.specialist a { border-top:5px solid #25863a; color: #25863a; }
.tab_style_01.tab_style_01_bottom li.tab_li_04.specialist a { border-bottom:5px solid #25863a; color: #25863a; }

.tab_style_01 .tab_li_01.disabled span,
.tab_style_01 .tab_li_02.disabled span,
.tab_style_01 .tab_li_03.disabled span,
.tab_style_01 .tab_li_04.disabled span {
  color: #ccc;
}

.tab_style_01.tab_style_01_top .tab_li_01.disabled span,
.tab_style_01.tab_style_01_top .tab_li_02.disabled span,
.tab_style_01.tab_style_01_top .tab_li_03.disabled span,
.tab_style_01.tab_style_01_top .tab_li_04.disabled span{
  border-top:5px solid #dddddd;
}

.tab_style_01.tab_style_01_bottom .tab_li_01.disabled span,
.tab_style_01.tab_style_01_bottom .tab_li_02.disabled span,
.tab_style_01.tab_style_01_bottom .tab_li_03.disabled span,
.tab_style_01.tab_style_01_bottom .tab_li_04.disabled span{
  border-bottom:5px solid #dddddd;
}

.tab_style_01 li a img,
.tab_style_01 li span img{
  width:8px;
  vertical-align:middle;
  margin:-1px 15px 0 0;
}

.tab_style_01:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  visibility: hidden;
  overflow:hidden;
}

.tab_style_01 li.tab_wide {
  width: 47%;
  margin: 0 2%;
}

.tab_style_01 li.tab_wide.last {
  margin: 0 2% 0 0;
}

.tab_style_01 li.tab_three {
  width: 220px;
  margin: 0 10px;
}

.tab_style_01 li.tab_three.last {
  margin: 0 11px 0 0;
}

.tab_style_01 .tab_li_02 span.counts {
  display: inline;
  background-color: #3377a2;
  color: #FFF;
  font-weight: bold;
  font-size: 75%;
  border-radius: 10px;
  border: none;
  margin-left: 10px;
  padding: 2px 10px;
}

.tab_style_01 .tab_li_03 span.counts {
  display: inline;
  background-color: #9a3643;
  color: #FFF;
  font-weight: bold;
  font-size: 75%;
  border-radius: 10px;
  border: none;
  margin-left: 10px;
  padding: 2px 10px;
}

@media screen and (max-width: 640px) {
  .tab_style_01{
    position:relative;
  }

  .tab_style_01 li{
    height: 38px;
    margin: 0;
    width: 25%;
  }
  .tab_style_01 li.tab_li_01{
    margin:0;
    width:25%;
  }
  .tab_style_01 li.last {
    width: 26%;
    margin: 0;
    position:absolute;
    right:0;
  }
  .tab_style_01 li.tab_li_02 a,
  .tab_style_01 li.tab_li_02 span{
    border-right:none;
    border-left:none;
  }

  .tab_style_01.tab_style_01_top .tab_li_01 a{border-top:2px solid #cccccc;}
  .tab_style_01.tab_style_01_top .tab_li_02 a{border-top:2px solid #3377a2;}
  .tab_style_01.tab_style_01_top .tab_li_03 a,
  .tab_style_01.tab_style_01_top .tab_li_03.current a{border-top:2px solid #9a3643!important;}
  .tab_style_01.tab_style_01_top .tab_li_04 a,
  .tab_style_01.tab_style_01_top .tab_li_04.current a{border-top:2px solid #25863a!important; color: #25863a;} 

  .tab_style_01.tab_style_01_bottom .tab_li_01 a{border-bottom:2px solid #cccccc;}
  .tab_style_01.tab_style_01_bottom .tab_li_02 a{border-bottom:2px solid #3377a2;}
  .tab_style_01.tab_style_01_bottom .tab_li_03 a,
  .tab_style_01.tab_style_01_bottom .tab_li_03.current a{border-bottom:2px solid #9a3643!important;}
  .tab_style_01.tab_style_01_bottom .tab_li_04 a,
  .tab_style_01.tab_style_01_bottom .tab_li_04.current a{border-bottom:2px solid #25863a!important; color: #25863a;}

  .tab_style_01.tab_style_01_top .tab_li_01.disabled span,
  .tab_style_01.tab_style_01_top .tab_li_02.disabled span,
  .tab_style_01.tab_style_01_top .tab_li_03.disabled span,
  .tab_style_01.tab_style_01_top .tab_li_04.disabled span{
    border-top:2px solid #dddddd;
  }

  .tab_style_01.tab_style_01_bottom .tab_li_01.disabled span,
  .tab_style_01.tab_style_01_bottom .tab_li_02.disabled span,
  .tab_style_01.tab_style_01_bottom .tab_li_03.disabled span,
  .tab_style_01.tab_style_01_bottom .tab_li_04.disabled span{
    border-bottom:2px solid #dddddd;
  }

  .tab_style_01 li a img,
  .tab_style_01 li span img {
    margin-right: 7px;
  }
  .tab_style_01 li a,
  .tab_style_01 li span{
    line-height:1.2;
    font-size:100%;
    border-collapse:collapse;
  }

  .tab_style_01.tab_style_01_fair li.tab_li_02 a,
  .tab_style_01.tab_style_01_join li.tab_li_02 a{
    border-right:1px solid #cccccc;
    border-left:1px solid #cccccc;
  }

  .tab_style_01 li.tab_wide {
    width: 49%;
    margin: 0;
  }
  .tab_style_01 li.tab_wide.last {
    margin: 0;
  }

  .tab_style_01 li.tab_three {
    width: 32%;
    margin: 0 0 0 1%;
  }
  .tab_style_01 li.tab_three.last {
    margin: 0 1% 0 0;
  }

  .tab_style_01 .tab_li_02 span.counts,
  .tab_style_01 .tab_li_03 span.counts  {
    margin-left: 5px;
    padding: 2px 8px;
  }
}

/* btn
------------------------------------------------------------------------------*/
.btn_singlewrap{
  margin:0 0 20px;
}

.btn_bookmark{
  border:1px solid #e4d0d2;
  width:240px;
  height:40px;
  line-height:42px;
  text-align:center;
  font-weight:bold;
  float:left;
  margin:0 0 0 10px;
  cursor:pointer;
  position:relative;
  background:#fff;
}

.btn_bookmark img{
  width:18px;
  margin:10px 10px 0 0;
}

.btn_bookmark:hover{
  color:#ed6513;
  background:#fff3c3;
}

.btn_bookmark.btn_bookmark_on:hover{
  background:none;
}

.btn_contact{
  background: #f38f00;
  box-shadow: 0 -3px #ed6513 inset;
  font-weight: bold;
  height: 42px;
  line-height: 44px;
  width: 200px;
  display:block;
  text-align:center;
  color:#fff;
  font-size:114%;
  text-decoration:none;
  float:right;
  margin:0 10px 0 0;
  position:relative;
}

.btn_bookmark .bookmark_on{
  display:none;
}

.btn_bookmark .bookmark_on{
  color:#999999;
}

.btn_bookmark .bookmark_on img{
  opacity:0.5;
}

.btn_bookmark .bookmark_on a{
  text-decoration:none;
  font-size:86%;
  display:inline-block;
  margin:0 0 0 4px;
}

@media screen and (min-width: 641px) {
.btn_contact:hover{
  opacity:0.8;
  color:#fff;
  box-shadow:none;
}
}

.btn-style01{
  box-shadow: 0 -2px #cccccc inset;
  border:1px solid #ccc;
  font-weight: bold;
  width: 200px;
  display:block;
  color:#1760ad;
  text-align:center;
  text-decoration:none;
  float:right;
  line-height:1;
  padding:5px 0 5px;
  margin:0 10px 0 0;
  position:relative;
  background:#fff;
}

.btn-style01 .f01{
  font-size:114%;
}

.btn-style01 .f02{
  font-size:86%;
  color:#666666;
}

.btn-style02{
  box-shadow: 0 -2px #cccccc inset;
  border:1px solid #ccc;
  font-weight: bold;
  width: 200px;
  display:block;
  color:#1760ad;
  text-align:center;
  text-decoration:none;
  float:right;
  height:40px;
  line-height:42px;
  font-size:114%;
  margin:0 10px 0 0;
  position:relative;
  background:#fff;
}

.btn_contact img,
.btn-style01 img,
.btn-style02 img{
  position:absolute;
  right:10px;
  top:50%;
  margin:-10px 0 0;
}

.btn-style01:hover .f01,
.btn-style02:hover{
  color:#1760ad;
}
@media screen and (min-width: 641px) {
.btn-style01:hover,
.btn-style02:hover{
  opacity:0.8;
  box-shadow:none;
}
}
.btn_singlewrap:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  visibility: hidden;
  overflow:hidden;
}

.btn_blue{
  height:40px;
  line-height:40px;
  width:322px;
  margin:0 auto;
  color:#fff;
  background:#1760ad;
  box-shadow:0 -3px #022a53 inset;
  cursor:pointer;
  font-size:114%;
  font-weight:bold;
  text-align:center;
}
@media screen and (min-width: 641px) {
.btn_blue:hover{
  box-shadow:none;
  opacity:0.8;
}
}

@media screen and (max-width: 640px) {
  .btn_singlewrap{
    margin:0 10px 10px;
    clear:both;
  }
  .btn_bookmark{
    height:38px;
    line-height:20px;
    font-size:67%;
    width:19%;
    margin:0;
  }
  .btn_bookmark span{
    font-size:100%;
  }

  .btn_bookmark img{
    width:15px;
    margin:5px 0 0;
  }
  .btn_contact img,
  .btn-style01 img,
  .btn-style02 img{
    display:none;
  }

  .btn_contact{
    margin:0;
    height:40px;
    width:24%;
    font-size:100%;
    line-height:38px;
  }

  .btn-style01{
    width:29%;
    padding:7px 0;
    margin:0 1% 0 0;
    box-shadow: 0 -2px #cccccc inset;
    height:40px;
    box-sizing: border-box;
  }

  .btn-style01 .f01{
    font-size:100%;
  }

  .btn-style01 .f02{
    font-size:68%;
  }

  .btn-style02{
    width:23%;
    height:40px;
    line-height:37px;
    font-size:92%;
    margin:0 1% 0 0;
    box-shadow: 0 -2px #cccccc inset;
    white-space: nowrap;
    box-sizing: border-box;
  }

  .btn_blue{
    width:auto;
    margin:0 10px;
  }

  .read_more_btn{
    float:none;
    width:100%;
    display:block;
    text-align:center;
    color:#000000;
  }

  .read_more_btn img{
    width:5px;
    vertical-align:middle;
    margin:-1px 7px 0 0;
  }

  .btn_orange{
    height:33px;
    line-height:33px;
    clear:both;
    background:#f28c28;
    box-shadow:0 -2px #7d420b inset;
    color:#fff;
    display:block;
    font-size:117%;
    font-weight:bold;
    position:relative;
    text-align:center;
    text-decoration:none;
  }

  .btn_orange:hover{
    color:#fff;
  }

  .btn_orange img{
    position:absolute;
    width:17px;
    right:10px;
    top:50%;
    margin:-9px 0 0;
  }

}


/* common
------------------------------------------------------------------------------*/

#content_title_set .inner .title_box h2 {
    font-size: 328%;
    line-height: 1.1;
}

.inner .contact_box {
    background-color: #fff;
    box-sizing: border-box;
    margin: 20px auto 12px;
    padding: 10px 20px;
}

.common_title01 {
  font-weight: bold;
  padding: 5px;
  font-size: 150%;
}
.common_title02 {
  font-weight: bold;
  background: #eee;
  padding: 5px;
}

.common_title01 .list_link {
  display: block;
  float: right;
  font-size: 75%;
  margin: 0;
}


@media screen and (max-width: 640px) {
.btn_singlewrap{
  letter-spacing: -.1em;
}

#content_title_set .inner .title_box h2 {
  font-size: 142%;
  margin: 5px 0 0;
}

a.common_title_link {
  display: block;
  float: none;
  font-size: 75%;
  padding-top: 5px;
}
}

/* early
------------------------------------------------------------------------------*/
.tl_style_02 {
  border-bottom: 3px solid #3377a2;
  font-size: 100%;
  margin: 0 0 15px;
  padding-bottom: 10px;
  line-height:1.2;
}

.tl_style_02 .title {
  color: #3377a2;
  font-size: 226%;
  font-weight: bold;
  margin-right: 20px;
}

.tl_style_03 {
  font-weight: bold;
  margin: 0 0 10px;
}

@media screen and (max-width: 640px) {
  .tl_style_02 {
    margin: 20px 10px 10px;
  }
}


/* dl_style01
------------------------------------------------------------------------------*/
#dl_style01 dd {
  margin: 10px 20px;
}
#dl_style01 dd ol {
  width: auto;
  height: auto;
  margin: 0 0 0 1.6em;
  padding: 0;
  list-style-position: outside;
}
#dl_style01 dd ol li {
  list-style-type: decimal;
}
#dl_style01 dd ul li {
  list-style-type: square;
}
#signature {
  width: auto;
  height: auto;
  margin: 0 0 1em;
  padding: 0;
  text-align: right;
  font-size: 12px;
}


/* contact_block
------------------------------------------------------------------------------*/
.contact_block {
  background:#f7f7f7;
  margin-top: 30px;
  padding: 15px 25px;
}

.square_blue {
  color: #1760ad;
  font-weight: bold;
  margin: 0;
  font-size:114%
}

.contact_block p.text {
  margin: 10px 5px 0;
}

.contact_block p .box{
  padding:0 20px 0 0;
}

.gray_line_box{
  margin:20px;
  padding:15px 20px;
  border:3px solid #cccccc;
  background:#f7f7f7;
}

@media screen and (max-width: 640px) {
  .contact_block{
    padding:10px;
  }

  .square_blue{
    font-size:100%;
  }

  .gray_line_box{
    border:none;
    background:#fff;
    margin:20px 0 0;
    padding:0;
  }

  .gray_line_box .square_blue{
    padding:10px;
    font-size:117%;
    margin:0;
  }
}

/* sitemap
------------------------------------------------------------------------------*/
#sitemap .box .sitemap_title01 {
  font-size: 120%;
  display: block;
  padding: 10px 0;
  font-weight: bold;
}
#sitemap .box .sitemap_title02 {
  display: block;
  padding: 5px 0;
}
#sitemap .box .sitemap_title03 {
  font-size: 120%;
  display: block;
  padding: 10px 0 0 0 ;
  font-weight: bold;
}
#sitemap .box dd, #sitemap dl {
  margin: 0;
  padding: 0;
}
.sitemap_list01 ul {
  margin-bottom: 20px;
}
.sitemap_list01 ul li {
  margin: 5px 0 5px 1.6em;
}
#sitemap .box a img {
  margin-right: 5px;
  width: 10px;
  vertical-align: middle;
}
#sitemap .box a img.blank {
  width: 13px !important;
  height: 13px;
  vertical-align: middle !important;
  margin: 0 0 0 8px;
}
#sitemap .box a {
  text-decoration: none;
}
#sitemap .box .sitemap_list01 a img {
  margin-right: 5px;
  width: 8px;
  vertical-align: middle;
}
#sitemap .sitemap_list01 ul li dl dd {
  margin: 0 0 0 1.0em;
}

#sitemap .box {
  width: 46%;
  float: left;
  margin: 1%;
}
#sitemap .box.right {
  margin-left: 4%;
}
@media screen and (max-width: 640px) {
  #sitemap .box {
    width: auto;
    float: none;
  }
  #sitemap .box.right {
    margin-left: 0;
  }
}

/* link
------------------------------------------------------------------------------*/
.link_blank_01 img{
  width:14px;
  vertical-align:middle;
  margin:0 0 0 5px;
}

.link_style_01 img{
  margin:0 5px 0 0;
  vertical-align:middle;
}
.link_style_01 {
  margin: 0 0 10px;
}
.link_style_01 img {
  margin-right: 5px;
  width: 13px;
}

.link_style_02{
  position:relative;
  padding:0 0 0 18px;
}
.link_style_02 img{
  width:13px;
  height:13px;
  vertical-align:middle;
  position:absolute;
  left:0;
  top:6px;
}

.link_style_03 .arrow{
  margin:0 5px 0 0;
  vertical-align:middle;
  width:13px;
}

.link_style_03 .icon{
  width:14px;
  vertical-align:middle;
  margin:0 0 0 5px;
}


@media screen and (max-width: 640px) {
  /*** report - detail ***/
  .link_style_01 {
    margin: 0 10px 10px;
  }
  .link_style_03 .arrow{
    position:relative;
    top:-1px;
  }

  .link_style_03 .icon{
    position:relative;
    top:-1px;
  }

}

/* ad
------------------------------------------------------------------------------*/

.side_wrap .content_box .box_inn,
.side_wrap2 .content_box .box_inn {
  padding: 0;
}
.side_wrap .attention .cell,
.side_wrap2 .attention .cell {
  width: auto;
  min-height: 40px;
  float: none;
  margin: 0;
  padding: 10px;
}
.side_wrap .attention .cell .box02,
.side_wrap2 .attention .cell .box02 {
  margin-left: 0;
}
.side_wrap .attention .cell.cell2,
.side_wrap2 .attention .cell.cell2 {
  background-color: #F9F9F9;
  float: none;
}


/* attention
------------------------------------------------------------------------------*/

.attention .cell {
  width: 295px;
  float: left;
  margin: 0 0 10px;
  clear: both;
}

.attention .cell.cell2 {
  float: right;
  clear: none;
}

.attention .cell.cell3 {
  margin: 0;
}

.attention .cell .box01 {
  margin: 0 10px 0 0;
  width: 60px;
  height: 40px;
  float: left;
  text-align: center;
}

.attention .cell .box01 img {
  max-height: 40px;
  max-width: 60px;
}

@media screen and (min-width: 641px) {
.attention a:hover .cell .box01 img,
.attention a:hover .cell p { opacity: 0.8; }
}

.attention .cell .box02 {
  margin-left: 67px;
}
.attention .cell .box02 .cate span {
  margin: 0;
  color: #fff;
  padding: 1px 3px;
  font-size: 71%;
  display: inline;
  text-align: center;
  width: 2em;
  line-height: 1;
  vertical-align: super;
}

.attention .cell .box02 .cate .cate01 { background: #3377A2;}
.attention .cell .box02 .cate .cate02 { background: #9A3643; }

.attention .cell .box02 .pref {
  float: right;
  margin-top: -6px;
}

.attention .cell .box02 .pref span {
  color: #d35e96;
  border: 1px solid #d35e96;
  text-align: center;
  font-size: 86%;
  padding: 1px 0;
  width: 5em;
  vertical-align: middle;
  height: 15px;
  line-height: 17px;
  display: inline-block;
}

.attention .cell .box02 h3 {
  color: #1760ad;
  margin-top: -5px;
}

.attention a:hover .cell .box02 h3 { color: #00ccff; }

.attention .cell .box02 h3 a { text-decoration: none; }

.attention .cell p {
  clear: both;
  font-size: 85%;
  padding: 5px 0 0;
  margin: 0;
  line-height: 1.4;
  color: #333;
}
.attention a:hover .cell p { color: #333; }

.side_wrap .content_box .box_inn.hospitalInfo > a,
.side_wrap2 .content_box .box_inn.hospitalInfo > a { text-decoration: none; }
.side_wrap .content_box .box_inn.hospitalInfo > a p,
.side_wrap2 .content_box .box_inn.hospitalInfo > a p { display: none; }
.side_wrap .content_box .box_inn.hospitalInfo > a:hover h3,
.side_wrap2 .content_box .box_inn.hospitalInfo > a:hover h3 { color: #00ccff; }


@media screen and (max-width: 640px) {

  .content_box.attention .box_inn {
      padding: 10px 10px 5px;
  }

  .attention .cell {
    min-height: 40px;
  }
  .attention .cell,
  .attention .cell.cell3 {
      float: none;
      margin: 0 0 10px;
      width: 100%;
      overflow: hidden;
  }

  .attention .cell .box02 h3 {
    margin-top: 5px;
  }

  .attention .cell .box02 .pref {
    margin-top: -2px;
  }

  .attention .cell .box02 .pref span {
    padding: 0 3px;
  }

  .attention .cell .box02 .cate {
      line-height: 1;
  }

  .attention .cell .box02 .cate span {
      vertical-align: middle;
  }

  .attention .cell p {
      padding: 0;
      font-size: 83%;
      display: none;
  }
}

/* おすすめの情報トップ
------------------------------------------------------------------------------*/

#main .contents_index {
  padding: 20px 0;
}
@media screen and (max-width: 640px) {
  #main .contents_index {
    padding: 15px;
  }
}
#main .content_box.sc_inner h2 {
  color: #fff;
  background: #004674;
  font-weight: bold;
  font-size: 24px;
  padding: 0 20px;
  line-height: 50px;
}
#main .content_box.sc_inner ul {
  padding: 20px 20px 10px;
}
#main .content_box.sc_inner ul li {
  float: left;
  width: 50%;
  margin-bottom: 0;
  line-height: 1.4;
}
#main .content_box.sc_inner ul li a {
  text-decoration: none;
  display: block;
}
#main .content_box.sc_inner ul li img {
  display: inline-block;
  width: 70px;
  vertical-align: top;
  margin-right: 10px;
}
#main .content_box.sc_inner ul li p {
  margin-top: 0;
  padding-left: 0;
  color: #1760ad;
  width: 220px;
  display: inline-block;
}
#main .content_box.sc_inner ul li p span {
  display: block;
}
#main .content_box.sc_inner ul li p span.sub_title {
  font-weight: bold;
  font-size: 14px;
  color: #333333;
  background: none;
  padding: 0;
  margin: 0;
  line-height: inherit;
  height: inherit;
}
@media screen and (max-width: 640px) {
  #main .content_box.sc_inner h2 {
    font-size: 18px;
  }
  #main .content_box.sc_inner ul li {
    width: auto;
  }
  #main .content_box.sc_inner ul li img {
    float: left;
    width: 60px;
  }
  #main .content_box.sc_inner ul li p {
    width: auto;
    display: block;
    padding-left: 60px;
  }
  #main .content_box.sc_inner ul li p span {
    font-size: 85%;
  }
}

#main .content_box.mp_support h2 {
  color: #fff;
  background: #004674;
  font-weight: bold;
  font-size: 24px;
  padding: 0 20px;
  line-height: 50px;
}
#main .content_box.mp_support ul li {
  width: auto;
  float: none;
  margin-bottom: 20px;
}
#main .content_box.mp_support ul li a {
  text-decoration: none;
  display: block;
  padding: 10px 0 0;
}
#main .content_box.mp_support ul li img {
  float: left;
}
#main .content_box.mp_support ul li p {
  padding-left: 210px;
  color: #333;
  margin: 0;
}
#main .content_box.mp_support ul li p.title_contents {
  display: block;
  font-size: 115%;
  font-weight: bold;
  color: #1760ad;
  margin-bottom: 5px;
}
#main .content_box.mp_support ul {
  height: auto;
  padding: 10px 20px;
}
@media screen and (max-width: 640px) {
  #main .content_box.mp_support h2 {
    font-size: 18px;
  }
  #main .content_box.mp_support ul li img {
    width: 40%;
  }
  #main .content_box.mp_support ul li p {
    padding-left: 42%;
    line-height: 1.4;
  }
  /*
  #main.feature .content_box.content_box_blue.feature h2 {
    background: none;
  }
  #main.main_type01.feature .content_wrap {
    width: 100%;
  }
  #main.main_type01.feature .content_wrap .feature.sp h2 {
    padding: 0 15px;
  }
  #main.main_type01.feature .content_wrap .feature.sp p {
    margin: 10px 15px;
  }
  */
}




/*
.ml { margin-left: 7px; }
.ml02 { margin-left: 14px; }


#main .content_box.content_box_blue.feature ul li.menu_box {
  margin-bottom: 20px;
}
#main .content_box.content_box_blue.feature ul li.menu_box h4 {
  background: #004674;
  position: relative;
  height: 40px;
  margin-bottom: 7px;
  border-radius: 4px;
}
#main .content_box.content_box_blue.feature ul li.menu_box h4 span {
  background: url(/img/common/icon_menu_box.png) no-repeat 7px bottom;
  position: absolute;
  padding: 0 10px;
  padding-bottom: 4px;
  height: 39px;
  display: block;
  top: 5px;
  font-size: 16px;
  color: #FFFFFF;
}
#main .content_box.content_box_blue.feature ul li.menu_box a span {
  display: block;
}
#main .content_box.content_box_blue.feature ul li.menu_box ul {
  background: #FFFFFF;
  padding: 8px;
  height: 130px;
}
#main .content_box.content_box_blue.feature ul .menu01 {
  width: 210px;
  float: left;
}
#main .content_box.content_box_blue.feature ul .menu02 {
  width: 403px;
  float: left;
}
#main .content_box.content_box_blue.feature ul .menu03 {
  width: 619px;
}

#main .content_box.content_box_blue.feature ul.first .menu01 {
  margin-left: 8px;
  width: 206px;
}
#main .content_box.content_box_blue.feature ul.third li.menu_box ul {
  height: auto;
  padding-bottom: 10px;
}
#main .content_box.content_box_blue.feature ul.fourth .menu01 {
  margin-right: 8px;
  width: 206px;
  margin-bottom: 0;
}
#main .content_box.content_box_blue.feature ul.fourth .menu02 {
  width: 403px;
  margin-bottom: 0;
}


#main .content_box.content_box_blue.feature ul li.menu_box ul li {
  width: 190px;
  float: left;
}
#main .content_box.content_box_blue.feature ul li.menu_box ul li p {
  font-size: 12px;
  line-height: 1.3;
  text-decoration: none;
  margin-top: 10px;
}
#main .content_box.content_box_blue.feature ul li.menu_box ul li a {
  text-decoration: none;
  display: block;
}

#main .content_box.content_box_blue.feature ul li.menu_box.menu_list ul li {
  width: 298px;
  height: 70px;
  float: left;
}
#main .content_box.content_box_blue.feature ul li.menu_box.menu_list ul li img {
  display: inline-block;
  width: 70px;
  vertical-align: middle;
}
#main .content_box.content_box_blue.feature ul li.menu_box.menu_list ul li p {
  display: inline-block;
  width: 210px;
  margin-left: 10px;
  font-size: 13px;
  line-height: 1.3;
  vertical-align: middle;
}
#main .content_box.content_box_blue.feature ul li.menu_box.menu_list ul li p span.sub_title {
  font-weight: bold;
  font-size: 14px;
  color: #333333;
  background: none;
  padding: 0;
  margin: 0;
  line-height: inherit;
  height: inherit;
}
#main .content_box.content_box_blue.feature ul li.menu_box.menu_list ul li a {
  text-decoration: none;
}

@media screen and (max-width: 640px) {
  #main.main_type01.feature .content_wrap {
    width: 100%;
  }
  #main.main_type01.feature .content_wrap .feature.sp h2 {
    padding: 0 15px;
  }
  #main.main_type01.feature .content_wrap .feature.sp p {
    margin: 10px 15px;
  }

  #main.main_type01.feature .content_wrap .feature.sp .supportList {
    margin: 0;
    border-top: solid 1px #ccc;
  }

  #main.main_type01.feature .content_wrap .feature.sp .supportList dt {
    height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #ccc;
    cursor: pointer;
  }

  #main.main_type01.feature .content_wrap .feature.sp .supportList dt span {
    display: block;
    margin: 0 10px 0 15px;
    font-weight: bold;
    font-size: 122%;
    background-image: url(/img/common/icon_close_02.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px auto;
  }

  #main.main_type01.feature .content_wrap .feature.sp .supportList dt.current span {
    background-image: url(/img/common/icon_close_02_current.png);
  }

  #main.main_type01.feature .content_wrap .feature.sp .supportList dd {
    margin: 0;
    display: none;
    background-color: #FFF;
  }

  #main.main_type01.feature .content_wrap .feature.sp .supportList dd ul li {
    border-top: solid 1px #ccc;
    padding: 15px;
  }
  #main.main_type01.feature .content_wrap .feature.sp .supportList dd ul li:first-of-type {
    border-top: none;
  }
  #main.main_type01.feature .content_wrap .feature.sp .supportList dd ul li a {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  #main.main_type01.feature .content_wrap .feature.sp .supportList dd ul li a img {
    width: 119px;
    max-width: 119px;
    height: auto;
    display: table-cell;
    vertical-align: top;
  }
  #main.main_type01.feature .content_wrap .feature.sp .supportList dd ul.acBox li a img {
    width: 75px;
    max-width: 75px;
  }
  #main.main_type01.feature .content_wrap .feature.sp .supportList dd ul li a p {
    font-size: 93%;
    width: 100%;
    display: table-cell;
    vertical-align: top;
    padding-left: 129px;
    line-height: 1.5;
  }
  #main.main_type01.feature .content_wrap .feature.sp .supportList dd ul li a p span.sub_title {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 115%;
  }
  #main.main_type01.feature .content_wrap .feature.sp .supportList dd ul.acBox li a p {
    padding-left: 85px;
  }
}
*/

/* contents以下 */
/*
#main.feature .content_box.content_box_blue.feature {
  margin-top: 0px;
}

#main.feature .ml02 { margin-left: 0; }

#main.feature .content_box.content_box_blue.feature ul .menu01,
#main.feature .content_box.content_box_blue.feature ul .menu02{
  float: none;
}

#main.feature .content_box.content_box_blue.feature ul li,
#main.feature .content_box.content_box_blue.feature ul.first li,
#main.feature .content_box.content_box_blue.feature ul.fourth .menu02,
#main.feature .content_box.content_box_blue.feature ul.fourth .menu01 {
  width: 100%;
  margin-left: 0;
  margin-bottom: 20px;
}
#main .content_box.content_box_blue.feature ul.first .menu01 {
}
#main.feature .content_box.content_box_blue.feature ul li.menu_box ul li {
  width: auto;
  float: none;
  margin-bottom: 20px;
}
#main.feature .content_box.content_box_blue.feature ul li.menu_box ul li img {
  float: left;
}
#main.feature .content_box.content_box_blue.feature ul li.menu_box ul li p {
  padding-left: 210px;
  color: #333;
}
#main.feature .content_box.content_box_blue.feature ul li.menu_box ul li p.title_contents {
  display: block;
  font-size: 115%;
  text-decoration: underline;
  font-weight: bold;
  color: #1760ad;
  margin-bottom: 10px;
}
#main.feature .content_box.content_box_blue.feature ul li.menu_box ul li.comingsoon p.title_contents {
  text-decoration: none;
  color: #333;
}

#main.feature .content_box.content_box_blue.feature ul li.menu_box ul {
  height: auto;
  padding: 10px 20px;
}
#main.feature .content_box.content_box_blue.feature ul li.menu_box h4 span {
  padding: 0px 15px;
  height: 42px;
}
#main.feature .content_box.content_box_blue.feature ul.third li.menu_box ul li {
  float: left;
  width: 289px;
  margin-bottom: 0;
}
#main.feature .content_box.content_box_blue.feature ul.third li.menu_box ul li p {
  margin-top: 0;
  padding-left: 0;
  color: #1760ad;
  width: 200px;
}

@media screen and (max-width: 640px) {
  #main.feature .content_box.content_box_blue.feature h2 {
    background: none;
  }
  #main.feature .content_box.content_box_blue.feature ul li.menu_box ul li {
    margin-bottom: 0;
  }
  #main.feature .content_box.content_box_blue.feature ul li.menu_box ul li img {
    float: none;
    width: 120px;
  }
  #main.feature .content_box.content_box_blue.feature ul li.menu_box ul li p {
    padding-left: 0;
  }
  #main.feature .content_box.content_box_blue.feature ul li.menu_box ul li p.title_contents {
    margin-bottom: -5px;
    text-decoration: none;
  }
  #main.feature .content_box.content_box_blue.feature ul.third li.menu_box ul li {
    width: auto;
  }
  #main.feature .content_box.content_box_blue.feature ul.third li.menu_box ul li img {
    float: left;
    width: 60px;
  }
  #main.feature .content_box.content_box_blue.feature ul.third li.menu_box ul li p {
    width: auto;
    display: block;
    padding-left: 60px;
  }
  .content_box.content_box_blue.feature ul.third li.menu_box.menu_list ul li p span {
    font-size: 85%;
  }

}
*/

/* content_title_set
------------------------------------------------------------------------------*/
#content_title_set{
  padding:15px 0;
}

#content_title_set .inner{
  position:relative;
}

#content_title_set .title_box{
  display:table;
  width:100%;
  margin:0 0 15px;
}

#content_title_set .title_box .cell{
  display:table-cell;
  vertical-align:top;
}

#content_title_set .title_box .cell01{
  display:table-cell;
  width:120px;
  padding:0 10px 0 0;
}

#content_title_set .title_box .cell02 p{
  color:#666666;
  font-size:86%;
  margin:0;
}

#content_title_set .title_box h2{
  font-size:328%;
  line-height:1.1;
}

@media screen and (max-width: 640px) {
  #content_title_set .title_box{
    margin:0 10px 10px;
    width:auto;
  }
  #content_title_set .title_box h2{
    font-size:142%;
    margin:5px 0 0;
  }
  #content_title_set .title_box .cell01{
    width:90px;
  }
  #content_title_set .title_box .cell02 p{
    font-size:75%;
  }
}

/* other
------------------------------------------------------------------------------*/

.clearfix:after {
  clear: both;
  content: '';
  display: block;
  overflow: hidden;
}

/* link
------------------------------------------------------------------------------*/

.learnMoreLink {
  text-align: right;
  margin: 0;
  padding: 10px;
}
.learnMoreLink a {
  padding: 0 0 0 18px;
  background: url(/img/common/icon_notice_next.png) no-repeat left center;
  font-size: 14px;
  display: inline;
}

@media screen and (max-width: 640px) {
  .learnMoreLink {
    text-align: right;
    margin: 0;
  }
  .learnMoreLink a {
    background: url(/img/common/icon_arrow_15.png) no-repeat right 3% center;
    background-size: 8px;
    padding-right: 25px;
    font-size: 14px;
    display: block;
  }
}

/* sns_box
------------------------------------------------------------------------------*/
.btn_twitter{background:#00ACEE;}
.btn_facebook{background:#3B5998;}

.side_wrap2 .sns_box {
  background: #fff;
  border: 5px solid #cbe2f2;
  position: relative;

}

.side_wrap2 .sns_box .inner {
  min-width: 1px;
  padding: 20px 10px;
}
.side_wrap2 .sns_box .inner + .inner {
  border-top: 5px solid #cbe2f2;
}

.side_wrap2 .sns_box .text_01 {
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 10px;
  text-align: center;
}

.side_wrap2 .sns_box .link {
  color: #fff;
  margin: 12px auto 5px;
  text-align: center;
}

.side_wrap2 .sns_box .link a {
  color: #fff;
  display: inline-block;
  margin: 2px auto;
  padding: 8px 0 5px;
  text-decoration: none;
  width: 120px;
}

@media screen and (min-width: 641px) {
.side_wrap2 .sns_box .link a:hover {
  opacity: 0.8;
}
}

.side_wrap2 .sns_box .text_02 {
  font-size: 86%;
  line-height: 1.2;
  margin: 20px 0 0;
  text-align: left;
}
.side_wrap2 .sns_box img {
  right: 6px;
  position: absolute;
  top: -20px;
  width: 48px;
}

/* スペシャルバナー PC
------------------------------------------------------------------------------*/

.side_wrap2 #side_slider ul {
  margin: 0 auto;
}

#side_slider {
  text-align: center;
  margin: 0 0 20px;
  background: none;
}

#side_slider > ul > li:nth-child(n+2) { display: none; }

#side_slider .bx-pager {
  margin: 10px 0;
  text-align: center;
}

#side_slider .bx-pager .bx-pager-item {
  display: inline-block;
  height: 8px;
  margin: 0 5px;
  position: relative;
  text-indent: -9999px;
  width: 8px;
}

#side_slider .bx-pager .bx-pager-item a {
  background: #ddd;
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%;
}
#side_slider .bx-pager .bx-pager-item a.active {
  background: #1071be;
}

/* スペシャルバナー SP
------------------------------------------------------------------------------*/

@media screen and (max-width: 640px) {
  .specialBnrList {
    text-align: center;
    padding: 20px 0 10px;
    margin-bottom: 30px;
    background-color: #e7edf2;
    background: #cbdbe7; /* Old browsers */
    background: -moz-linear-gradient(top,  #cbdbe7 0%, #e7edf2 5%, #e7edf2 95%, #cbdbe7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #cbdbe7 0%,#e7edf2 5%,#e7edf2 95%,#cbdbe7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #cbdbe7 0%,#e7edf2 5%,#e7edf2 95%,#cbdbe7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbdbe7', endColorstr='#cbdbe7',GradientType=0 ); /* IE6-9 */
  }
  .specialBnrList li {
    width: 230px;
    margin: 0 auto 10px;
  }
  .specialBnrList li a { display: inline-block; }
  .specialBnrList li a img { width: 100%; }
}

/* スペシャルコンテンツ
------------------------------------------------------------------------------*/

.content_box.sc {
  position: relative;
  padding: 10px 20px 20px;
  background: #e5ecf1; /* Old browsers */
  background: -moz-linear-gradient(top,  #e5ecf1 0%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #e5ecf1 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #e5ecf1 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ecf1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.content_box.sc h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.content_box.sc h2 a {
  float: right;
  font-size: 14px;
  margin-top: 5px;
  text-decoration: none;
}

.content_box.sc ul li {
  border: 1px solid #ccc;
  background-color: #fff;
}

.content_box.sc ul li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
}

.content_box.sc ul li img {
  float: left;
  margin-right: 20px;
  width: 300px;
}

.content_box.sc span.sub_title {
  color: #1760ad;
  font-size: 16px;
  display: block;
}

.content_box.sc .description {
  font-size: 12px;
  font-weight: normal;
}
.content_box.sc .bx-controls-direction a {
  position: absolute;
  bottom: 80px;
  width: 30px;
  height: 48px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.content_box.sc .bx-controls-direction .bx-prev {
  left: -10px;
  background: url(../../img/top/prev_btn.png) no-repeat center;
}
.content_box.sc .bx-controls-direction .bx-next {
  right: -10px;
  background: url(../../img/top/next_btn.png) no-repeat center;
}

/* サイドナビ用 */

.side_wrap2 .content_box.sc {
  background: #fff;
  padding: 0;
}
.side_wrap2 .content_box.sc h2 {
  color: #004674;
  background: #fff;
  border-bottom: 2px solid #004674;
  font-size: 18px;
  padding: 0 10px;
  line-height: 40px;
}
.side_wrap2 .content_box.sc ul li {
  border: none;
  border-bottom: 1px solid #ccc;
}
.side_wrap2 .content_box.sc ul li a {
  font-size: 12px;
  font-weight: normal;
  padding: 10px 5%;
  /*
  background: url(/img/common/icon_arrow_15.png) no-repeat right 3% center;
  background-size: 8px;
  */
}
.side_wrap2 .content_box.sc ul li a img {
  width: 110px;
  height: auto;
  margin: 5px 5px 5px 0;
}
.side_wrap2 .content_box.sc span.sub_title {
  font-weight: bold;
  font-size: 13px;
}
.side_wrap2 .content_box.sc .description {
  display: none;
}
.side_wrap2 .content_box.sc ul li p {
  margin: 0 0 0 120px;
}

@media screen and (max-width: 640px) {
  .content_box.sc {
    background: #fff;
    padding: 0;
  }
  .content_box.sc h2 {
    color: #fff;
    background: #004674;
    font-weight: bold;
    font-size: 18px;
    padding: 0 5%;
    line-height: 50px;
  }
  .content_box.sc ul li {
    border: none;
    border-bottom: 1px solid #ccc;
  }
  .content_box.sc ul li a {
    font-size: 12px;
    font-weight: normal;
    padding: 10px 5%;
    background: url(/img/common/icon_arrow_15.png) no-repeat right 3% center;
    background-size: 8px;
  }
  .content_box.sc ul li a img {
    width: 130px;
    height: auto;
    margin: 5px 20px 5px 0;
  }
  .content_box.sc span.sub_title {
    font-weight: bold;
  }
  .content_box.sc .description {
    display: none;
  }
  .content_box.sc ul li p {
    margin: 0 0 0 150px;
  }
  .side_wrap2 .content_box.sc h2 {
    color: #fff;
    background: #004674;
    font-weight: bold;
    font-size: 18px;
    padding: 0 5%;
    line-height: 50px;
  }
}

/* レジナビのイチオシ
------------------------------------------------------------------------------*/

/* lead */
.topLeadText {
  font-size: 14px;
  margin: 1em 5%;
}
.topLeadText span {
  background-color: #e94e30;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  padding: 2px 4px;
}
.content_box.pickup h2 {
  color: #fff;
  background: #004674;
  font-weight: bold;
  font-size: 18px;
  padding: 0 5%;
  line-height: 50px;
}
.content_box.pickup ul li {
  border-top: 1px solid #ccc;
}
.content_box.pickup ul li a {
  /*
  background: url(/img/common/icon_arrow_15.png) no-repeat right 3% center;
  background-size: 8px;
  */
  font-size: 12px;
  font-weight: normal;
  padding: 10px 5%;
  display: block;
  overflow: hidden;
  color: #333;
}
.content_box.pickup ul li a img {
  width: 120px;
  height: auto;
  float: left;
  margin-right: 20px;
  margin-top: 5px;
}
.content_box.pickup ul li p {
  margin: 0 0 0 140px;
}

/* サイドナビ用 */

.side_wrap2 .content_box.pickup {
  background: #fff;
}
.side_wrap2 .content_box.pickup h2 {
  color: #004674;
  background: #fff;
  border-bottom: 2px solid #004674;
  font-size: 18px;
  padding: 0 10px;
  line-height: 40px;
}
.side_wrap2 .content_box.pickup ul li a {
  text-decoration: none;
}
.side_wrap2 .content_box.pickup ul li a img {
  width: 150px;
  height: auto;
  float: left;
  margin-right: 5px;
  margin-top: 0;
}
.side_wrap2 .content_box.pickup ul li p {
  margin: 0 0 0 160px;
}

.side_wrap2 .content_box.pickup ul li p {
  margin: 0 0 0 158px;
}
.side_wrap2 .content_box.pickup ul li p.subTitle {
  color: #888;
  line-height: 1.2;
  margin-bottom: 5px;
}
.side_wrap2 .content_box.pickup ul li p.title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
}


@media screen and (max-width: 640px) {
  .side_wrap2 .content_box.pickup h2 {
    color: #fff;
    background: #004674;
    font-weight: bold;
    font-size: 18px;
    padding: 0 5%;
    line-height: 50px;
  }
}

/* 見学会･説明会情報
------------------------------------------------------------------------------*/

.content_box.information .tl_box h2 {
  font-weight: bold;
}

.content_box.information li {
  border-bottom: solid 1px #dcdcdc;
  padding: 7px 10px;
}

.content_box.information li a {
  font-size: 92%;
  text-decoration: none;
  display: block;
}
.content_box.information li .text { line-height: 1.4; }
.content_box.information li .text p { display: inline; }

.content_box.information li .data {
  overflow: hidden;
  display: block;
}

.content_box.information li .data .day {
  color: #666666;
  float: left;
  font-size: 86%;
}
.content_box.information li .data .country {
  float: right;
  display: inline-block;
  border: 1px solid #d35e96;
  width: 5em;
  height: 15px;
  line-height: 17px;
  text-align: center;
  font-size: 86%;
  color: #d35e96;
  margin-top: 4px;
  margin-left: 5px;
  padding: 0px 3px;
  vertical-align: middle;
}

.content_box.information li .cate span{
  color: #fff;
  display: inline;
  font-size: 71%;
  line-height: 1;
  margin: 0;
  padding:1px 3px;
  text-align: center;
  min-width: 2em;
}

.content_box.information li .cate .cate01 { background: #5055A3; }
.content_box.information li .cate .cate02 { background: #D65252; }
.content_box.information li .cate .cate03 { background: #16A776; }

.content_box.information li.linkToList {
  border-top: solid 1px #dcdcdc;
  padding: 7px 10px;
}
.content_box.information li.linkToList p {
  margin: 0;
  text-align: right;
}
.content_box.information li.linkToList p a {
  display: inline;
  padding: 0 0 0 18px;
  background: url(/img/common/icon_notice_next.png) no-repeat left center;
}

.content_box.information li.none { padding: 7px 10px; }

/* サイドナビ */
.side_wrap .content_box.information .tl_box,
.side_wrap2 .content_box.information .tl_box {
  color: #004674;
  background: #fff;
  border: solid 1px #dcdcdc;
  border-bottom: 2px solid #004674;
}

@media screen and (max-width: 640px) {
  .content_box.information .tl_box h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .content_box.information li a {
    font-size: 109%;
    display: inline;
    padding: 0;
  }
  .content_box.information li .data { margin-bottom: 5px; }
  .content_box.information li .data .country { margin-top: 0; }
  .content_box.information li .text { font-size: 14px; }

  .content_box.information .box_inn.spList { padding: 0; }
  .content_box.information .box_inn.spList li { padding: 10px; }
  .box_inn.spList ul li:nth-child(odd) { background-color: #fff; }

  .content_box.information { background: none; }
  .content_box.information li,.information li:last-child { border-bottom: 1px solid #dedede; }
  .content_box.information li:last-child{ padding: 0; }

  .side_wrap2 .content_box.information .tl_box {
    color: #fff;
    background: #004674;
    font-weight: bold;
    font-size: 18px;
    padding: 0 5%;
    line-height: 50px;
  }
}

/* 広報バナー
------------------------------------------------------------------------------*/

.content_box.recruit .tl_box h2 {
  font-weight: bold;
}

.side_wrap2 .content_box.recruit .tl_box {
  color: #004674;
  background: #fff;
  border: solid 1px #dcdcdc;
  border-bottom: 2px solid #004674;
}

.side_wrap2 .content_box.recruit .side_banner_box {
  margin-bottom: 15px;
}

@media screen and (max-width: 640px) {
  .side_wrap2 .content_box.recruit .tl_box {
    border-bottom: none;
    background: #004674;
    padding: 0;
    color: #fff;
  }
  .content_box.recruit h2 {
    font-size: 18px;
    line-height: 20px;
    color: #fff;
  }
  .side_wrap2 .content_box.recruit .tl_box {
    border-bottom: none;
    background: #004674;
    padding: 0;
    color: #fff;
  }
  .side_wrap2 .content_box.recruit h2 {
    font-size: 18px;
    line-height: 50px;
    color: #fff;
    padding: 0 5%;
  }

  .side_banner_box {
    padding: 0;
    text-align: center;
  }
  .side_banner_box img {
    width: 90%;
  }
  .banner_box {
    margin: 0 10px 20px;
    background: none;
  }
  .banner_box2 {
    margin: 0 10px 10px;
    background: none;
    text-align: center;
  }
  .banner_box img { width: 100%; }
  .banner_box2 img { margin: 5px auto; }

}

/* schedule
------------------------------------------------------------------------------*/

.content_box.schedule {
  background:#fff;
  margin:0 0 20px;
}

.content_box.schedule .tl_box { background-color: #666666; }

.content_box.schedule .box_inn ul li:first-of-type { border-top: none; }

.content_box.schedule .box_inn > ul > li { border-top: solid 1px #bdbdbd; }

.content_box.schedule .box_inn ul li .info { padding: 10px; }
.content_box.schedule .box_inn ul li .info ul {
  overflow: hidden;
  margin-bottom: 3px;
}
.content_box.schedule .box_inn ul li .info ul li {
  float: left;
  display: inline-block;
  border: 1px solid #80a9c2;
  width: auto;
  line-height: 1.1;
  text-align: center;
  font-size: 86%;
  color: #333333;
  margin-right: 5px;
  padding: 1px 3px;
  vertical-align: middle;
}

.content_box.schedule .box_inn ul li .info .day,
.content_box.schedule .box_inn ul li .info .detail p {
  margin: 0;
  font-size: 86%;
}

.content_box.schedule .box_inn ul li .info .detail {
  letter-spacing: -.4em;
}
.content_box.schedule .box_inn ul li .info .detail p {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  line-height: 1;
}
.content_box.schedule .box_inn ul li .info .detail .type {
  background-color: #e2e2ff;
  margin-right: 15px;
  padding: 2px 5px;
}

.content_box.schedule .box_inn ul li.linkToList {
  border-top: solid 1px #dcdcdc;
  padding: 7px 10px 1px;
}
.content_box.schedule .box_inn ul li.linkToList p {
  margin-top: 25px;
  text-align: right;
}
.content_box.schedule .box_inn ul li.linkToList p a {
  background: url(/img/common/icon_notice_next.png) no-repeat left center;
  padding-left: 18px;
}
.content_box.schedule .box_inn ul li img { float: left; }
