@charset "UTF-8";
/* module css */
/*------------------------------------------------------------------------
Basic Layout (PC Layout)
------------------------------------------------------------------------*/
/* !title
---------------------------------------------------------- */
.h1_basic {
  position: relative;
  margin-bottom: 36px;
  padding: .7em 0  1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(/~/Media/cojp/common/images/bg_h1_basic01.gif) 0 bottom repeat-x;
  font-size: 28px;
  font-size: 2.8rem; }

.h1_basic > span {
  display: block;
  position: relative;
  line-height: 1.3;
  padding: 3px 80px 0 30px; }

.h1_basic > span:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 100%;
  box-shadow: 0px 1px 0px #c9d3dc, 0px 2px 0px #e6ebef;
  background-color: #0d5daa;
  background-image: -webkit-linear-gradient(bottom, rgba(8, 1, 3, 0.1), rgba(255, 255, 255, 0.1));
  background-image: -moz-linear-gradient(bottom, rgba(8, 1, 3, 0.1), rgba(255, 255, 255, 0.1));
  background-image: -o-linear-gradient(bottom, rgba(8, 1, 3, 0.1), rgba(255, 255, 255, 0.1));
  background-image: linear-gradient(to top, rgba(8, 1, 3, 0.1), rgba(255, 255, 255, 0.1)); }

.h1_basic .catchcopy {
  display: block;
  font-size: 1.8rem;
  padding: 0 0 0.5em; }

/*h1short**********/
.h1NoRt .h1_basic:before {
  content: none; }

.h1Short .h1_basic > span {
  padding: 3px 220px 0 30px; }

/**********h1short*/
.h2_basic01 {
  background: url(/~/Media/cojp/common/images/bg_h2_basic01.gif) repeat-x left top;
  font-size: 22px;
  font-size: 2.2rem; }

.h2_basic01 > span {
  background: url(/~/Media/cojp/common/images/bg_h2_basic02.gif) no-repeat left top;
  display: block;
  padding: 24px 0 23px; }

.h2_basic, .h2_basic02 {
  margin-bottom: 25px;
  background: url(/~/Media/cojp/common/images/bg_h2_basic01.gif) repeat-x left top;
  font-size: 2.2rem;
  position: relative; }

.h2_basic:before, .h2_basic02:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  height: 7px;
  width: 100%;
  background: url(/~/Media/cojp/common/images/bg_h2basic02.gif) repeat-x left top; }

.h2_basic > span, .h2_basic02 > span {
  background: url(/~/Media/cojp/common/images/bg_h2_basic02.gif) no-repeat left top;
  display: block;
  padding: 24px 0 23px; }

.h2_basic03 {
  background: url(/~/Media/cojp/common/images/bg_h2_basic01.gif) repeat-x left top;
  font-size: 2.2rem;
  position: relative; }

.h2_basic03:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  height: 7px;
  width: 100%;
  background: url(/~/Media/cojp/common/images/bg_h2basic02.gif) repeat-x left top; }

.h2_basic03 > span {
  background: url(/~/Media/cojp/common/images/bg_h2_basic02.gif) no-repeat left top;
  display: block;
  padding: 24px 0 23px; }

.h3_basic {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #cdd7e5;
  font-size: 2.0rem; }

.h3_basic > span {
  display: block;
  position: relative;
  line-height: 1.3;
  padding: 3px 18px 0; }

.h3_basic > span:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 100%;
  box-shadow: 0px 1px 0px #c9d3dc, 0px 2px 0px #e6ebef;
  background-color: #0d5daa;
  background-image: -webkit-linear-gradient(bottom, rgba(8, 1, 3, 0.1), rgba(255, 255, 255, 0.1));
  background-image: -moz-linear-gradient(bottom, rgba(8, 1, 3, 0.1), rgba(255, 255, 255, 0.1));
  background-image: -o-linear-gradient(bottom, rgba(8, 1, 3, 0.1), rgba(255, 255, 255, 0.1));
  background-image: linear-gradient(to top, rgba(8, 1, 3, 0.1), rgba(255, 255, 255, 0.1)); }

.h4_basic {
  margin-bottom: 20px;
  padding-bottom: 14px;
  background: url(/~/Media/cojp/common/images/bg_h2_basic01.gif) 0 bottom repeat-x;
  font-size: 1.6rem; }

.h5_basic {
  margin-bottom: 15px;
  padding: 5px 10px;
  border-top: solid 1px #dae2ed;
  background-color: #e7eef8;
  font-size: 1.4rem; }

.h6_basic {
  margin-bottom: 15px;
  padding-bottom: 10px;
  background: url(/~/Media/cojp/common/images/bg_dotted_x01.gif) 0 bottom repeat-x;
  font-size: 1.2rem; }

/* !module
---------------------------------------------------------- */
/*---------- 振り分け1 ----------*/
.ul_junction01 li {
  margin-bottom: 20px;
  -moz-box-shadow: 0px 6px 8px -4px rgba(205, 215, 229, 0.8);
  -webkit-box-shadow: 0px 6px 8px -4px rgba(205, 215, 229, 0.8);
  -o-box-shadow: 0px 6px 8px -4px rgba(205, 215, 229, 0.8);
  box-shadow: 0px 6px 8px -4px rgba(205, 215, 229, 0.8);
  position: relative; }

.ul_junction01 li:last-child {
  margin-bottom: 0; }

.dl_junction01 {
  display: table;
  width: 100%;
  border: solid 1px #cdd7e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.dl_junction01 dt, .dl_junction01 dd {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.dl_junction01 dt {
  vertical-align: middle;
  width: 30%;
  padding: 7px;
  border: solid #cdd7e5;
  border-width: 0 1px 0 0;
  background-color: #f0f3f7; }

.dl_junction01 dt .image01 {
  display: table-cell;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent; }

html.ie8 .dl_junction01 dt .image01 {
  width: 194px; }

.dl_junction01 dt .image01.type01 {
  background-color: #fff; }

.dl_junction01 dt a.image01:hover {
  /*opacity: 0.6;*/ }

.dl_junction01 dt .image01 > img {
  width: 100%; }

.dl_junction01 dd {
  vertical-align: top;
  width: 70%;
  padding: 20px 15px 10px 15px;
  font-size: 1.2rem; }

.dl_junction01 dd > a {
  display: inline-block;
  margin: 0 0 14px;
  padding: 3px 0 0 10px;
  background: url(/~/Media/cojp/common/images/ico_arrow_r02.gif) 0 50% no-repeat;
  font-weight: bold;
  font-size: 1.5rem; }

/*---------- 振り分け2 ----------*/
.ul_boxLink01 {
  overflow: hidden; }

.ul_boxLink01 > li {
  float: left;
  width: 48.5%;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 6px 8px -3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 6px 8px -3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 6px 8px -3px rgba(0, 0, 0, 0.1); }

.ul_boxLink01 > li.odd {
  margin-right: 3.0%; }

.ul_boxLink01 > li.even {
  margin-right: 0; }

.ul_boxLink01 > li .dl_information01 {
  border: solid 1px #cdd7e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ul_boxLink01 > li .dl_information01 dt {
  background: #f0f3f7;
  padding: 7px;
  border-bottom: solid 1px #cdd7e5; }

.ul_boxLink01 > li .dl_information01 dt img:hover {
  opacity: 0.6; }

.ul_boxLink01 > li .dl_information01 dd {
  padding: 14px 20px 24px; }

.ul_boxLink01 > li .dl_information01 dd > a {
  display: inline-block;
  background: url(/~/Media/cojp/common/images/ico_arrow_r02.gif) 0px 4px no-repeat;
  font-size: 1.5rem;
  font-weight: bold;
  padding-left: 12px;
  margin-bottom: 12px;
  text-decoration: underline; }

.ul_boxLink01 > li .dl_information01 dd > a:hover {
  text-decoration: none; }

.ul_boxLink01 > li .dl_information01 dd > p {
  font-size: 1.2rem; }

.ul_boxLink01 > li .dl_information01 dd > .ul_infor01_sub {
  overflow: hidden;
  width: 100%;
  background: #e7eef8;
  padding: 12px 0;
  margin-top: 16px; }

.ul_boxLink01 > li .dl_information01 dd > .ul_infor01_sub > li {
  float: left; }

.ul_boxLink01 > li .dl_information01 dd > .ul_infor01_sub > li > a {
  font-size: 1.2rem;
  border-right: 1px #cbd2dc solid;
  padding: 0 20px; }

.ul_boxLink01 > li .dl_information01 dd > .ul_infor01_sub > li:last-child > a {
  border-right: none;
  padding-right: 0; }

/*---------- 振り分け画像+テキストリンク ----------*/
.imgLink01 {
  margin: 20px 0 50px; }

.ul_imgLink01 {
  overflow: hidden;
  margin-right: -20px;
  letter-spacing: -0.4em; }

.ul_imgLink01 li {
  display: inline-block;
  letter-spacing: normal;
  *display: inline;
  *zoom: 1;
  width: 17.2%;
  margin: 0 2.78% 2.78% 0%;
  vertical-align: top; }

.ul_imgLink01 li > a {
  text-align: center;
  display: block;
  font-size: 1.2rem;
  margin-top: 10px;
  text-decoration: underline; }

.ul_imgLink01 li > a:hover {
  text-decoration: none; }

.ul_imgLink01 li p > a img:hover {
  opacity: 0.6; }

/*============================= BREAK POINT ===============================
Tablet Layout
=============================== BREAK POINT =============================*/
@media screen and (max-width: 768px) {
        /* !title
---------------------------------------------------------- */
  .h1_basic {
    width: 91%;
    margin: 0 auto 40px; }

  /*h1short**********/
  .h1Short .h1_basic > span {
    padding: 3px 0 0 30px; }

  /**********h1short*/
  /*---------- 振り分け1 ----------*/
  .dl_junction01 dd {
    padding: 24px 20px 16px 30px; }

  /*---------- 振り分け画像+テキストリンク ----------*/
  .imgLink01 {
    border-bottom: 5px solid #0d5daa; }

  .ul_imgLink01 {
    margin-bottom: 50px; } }
/*----------------------- BREAK POINT ------------------------------------
SP Layout
------------------------- BREAK POINT ----------------------------------*/
@media screen and (max-width: 480px) {
        /* !title
---------------------------------------------------------- */
  .h1_basic {
    width: 100%;
    margin: 0 auto;
    padding: 20px 15px;
    border-bottom: 1px solid #cdd7e5;
    background: none;
    font-size: 2.1rem; }

  .h1_basic:before {
    display: none; }

  .h1_basic > span {
    padding: 3px 0 0 25px; }

  .h2_basic,
  .h2_basic01,
  .h2_basic02,
  .h2_basic03 {
    font-size: 1.8rem; }

  .h2_basic01 > span {
    padding: 1em .25em .75em .5em;
    background-size: 100px 5px; }

  .h2_basic > span {
    padding: 1em .25em .8em .5em;
    background-size: 100px 5px; }

  .h3_basic {
    font-size: 1.6rem; }

  .h4_basic {
    font-size: 1.4rem; }

  .h5_basic {
    font-size: 1.4rem; }

  .h6_basic {
    font-size: 1.4rem; }

  .dl_junction01 dt {
    width: 30%;
    padding: 7px;
    border-width: 0 0 0 0;
    background-color: #fff;
    vertical-align: top; }

  .dl_junction01 dd {
    padding: 20px 7px 7px;
    font-size: 1.1rem;
    letter-spacing: 0.1em; }

  .dl_junction01 dd > a {
    font-size: 1.4rem; }

  /*---------- 振り分け2 ----------*/
  .ul_boxLink01 {
    margin: 5% auto 0; }

  .ul_boxLink01 > li {
    float: none;
    width: 100%; }

  .ul_boxLink01 > li .dl_information01 dd > a {
    display: inline-block;
    background: url(/~/Media/cojp/common/images/ico_arrow_r06.png) 0px 5px no-repeat;
    background-size: 7px 10px;
    font-size: 1.4rem;
    font-weight: bold;
    padding-left: 14px;
    margin-bottom: 10px;
    text-decoration: none; }

  .ul_boxLink01 > li .dl_information01 dd > p {
    font-size: 1.1rem; }

  .ul_boxLink01 > li .dl_information01 dd > .ul_infor01_sub > li > a {
    font-weight: bold; }

  /*---------- 振り分け画像+テキストリンク ----------*/
  .imgLink01 {
    margin: 18px 4.73% 25px;
    overflow: hidden;
    padding-bottom: 19px;
    background: url(/~/Media/cojp/home/images/bg_imgLink01.gif) left bottom repeat-x;
    border-bottom: 5px solid #0d5daa; }

  .ul_imgLink01 li {
    width: 28.6%;
    margin-right: 4.73%; }

  .ul_imgLink01 li:last-child {
    margin-right: 0; }

  .ul_imgLink01 li > a {
    text-align: center;
    display: block;
    font-size: 1.3rem;
    margin-top: 8px; } }