html {
  width: 100%;
  font-size: 62.5%;
  overflow: auto;
}

body {
  font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sansserif;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  color: #535353;
  font-size: 1.4rem;
  line-height: 1.5;
  overflow-y:scroll;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling: touch ;
}

body::-webkit-scrollbar {
  display: none;
}

body * {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.5;
}

.layout {
  position: relative;
  height: auto;
  min-height: 100%;
}

a,
a:link,
a:visited,
a:hover {
  color: #535353;
  text-decoration: none;
}

p{
  margin-bottom:0;
}

img{
  width:100%;
  height:auto;
  vertical-align: bottom;
}

h1{
  vertical-align:middle;
  font-size:22px;
  font-weight:bold;
}

h2{
  margin-bottom:22px;
}

h2.ttl01 a,
h2.ttl01 a:link,
h2.ttl01 a:visited,
h2.ttl01 a:active{
    color: rgb(0, 164, 228);
}

h2.ttl01:first-of-type{
  margin-top:initial;
}

h3{
  font-weight:bold;
  font-size:1.6rem;
  color: #00a4e4;
  margin-bottom:15px;
}

h3 a,
h3 a:link,
h3 a:visited,
h3 a:active{
  font-weight:bold;
  font-size:1.6rem;
  color: #00a4e4;
  margin-bottom:15px;
}

.ttl01 {
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    color: rgb(0, 164, 228);
    font-size: 1.8rem;
    font-weight: bold;
    border-bottom: 2px solid rgb(0, 164, 228);
  }

/* header */

.header {
  display: block;
  height: 73px;
  background-color: #efefef;
  border-bottom: 1px solid #ccc;
}

.header > div.wrap{
  position:relative;
  height: 73px;
  padding:0 12px;
  width: 1024px;
}

.header-logo > span{
  padding-top:0;
}

.header-logo{
position:absolute;
left:12px;
top: 50%;
-webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
        transform:translateY(-50%);
}

/*.header .wrap a{
  display: block;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
}*/

.header .wrap h1{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
      -ms-transform:translate(-50%,-50%);
          transform:translate(-50%,-50%);
}

.logo01 {
  display:block;
  overflow: hidden;
  width: 110px;
  height: 75px;
  background: url(/rcd/img/logo01.png?20220928) no-repeat 0 0;
  white-space: nowrap;
  text-indent: 100%;
  vertical-align: middle;
}

/* header */

/* パンくず */

.breadcrumb {
  font-size: 1.2rem;
  margin-top: 18px;
  margin-bottom: 18px;
  padding:0 12px;
}

.breadcrumb ol > li {
  display: inline-block;
  position: relative;
}

.breadcrumb ol > li + li {
  margin-left: 4px;
  padding-left: 10px;
}

.breadcrumb ol > li + li:before,
.breadcrumb ol > li + li:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 6px;
  height: 1px;
  background: #535353;
}

.breadcrumb ol > li + li:before {
  margin-top: 0;
  -ms-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.breadcrumb ol > li + li:after {
  margin-top: -3px;
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.breadcrumb ol > li a,
.breadcrumb ol > li a:link,
.breadcrumb ol > li a:visited {
  color: #0073AE;
  text-decoration: underline;
}

.breadcrumb ol > li a:hover {
  color: #0073AE;
  text-decoration: underline;
  -webkit-filter: alpha ( opacity=75 );
          filter: alpha ( opacity=75 );
  -moz-opacity: 0.75;
  opacity: 0.75;
  padding-bottom:1px;
}

.breadcrumb ol > li:last-child a,
.breadcrumb ol > li:last-child a:link,
.breadcrumb ol > li:last-child a:visited,
.breadcrumb ol > li:last-child a:hover {
  color: #535353;
  pointer-events: none;
  text-decoration: none;
}

/* パンくず */

.navigation_area {
    padding: 0 12px;
}

.navigation_area div.wrap{
  padding:0;
}

.wrap {
  width: 1024px;
  margin: 0 auto;
  padding-right: 12px;
  padding-left: 12px;
}

.wrap-content > p {
  padding-left: 12px;
  padding-right: 12px;
}

.wrap-content h2{
  margin-top:30px;
}

.box p{
  margin-left:192px;
}

  .wrap-content h2{
    margin-top:30px;
  }

  .box{
    width:calc(50% - 6px);
    padding:20px 20px;
    background-color:#efefef;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
  }

  .box a{
    display:block;
  }

  .box div img{
   width:160px;
   height:auto;
   float: left;
  }

  .box > div{
    width:100%;
    margin-top:24px;
    margin-bottom:36px;
    }

  .box > div:after{
   content:"";
   display:block;
   clear:both;
  }


  .box .button{
    margin:0 auto;
    color:#fff;
    display:block;
    text-align:center;
    padding:13px 0;
    width:140px;
    background-color:#00a4e4;
    border-radius: 2px;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 89, 132, 0.8);
            box-shadow: 0px 2px 0px 0px rgba(0, 89, 132, 0.8);
    }

    .box .button:hover{
      background-color: #0073ae;
      -webkit-box-shadow: 0 2px #005984;
              box-shadow: 0 2px #005984;
    }

    .box .button:focus{
      -webkit-box-shadow: 0 1px #005984;
              box-shadow: 0 1px #005984;
    }

  .box_type02{
    width:320px;
    padding:20px 10px;
    background-color:#efefef;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
   }

  .box_type02:last-of-type{
   margin-right:initial;
  }

  .box_type02 .button{
    margin-top:20px;
    width:100%;
      }

  .content_flex{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    margin-bottom:30px;
  }

  .content_flex_2columns{
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    -webkit-box-pack:start;
        -ms-flex-pack:start;
            justify-content:flex-start;
  }

 .content_flex_2columns > div:first-of-type{
   margin-right:20px;
 }

 div.inner_flex{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-pack:start;
       -ms-flex-pack:start;
           justify-content:flex-start;
   margin-bottom:0;
 }

 div.inner_flex_2columns{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack:end;
       -ms-flex-pack:end;
           justify-content:flex-end;
   margin-bottom:0;
 }

  div.inner_flex_2columns label:nth-of-type(2){
    margin-left:18px;
  }

 .close_modal{
   cursor:pointer;
   line-height: 48px;
   vertical-align: middle;
   font-size:16px;
   margin:0 auto;
   color:#fff;
   border-radius: 2px;
   -moz-border-radius: 2px;
   background-color: rgb(160, 160, 160);
   -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.6);
           box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.6);
   width: 180px;
   height: 48px;
   box-sizing:border-box;
   border:1px solid rgb(160, 160, 160);
 }

 .close_modal:hover {
 background-color: #535353;
 -webkit-box-shadow: 0 2px #333;
         box-shadow: 0 2px #333;
border:1px solid #535353;
}

.close_modal:focus {
 -webkit-box-shadow: 0 1px #333;
         box-shadow: 0 1px #333;
border:1px solid #535353;
}