@charset "UTF-8";
/* -------------------------------
概要
-------------------------------- */
.mv {
  height: 400px;
  position: relative;
  background: url("../../images/bg_info.png") center center/cover; }

/*.se_bx .dlw p a {
  text-decoration: none;
  color: white;
  float: left;
  width: 31.333%;
  margin: 1%;
  background: url("../../images/arrow2.png") center right 10px no-repeat, #8cc1d4;
  padding: 10px 0 10px 20px;
  box-sizing: border-box; }*/

.atn_gairai {
  padding: 20px;
  box-sizing: border-box;
  background: #e5f8ff;
  margin: 20px 0; }
  .atn_gairai p {
    margin-bottom: 10px; }
  .atn_gairai p:last-of-type {
    margin-bottom: 0; }
  .atn_gairai img {
    vertical-align: middle;
    margin-right: 10px; }

.fbb {
  font-weight: bold;
  font-size: 150%;
  margin: 10px 0;
  line-height: 1.6; }

.ri_img {
  margin: 20px 0;
  text-align: center; }
  .ri_img img {
    width: 100%;
    max-width: 650px; }

.fb {
  font-weight: bold;
  margin-top: 10px;
  display: block; }

.fmini {
  font-weight: bold;
  font-size: 12px; }

#ct1, #ct2, #ct3 {
  padding-top: 100px;
  margin-top: -100px; }

.kougaku {
  float: right; }

.vi_cap {
  font-size: 12px;
  background: #b8ebfa;
  padding: 5px 10px;
  margin-top: 10px;
  color: #0f77a0;
  width: 100%;
  max-width: 550px;
  font-weight: bold;
  box-sizing: border-box; }

.ntw {
  overflow: hidden; }

.w50 {
  width: 50%;
  float: left; }

.deci {
  list-style: decimal;
  font-family: initial, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
  padding: 0 0 0 30px;
  box-sizing: border-box; }

.str {
  padding: 20px;
  box-sizing: border-box;
  background: #e5f8ff;
  display: block;
  text-align: center; }

.tcc th, .tcc td {
  width: 16.6666%;
  text-align: center; }

.db {
  display: block; }

.se_bx .dlw .bt_ttc a {
  float: none;
  margin: 1% auto; }

.sing_btn {
  margin: 0 auto; }
  .sing_btn a {
    margin: 1%;
    text-decoration: none;
    display: block;
    color: white;
    background: url(../../images/icon_top_sche.png) center left 25px no-repeat, url(../../images/info_arrow.png) center right 25px no-repeat, #87c2d8;
    padding: 15px 0;
    font-size: 120%;
    letter-spacing: 1.5px;
    border-radius: 6px;
    box-shadow: 0px 3px 0 0 #5696ae;
    text-align: center; }

.sing_btn2 {
  margin: 20px auto; }
  .sing_btn2 a {
    margin: 1%;
    text-decoration: none;
    display: block;
    color: white;
    background: url(../../images/icon_info_4.png) center left 25px no-repeat, url(../../images/info_arrow.png) center right 25px no-repeat, #87c2d8;
    padding: 15px 0;
    font-size: 120%;
    letter-spacing: 1.5px;
    border-radius: 6px;
    box-shadow: 0px 3px 0 0 #5696ae;
    text-align: center; }
.gairai_dl{
    margin-top:20px;
    background:#fff;
    padding:20px;
    
}

.gairai_dl .c_mini li {
    list-style: none;
    padding-left: 25px;
    box-sizing: border-box;
    text-indent: -6px;
}




.gairai_dl_title{
    background: url("../../images/icon_ast.png") top 2px left no-repeat;
    padding: 0 0 3px 30px;
    border-bottom: 3px double #6cbcd9;
    font-family: Meiryo, sans-serif;
    color: #076494;
    font-size: 110%;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}


/*
.gairai_pdfbtn {
    display: inline;
    margin-left: 5px;
}
.gairai_pdfbtn a {
    padding: 2px 15px;
    border: 2px solid #cb1010;
    border-radius: 3px;
    text-decoration: none;
}

.gairai_pdfbtn a:hover {
    background: #cb1010;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

*/
#gairai_dl {
   margin-top:-109px;
  padding-top:109px;
}

/* ----------------------------------------------------------------------------------------------------------------------------
media
-------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 695px) {
  /* -------------------------------
  概要
  -------------------------------- */
  .se_bx .dlw p a {
    width: 100%; }

  .kougaku {
    float: none;
    display: block;
    margin: 10px 0 20px 0px;
    font-weight: bold; }

  .se_bx .dlw .btn_cm1 a {
    width: 100%;
    max-width: auto;
    padding: 10px 40px 10px 15px;
    text-align: left; }

  .w50 {
    float: none;
    width: 100%; }

  .tcc th, .tcc td {
    width: 16.6666%;
    text-align: center; }

  .fbb {
    font-size: 120%; }

  .sing_btn {
    margin: 0 auto; }
    .sing_btn a {
      margin: 0 1%;
      background: url(../../images/info_arrow.png) center right 15px no-repeat, #87c2d8;
      padding: 10px 0 10px 20px;
      font-size: 100%;
      text-align: left; }
      .sing_btn a span {
        display: block; }

  .sing_btn2 {
  margin: 20px auto; }
    .sing_btn2 a {
      margin: 0 1%;
      background: url(../../images/info_arrow.png) center right 15px no-repeat, #87c2d8;
      padding: 10px 0 10px 20px;
      font-size: 100%;
      text-align: left; }
      .sing_btn2 a span {
        display: block; }
#gairai_dl {
   margin-top:0px;
  padding-top:0px;
}


         }
/*# sourceMappingURL=gairai.css.map */
.colmn2{
    overflow: hidden
    }
.colmn2_in{
    float:left;
    width:48%;
    margin-right:3.5%;
    display: inline-block;
}
.colmn2_in img{
    /*width:100%;*/
}
.colmn2_in:last-child{
   margin-right:0%;
}

@media screen and (max-width:680px){
.colmn2_in{
    float:none;
    width:100%;
    margin-right:0%;
    margin-bottom:10px;
}

}
.gairai_flow1 .gairai_flow1_ttl {
    font-size: 120%;
    background: #F3728E;
    color: white;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.gairai_flow2 .gairai_flow2_ttl {
    font-size: 120%;
    background: #77CB2F;
    color: white;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.gairai_flow3 .gairai_flow3_ttl {
    font-size: 120%;
    background: #0f77a0;
    color: white;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.atn_flow1 {
    padding: 20px;
    box-sizing: border-box;
    background: #FDE8ED;
    margin: 20px 0;
}
.atn_flow2 {
    padding: 20px;
    box-sizing: border-box;
    background: #E1F4D2;
    margin: 20px 0;
}
.atn_uketsuke {
    padding: 20px;
    box-sizing: border-box;
    background: #FFF1C8;
    margin: 20px 0;
}
@media screen and (min-width:768px){
.c2_photo_r .img img {
float:right;
}
}