@charset "UTF-8";
/* お知らせ
---------------------------------------------------------*/
body{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", " メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    line-height: 1.5;
}
#info ul{
    border-top:5px solid #DDDDDD;
}
#info ul li + li{
    border-top: 1px solid #898989;
}
#info ul li{
    background: url(../../common/images/arrow_blue.png) no-repeat;
    background-size: 5px auto;
}
#info ul li span{
    display:inline-block;
    font-size:12px;
    padding:0 7px;
    margin-right:7px;
}
.pink{
    color: #E5338C;
}
strong,
h2,h3{
    font-weight: normal;
}
#info ul li span.important{
    border:1px solid #00a0ea;
    color:#00a0ea;
}
#info ul li span.area{
    border:1px solid #898989;
    color: #898989;
}
.popup02 #header {
    border-bottom: 2px solid #009DE6;
    position: relative;
    overflow: hidden;
}
.popup02 {
    margin: 0;
    padding: 0;
}
.popup02 #header .header_title {
    width: 100%;
    background: #009EE7;
    padding: 5px 3%;
    line-height: 1;
    margin: 0;
}

.popup02 #header h1 {
    width: 94%;
    color: #009DE6;
    line-height: 1.4;
    font-size: 23px;
    font-weight: normal;
}
.popup02 h2{
     background:#F3F4F4 ;
     color:#595757;
     font-weight: normal;
     padding: 5px 3%;
}
.popup h1{
    width: 100%;
    color: #009DE6;
    line-height: 1.4;
    font-size: 23px;
    font-weight: normal;
    padding:0 3%;
    display: table;
}
.popup h1 span{
    display: table-cell;
    vertical-align: middle;
}
.popup02 #header .header_title img {
    width: 233px;
}
.popup02 .h1.title{
    height: auto;
}
.popup02 .taisetsu h3{
    color: #595757;
    font-weight: normal;
}
.popup02 #footer {
    border-top: 1px solid #878787;
    text-align: center;
    padding: 15px 3%;
}
.popup02 #footer small {
    display: block;
    padding-top: 10px;
    font-size: 8px;
    color: #868686;
}
.popup02 .container{
  width: 94%;
  margin-left:auto;
  margin-right: auto;
}
.popup02 .important_box {
  text-align: center;
  background: #EEF7FD;
  color: #009EE6;
  font-size: 20px;
  padding: 36px 3%;
  margin-top: 20px;
}
.popup02 .important_box .detail_data {
  display: inline-block;
  font-size: 16px;
}
.popup02 .important_box .detail_data .list {
  text-align: left;
}
.popup02 .main > .container {
  min-height: 50vh;
}
.f16{
    font-size: 16px;
    margin-bottom: 10px;
}
.attention a{
    color: #009DE6;
    text-decoration: underline;
    margin-right: 3px;
}
.attention a img{
    margin-left:3px;
}
.attention{
    border:5px solid #EEEEEE;
    padding: 10px 3%;
}
ul.arrow li + li{
    margin-top: 5px;
}
.blank img{
    margin:0 3px 7px;
}
p.arrow, 
ul.arrow li{
    padding-left: 15px;
    background: url(../../common/images/mark_arow.png) no-repeat left;
    background-size: 4px auto;
    background-position: 2px 4px;
}
h1.important{
    padding-top: 30px;
}
h1.important span{
    font-size: 13px;
    border:1px solid #009EE6;
    padding:3px 7px;
    width:auto;
    color:#009EE6;
    position: absolute;
    top: 60px;
}
.box_pink{
    border:5px solid #FAD6E8;
    color: #E5338C;
    padding: 10px 3%;
}
.kome li{
    position: relative;
    padding-left: 20px;
}
p.kome:before,
.kome > li:before {
    content: '※';
    position: absolute;
    top: 0;
    left: 0;   
}
p.kome,
.kome > li {
    font-size: 12px;
    position: relative;
    padding-left: 15px;
}
.blank{
     color: #009EE6;
     text-decoration: underline;
}
#info .blank{
    color: #000000;
    text-decoration: none;
}
#info .blank img{
    margin-left: 5px;
}
.mt0{
    margin-top: 0 !important;
}
.mb5{
    margin-bottom: 5px !important;
}
.mb10{
    margin-bottom: 10px !important;
}
.popup02 table.bycolor{
    width:100%;
    text-align: center;
}
.popup02 table.bycolor th,
.popup02 table.bycolor td{
    padding: 10px 5px;
    font-weight: normal;
}
.popup02 table.bycolor thead th:first-child{
    border-right:1px solid #fff;
}
.popup02 table.bycolor thead th{
    background: #595757;
    color:#fff;
    border-right:1px solid #595757;
}
.popup02 table.bycolor tbody tr:first-child th,
.popup02 table.bycolor tbody tr:first-child td{
    border-top:none!important;
}
.popup02 table.bycolor tbody tr:nth-child(2n){
    background: #F3F4F4;
}
.popup02 table.bycolor tbody th,
.popup02 table.bycolor tbody td{
    border:1px solid #898989;
    vertical-align: middle;
}
.popup02 .blue.box{
    padding:15px;
    background: #EEF7FD;
}
.popup02 .blue.box{
    background: none;
    
    background: #EEF7FD;
}
.popup02 .blue.box h2{
    border-bottom:5px solid #009DE6;
    background: none;
    color:#009DE6;
}
.popup02 .blue.box h3{
    color:#009DE6;
    margin-bottom: 5px;
}
.popup02 .blue.btn{
    margin-top: 15px;
    font-size: 15px;
    margin-bottom: 30px;
    text-align: center;
    display: block;
    color: #fff;
    line-height: 40px;
    background: #009DE6;
}
.popup02 .content h2{
    background: none;
    color:#009DE6;
    border-bottom: 5px solid #009DE6;
}
.popup02 .content ol{
    padding-left: 2em;
}
.popup02 .content li + li{
    margin-top: 3px;
}
.popup02 .content li{
    list-style: decimal;
    font-size: 16px;
}
.popup02 .content li .kome{
    font-size: 13px;
}
.popup02 .list > li {
  position: relative;
  padding-left: 1.3em;
}
.popup02 .list > li::before {
  position: absolute;
  top: 0;
  left: 0;
}
.popup02 .list.circle > li::before {
  content: "○";
}
.popup02 .list.smldot > li::before {
  content: "・";
}
.popup02 .mt10 {margin-top:10px;}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
@media only screen and (max-width: 960px) {
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/* スマホ向けのスタイル：960px */
@media only screen and (max-width: 768px) {
  #info ul{
       border-bottom:5px solid #DDDDDD;
       margin-bottom: 60px;
  }
  #info ul li{
      padding:14px 3% 14px 30px;
      background-position: 3% 16px;
  }
  .popup02 #header h1 {
      width: 94%;
      color: #009DE6;
      margin:10px auto 15px auto!important;
      line-height: 1.4;
      font-size: 23px;
      font-weight: normal;
  }
  .popup02 .container{
      margin-top: 15px;
  }
  .popup02 .important_box {
      padding: 24px 3%;
  }
  .popup02 .taisetsu h2{
      font-size: 18px;
      margin:-15px -3% 15px -3%;
      padding: 10px 3%;
  }
  .popup02 .taisetsu h3{
      font-size: 16px;
      margin-bottom: 12px;
  }
  .popup02 .taisetsu * + h3{
      margin-top: 35px;
  }
  h1.important{
      padding-top: 35px;
  }
  h1.important span{
      top: 45px;
  }
  * + .kome{
      margin-top: 5px;
  }
  .f16{
      font-size: 14px;
      margin-bottom: 10px;
  }
  .box_pink{
      margin-top: 16px;
  }
  .attention{
      margin-top: 15px;
      margin-bottom: 250px;
  }
  .popup02 table.bycolor tbody td{
      white-space: nowrap;
  }
  .popup02 table.bycolor tbody th span{
      display: inline-block;
  }
  .popup02 table.bycolor{
      margin-bottom: 50px;
      margin-top: 14px;
  }
  * +.popup02 .blue.box{
      margin-top: 15px;
      margin-bottom: 15px;
  }
  .popup02 .blue.box h3 .small{
      font-size: 13px;
  }
  * +.popup02 .blue.box h3{
      margin-top: 15px;
      font-size: 16px;
  }
  .popup02 .blue.box h2{
      font-size: 18px;
      text-align: center;
      margin:-15px -15px 15px -15px;
      padding:10px;
  }
  .popup02 .content h2{
      border-top:5px solid #DDDDDD;
      font-size: 18px;
      padding:15px 3%;
  }
  * + .popup02 .content h2{
      border-top:5px solid #DDDDDD;
      margin-top: 15px;
  }
  .popup02 .content h2 ~ h2{
      margin-top: 42px;
  }
  .popup02 .content ol{
      margin-bottom: 17px;
  }
  .popup02 .content img{
      display: block;
      margin:0 auto 0 auto;
  }
  .popup02 .content ol + img{
      width: 100%;
      max-width:400px;
  }
  .popup02 .content .blue.box{
      margin-top: 20px;
  }
  .popup02 .content .blue.box img{
      margin-top: 14px;
      width: 75%;
      max-width:300px;
      margin-bottom: 17px;
  }
  .sp_mb50{
      margin-bottom: 50px;
  }
  
  .cln_2 > .right {
    display: block;
    width: auto;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }
  .cln_2 > .left + .right {
    margin-top: 20px;
  }
  
}

/* タブレット＆PCのスタイル：768px */
@media only screen and (min-width: 769px) {
	.sp {display:none;}
  #info ul{
      border-bottom: 1px solid #898989;
  }
  #info ul li{
      padding:18px 0 18px 50px;
      background-position: 18px 23px;
  }
  #info ul li a:hover{
      text-decoration: underline;

  }
  /*popup02*/
  .popup02 #header h1 {
      font-size: 36px;
      margin:30px auto!important;

  }
  .popup02 .h1.title>*{
      padding-right: 200px;
  }
  .popup02 #header h1{
      margin:30px auto;
      color :#1992D2;
      margin-bottom: 10px;;
  }
  .popup02 .container{
      margin-top: 30px;
  }
  .popup02 .taisetsu h2{
      font-size: 24px;
      margin-bottom: 27px;
  }
  .popup02 .taisetsu h2{
      font-size: 24px;
      margin-bottom: 27px;
      padding:7px 10px;
  }
  .popup02 .taisetsu h3{
      font-size: 19px;
      margin-bottom: 15px;
  }
  * + .kome{
      margin-top: 20px;
  }
  .popup02 .taisetsu * + h3{
      margin-top: 30px;
  }
  .f16{
      font-size: 16px;
      margin-bottom: 14px;
  }
  .attention{
      margin-top: 30px;
      margin-bottom: 120px;
  }
  .box_pink{
      margin-top: 20px;
      padding: 14px 3%;
  }
  * + .popup02 table.bycolor {
      margin:24px 0 50px 0;
  }
  * +.popup02 .blue.box{
      margin-top: 30px;
      margin-bottom: 30px;
  }
  .popup02 .blue.box h3 .small{
      font-size: 13px;
  }
  .popup02 .blue.box h3 ~ h3{
      margin-top: 30px;
      font-size: 19px;
  }
  .popup02 .blue.box h3{
      font-size: 19px;
  }
  .popup02 .blue.box h2{
      font-size: 24px;
      padding:0 0 5px 0;
      margin-bottom: 17px;
  }
  .popup02 .btn.blue{
      margin:20px auto 40px auto;
      line-height: 51px;
      width:60%;
      -webkit-transition: .5s ease;
      -moz-transition: .5s ease;
      -ms-transition: .5s ease;
      -o-transition: .5s ease;
  }
  .popup02 .btn.blue:hover{
      opacity: .5;
  }
  * + .popup02 .content h2{
      margin-top: 45px;
  }
  .popup02 .content h2 + *{
      margin-top: 0;
  }
  .popup02 .content h2{
      padding:0;
      margin-left:3%;
      margin-right:3%;
      margin-bottom: 17px;
      font-size: 24px;
  }
  .popup02 .content .cf ol{
      float:left;
      width: 50%;
  }
  .popup02 .content li + li{
      margin-top: 5px;
  }
  .popup02 .content .cf ol + img{
      float:right;
      width: 47%;
  }
  .popup02 .content .box.blue.pc{
      background: #EEF7FD;
      padding:18px 3%;
  }
  .popup02 .content .cf.box.blue.pc .left {
      float:left;
      width: 60%;
  }
  .popup02 .content .cf.box.blue.pc .left + img{
      float:right;
      width: 34%;
      padding:0 3%;
  }
  .popup02 .content .cf.box.blue.pc .left + img + *{
      clear: both;
      padding-top: 10px;
  }
  .popup02 .content .box.blue.pc .kome {
      margin-top: 0;
  }
  
  .cln_2 {
    overflow: hidden;
  }
  .cln_2 > .left {
    float: left;
    width: 50%;
  }
  .cln_2 > .right {
    float: right;
    width: 47%;
  }
  
}