/* ##############################################################################

    COMMON

############################################################################## */
  body {
    font-family: 'YuGothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
    font-feature-settings: "palt";
    letter-spacing: .08em;
    *font-size: small;
    *font: x-small;
    color: #0D0D0D;
    -webkit-font-smoothing: antialiased;
  }
  ul,
  ol { list-style: none; }
  small { font-size: 86%; }
  a,
  a[href="javascript:void(0);"]:hover {
    color: #0D0D0D;
    text-decoration: none;
    transition: all .4s ease-out;
    outline : none;
  }
  a:focus {
    text-decoration: none !important;
  }
  img {
    vertical-align: middle;
  }
  address,
  em,
  i {
    font-style: normal;
  }
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
  }
  form * {
    font-family: 'YuGothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
  }

  @media screen and (max-width: 767px) {
    body {
      font-size: 14px;
      -webkit-text-size-adjust: none;
      word-break: break-word;
    }
    img {
      max-width: 100%;
      height: auto;
    }
  }

/* layout
**************************************** */

  /* --- float --- */
  .flt-rgt { float: right; }
  .flt-lft { float: left; }

  /* --- position --- */
  .pos_rel {
    position: relative;
  }
  .pos_ab {
    position: absolute;
  }

  /* --- margin --- */
  .mgn-btm8 { margin-bottom: 8px; }
  .mgn-btm16 { margin-bottom: 16px; }
  .mgn-btm24 { margin-bottom: 24px; }
  .mgn-btm32 { margin-bottom: 32px; }
  .mgn-btm40 { margin-bottom: 40px; }
  .mgn-btm48 { margin-bottom: 48px; }
  .mgn-btm56 { margin-bottom: 56px; }
  .mgn-btm64 { margin-bottom: 64px; }
  .mgn-btm72 { margin-bottom: 72px; }
  .mgn-btm80 { margin-bottom: 80px; }

  /* --- pc or sp --- */
  .pc-none,
  .pc-none-inline,
  .pc-none-table,
  .pc-none-flex { display: none; }
  .sp-none { display: block; }
  .sp-none-inline { display: inline; }
  .sp-none-table { display: table; }
  .sp-none-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  @media screen and (max-width: 767px) {
    .mgn-btm16 { margin-bottom: 8px; }
    .mgn-btm24 { margin-bottom: 16px; }
    .mgn-btm32 { margin-bottom: 16px; }
    .mgn-btm40 { margin-bottom: 24px; }
    .mgn-btm48 { margin-bottom: 24px; }
    .mgn-btm56 { margin-bottom: 32px; }
    .mgn-btm64 { margin-bottom: 32px; }
    .mgn-btm72 { margin-bottom: 40px; }
    .mgn-btm80 { margin-bottom: 40px; }
    .sp-none,
    .sp-none-inline,
    .sp-none-table,
    .sp-none-flex { display: none; }
    .pc-none { display: block; }
    .pc-none-inline { display: inline; }
    .pc-none-table { display: table; }
    .pc-none-flex {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
  }

/* flex
**************************************** */

  /* --- ブロック要素 --- */
  .flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  /* --- インライン要素 --- */
  .flex-inline {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  /* --- 逆向き --- */
  .flex-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  /* --- 縦並び --- */
  .flex-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  /* --- 水平方向揃え --- */
  .flex-j-start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .flex-j-end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .flex-j-ctr {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .flex-j-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .flex-j-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  /* --- 垂直方向揃え --- */
  .flex-a-start {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .flex-a-end {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .flex-a-ctr {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flex-a-baseline {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .flex-a-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  /* --- 子要素の折り返し設定 --- */
  .flex-c-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .flex-c-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  /* --- 子要素の複数行設定 --- */
  .flex-c-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  .flex-c-start {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .flex-c-start {
    -webkit-align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .flex-c-end {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  .flex-c-ctr {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .flex-c-baseline {
    -webkit-align-content: baseline;
    -ms-flex-line-pack: baseline;
    align-content: baseline;
  }
  .flex-c-stretch {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  
  @media screen and (max-width: 767px) {
    /* --- 縦並び - sp --- */
    .flex-sp-block {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }

/* txt
**************************************** */
  .txt-ctr,
  .txt-ctr-pc {
    text-align: center;
  }
  .txt-rgt,
  .txt-rgt-pc {
    text-align: right;
  }

  @media screen and (max-width: 767px) {
    .txt-ctr-pc,
    .txt-rgt-pc { text-align: left; }
  }
.haikeim{
	background: #eaeaea;background: #effaff;
}


.box-top-info-01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 768px) {
    .box-top-info-01 {
        display:block
    }
}

.box-top-info-01 .title-wrap {
    width: 430px
}

@media screen and (max-width: 768px) {
    .box-top-info-01 .title-wrap {
        width:100%
    }
}

.box-top-info-01 .info-wrap {
    width: calc(100% - 430px)
}

@media screen and (max-width: 1000px) {
    .box-top-info-01 .info-wrap {
        width:100%
    }
}

.box-info-01>article {
    position: relative;
    border-bottom: 1px solid #dfdfdf
}

.box-info-01>article a {
    width: 100%;
    padding: 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.box-info-01>article a .wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.05em;
    position: relative;
    z-index: 2
}

.box-info-01>article a .wrap time {
    font-family: "Bebas Neue",cursive;
    line-height: 1;
    padding-right: 15px;
    margin-right: 15px;
    position: relative
}

.box-info-01>article a .wrap time:after {
    content: "";
    width: 1px;
    height: 7px;
    background: #dfdfdf;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.box-info-01>article a .wrap .title {
    width: 100%;
    font-size: 1rem;
    position: relative;
    padding-right: 1em;
	    font-weight: 500;
}

.box-info-01>article a .wrap .title:after {
    content: "\f105";
    font-family: FontAwesome;
    color: #b5cde1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.box-info-01>article a:after {
    content: "";
    background: linear-gradient(135deg,rgb(74,199,139) 0%,rgb(51,173,173) 100%);
	background: #eaeaea;color: #333333;
    display: block;
    width: 100%;
    height: 0;
    max-height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.box-info-01>article a:hover {
    opacity: 1;
    color: #111111
}

.box-info-01>article a:hover:after {
    height: 100%;
    opacity: 1
}

.box-info-01>article a:hover .title:after {
    color: #111111
}
.unit-title-02 {
    color: #0c3374;
    font-weight: bold;font-family: '遘€闍ｱ譏取悃 M', 'Shuei Mincho M';
    letter-spacing: 0.1em;
    font-size: 3rem;
    line-height: 1.445;
}
.unit-title-02:after {
    content: attr(data-en);
    color: #b5cde1;
    display: block;
font-family: 'Cormorant Infant', serif;
    font-size: 2rem;
    font-weight: normal;
    letter-spacing: 0.05em;
}
.haikeig{
	    background: #f5f5f5;
}


.haikeinews {
    align-content: flex-end;
    align-items: flex-end;
    background: #ffffff;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    margin: -670px 30px 110px 30px;
    padding: 50px 50px 50px 50px;
    width: 1000px;
    max-width: calc(100% - 60px);
}

.haikeinews1  {
    align-content: flex-start;
    align-items: flex-start;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0px 0px 40px 0px;
    padding: 0px;
    width: 100%;
    max-width: 100%;
}
.news1{
    align-content: flex-start;
    align-items: flex-start;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    width: 20%;
    max-width: 20%;
}

.sd1 {
    background: #0c3374;
    flex: none;
    height: 1px;
    margin: 12px 12px 0px 0px;
    width: 20px;
    max-width: calc(100% - 12px);
}
.sd2{
    color: #0c3374;
    font-family: var(--s-font-90a991a4);
    font-size: 20px;
    font-weight: 600;
    height: auto;
    letter-spacing: 0.15em;
    line-height: 1.4;
    text-align: center;
    width: auto;
    max-width: 100%;
    justify-content: center;
}

.news2 {
    align-content: flex-start;
    align-items: flex-start;
    background: rgba(0,0,0,0.0);
    flex: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    margin: -10px 0px 0px;
    overflow-x: visible;
    overflow-y: visible;
    width: auto;
    max-width: 100%;
}
.newswaku {
    align-content: center;
    align-items: center;
    background: #FFFFFF;
    border: solid 0px #000;
    border-bottom: solid 1px #EEEEEE;
    flex: none;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    justify-content: flex-start;
    margin: 0px 0px 0px 0px;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0px;
    width: 100%;
    max-width: 100%;
}
.newsa {
    align-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px dashed rgb(113, 122, 136);
    border-left: 0px dashed rgb(113, 122, 136);
    border-right: 0px dashed rgb(113, 122, 136);
    border-top: 0px dashed rgb(113, 122, 136);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0px 0px 0px 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 15px 0px 15px 0px;
    width: 100%;
    max-width: 100%;
}
.time {
    color: #0c3374;
    flex: none;
    font-family: var(--s-font-90a991a4);
    font-size: 12px;
    font-weight: 400;
    height: auto;
    line-height: 1.4;
    margin: 0px 14px 0px 0px;
    text-align: left;
    width: 69px;
    max-width: calc(100% - 14px);
    justify-content: flex-start;
}
.osirase{
    background: #7392ad;
    border-radius: 30px;
    color: #FFFFFF;
    flex: none;
    font-family: var(--s-font-91a10655);
    font-size: 11px;
    font-weight: 400;
    height: auto;
    line-height: 1.4;
    margin: 0px 20px 0px 0px;
    padding: 3px 10px 3px 10px;
    text-align: center;
    width: 100px;
    max-width: calc(100% - 20px);
    justify-content: center;
}
.newswtext{
    color: #333;
    flex: 1;
    font-family: var(--s-font-91a10655);
    font-size: 15px;
    font-weight: 900;
    height: auto;
    letter-spacing: 0.1em;
    line-height: 1.6;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}
.newshaikei01 {
    background: url(.././img/top/image1.jpg) no-repeat center top / cover;
}
.sirowaku{
	background: #ffffff;
	padding:60px;
}
.footermozi{
	display: block;
	color: #ffffff;
    font-size: 12px;
    line-height: 22px;
	font-weight: 400;
}
.mb10{
	padding-bottom:10px;
}
.mb20{
	padding-bottom:20px;
}
.mb30{
	padding-bottom:30px;
}
.mb40{
	padding-bottom:40px;
}


@media screen and (max-width: 768px) {
    .box-info-01>article a .wrap .title {
        font-size:0.9rem
    }
.box-info-01>article a .wrap {
    width: 100%;
     display:block; /**/

  
     -webkit-box-align: left; /**/
    -ms-flex-align:left;
    align-items: left;
    /* letter-spacing: 0.05em; */
    /* position: relative; */
    z-index: 2;
}	
.unit-title-02 {
    color: #0c3374;
    font-weight: bold;
    font-family: '遘€闍ｱ譏取悃 M', 'Shuei Mincho M';
    letter-spacing: 0.1em;
    font-size: 2rem;
    line-height: 1.445;
}	
.unit-title-02:after {
    content: attr(data-en);
    color: #b5cde1;
    display: block;
    font-family: 'Cormorant Infant', serif;
    font-size: 1.5rem;
    font-weight: normal;
    letter-spacing: 0.05em;
}	
}

.gly-bk {
    background-color: #F3F3F3;
    width: auto;
    padding: 30px;
    border: #333 dotted 1px;
}

  .list022 {
	 
	 padding:0;
	 margin:0;
 }
 .list022 li {
	 list-style:none;
    padding: 3px 0px;
	 margin:0;
font-size:15px;
    line-height: 30px;
	font-weight:400;
 }
 
  .list022 li a{
	 color:#000000;
 }

.lead {
    text-align: center;
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 1.5;
}
p.lead {
    font-weight: 600;
}
.footfix_in_11 a {
    font-size: 40px;
    padding: 0 5px;
    color: #000;
    text-decoration: none;
    line-height: 1em;
}

.center {
    text-align: center;
}

.tbl-rspa {
    width: 100%;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.tbl-rspa td{
	border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
	padding-:10px;
}
.tbl-rspa th {
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    width: 30%;
    overflow: hidden;
    font-style: normal;
    font-weight: bold;
    font-size: 100%;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    background-color: #F4F4F4;
    padding: 15px 15px;
}



.tbl-rspa {
    width: 100%;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.tbl-rspa td{
	border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
	padding-:10px;
}
.tbl-rspa th {
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    width: 30%;
    overflow: hidden;
    font-style: normal;
    font-weight: bold;
    font-size: 100%;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    background-color: #F4F4F4;
    padding: 15px 15px;
}

.tbl-rspa1 {
    width: 100%;
    border-top: 1px solid #cccccc;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.tbl-rspa1 td{
	border-bottom: 1px solid #cccccc;
	padding-:10px;vertical-align: middle !important;
}
.tbl-rspa1 th {
border-bottom: 1px solid #cccccc;
    /* border-left: 1px solid #cccccc; */
    font-style: normal;
    font-weight: bold;
    font-size: 100%;
    /* text-align: center; */
    text-align: left;
    vertical-align: middle !important;
    /* background-color: #F4F4F4; */
    padding: 15px 15px;
}

.aka {
    color: #F00;
}
.btn-warning {
    color: #fff;
    background-color: #111111;
    border-color: #111111;
}
.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.table {
    width: 100%;
    margin-bottom: 20px;
}

.mt60 {
    margin-top: 30px!important;
}
.unit-btn-01 a, .unit-btn-01>span {
    display: inline-block;
    position: relative;
    padding: 5px;
    padding-right: 40px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer;
    letter-spacing: 0.1em;
}
.unit-btn-01 a:before, .unit-btn-01>span:before {
    content: "\f105";
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    font-family: FontAwesome;
    font-size: 1.5rem;
    background: #20af7e;background-color: #0c3374;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.unit-btn-01 a, .unit-btn-01>span {
    display: inline-block;
    position: relative;
    padding: 5px;
    padding-right: 40px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer;
    letter-spacing: 0.1em;
}

.pagination {
  margin: 24px 0;
  clear: both;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
.pagination .current {
  background-color: #eee;
}
.pagination a:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: #333;
}

.page-numbers {
  color: #333;
  text-decoration: none;
  display: inline-block;
  height: 46px;
  width: 46px;
  border: 1px solid #ddd;
  margin: 0 4px;
  line-height: 46px;
  text-align: center;
  border-radius: 4px;
}
.page-numbers span {
  line-height: inherit;
}

.page-numbers.dots {
  opacity: 0.6;
  background-color: #f5f6f7;
}

/************************************
** 「次のページ」ページネーション
************************************/
.pagination-next {
  margin-top: 24px;
}

.pagination-next-link, .comment-btn {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  color: #333;
  display: block;
  font-size: 1.2em;
  text-decoration: none;
  width: 100%;
  text-align: center;
  padding: 10px;
  display: block;
}
.pagination-next-link:hover, .comment-btn:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: #333;
}
a.btn_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000000;
    background: #222222;
    color: #ffffff;
    padding: 10px 25px;
    text-align: center;
    border-radius: 2px;
    transition: .2s;
}
a:hover.btn_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
 border: 1px solid #000000;
    background: #ffffff;
    color: #000000;
    padding: 10px 25px;
    text-align: center;
    border-radius: 2px;
    transition: .2s;
	opacity: 0.8;
}

.catch {
    font-weight: 600;
    margin-bottom: 13px;
	    font-size: 2rem;
    line-height: 1.8;
    letter-spacing: 0.05em;
}
.catch2 span {
 display: inline-block;
    padding: 1px 10px;
    padding-top: 4px;
    margin-bottom: 7px;
    color: #ffffff;
    background-color: #0c3374;
    font-size: 18px;
    background-color: #f23e41;
    font-weight: 600;
  
}


	/*------------------------------------------------------------
		グローバルナビゲーション（SP用）
	*/
@media screen and (min-width: 1081px) {
	.nav-static-sp {
	display: none;
	}
}

@media screen and (max-width: 1080px) {
.nav-static-sp {
		display: block;
		position: relative;
		z-index: 9080;
	}
.nav-static-sp ul {
		display: table;
		width: 100%;
	}
.nav-static-sp ul li {
		display: table-cell;
		vertical-align: top;
		width: 50%;
		text-align: center;
		font-size: 14px;
		line-height: 1.2;
	}
.nav-static-sp ul li a {
		display: block;
		padding: 10px 0 0 0;
		height: 36px;
		font-weight: 400;
		color: #fff;
	}
.nav-static-sp ul li a:hover {
		display: block;
		padding: 10px 0 0 0;
		height: 36px;
		font-weight: 400;
		color: #fff;
	opacity: 0.7;
	}	
	
.nav-static-sp ul li a.btn-entry {
		background-color: #f23e41;
	}
	
.nav-static-sp ul li a.fill-primary1 {
background-color: #0c3374;
}

.nav-static-sp ul li a br {
		display: none;
	}
	/**/
.gnav-sp {
		overflow: hidden;
		position: absolute;
		z-index: 9090;
		top: 0; left: 0;
		width: 100%; height: 0;
		background-color: rgba(0,0,0,0.5);
	}
.gnav-sp .outer {
		padding-top: 50px;
		height: 100%;
	}
.gnav-sp .scroll {
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		height: 100%;
	}
.gnav-sp .group {
		display: none;
	}
.gnav-sp .nav-content {
		background-color: rgba(0,0,0,0.7);
	}
	/**/
.nav-group-sp {
		display: block;
		overflow: hidden;
		position: absolute;
		z-index: 9070;
		top: 0; left: 0;
		width: 100%; height: 0;
		background-color: rgba(0,0,0,0.5);
		font-size: 17px;
		line-height: 1.3;
	}
.nav-group-sp .outer {
		padding-top: 80px;
		height: 100%;
	}
.nav-group-sp .scroll {
		border-top: 2px solid #333;
		height: 100%;
	}
.nav-group-sp .inner {
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		height: 100%;
	}
.nav-group-sp .list {
		background-color: #fff;
	}
.nav-group-sp .list a {
		display: block;
		padding: 17px 0 17px 0;
	}
.nav-group-sp .list a img {
		width: 260px;
	}
.nav-group-sp .list ul {
		padding: 0 0 0 20px;
	}
.nav-group-sp .list ul li {
		border-top: 1px solid #dee0e7;
	}
.nav-group-sp .list p {
		border-top: 1px solid #dee0e7;
	}
.nav-group-sp .list p a {
		padding: 20px 0 20px 20px;
	}
.nav-group-sp .list .close {
		display: block;
		padding: 10px 0 9px 0;
		background-color: #f2f3f7;
		text-align: center;
		font-weight: 500;
		font-size: 14px;
		line-height: 1.4;
		color: #a8acbc;
	}
}

.form{
	width: 100%;
}
.form-control{
	width: 100%;	
}
.clear{
	clear: both;
}
.kozin dt{
	font-weight: 600;
}
.kozin dd{
	padding-left: 26px;
}
.ao11{
	   color: #2196F3;
	border-bottom: 1px solid #2196F3;
}

.form_submit {
    margin: 10px 10px 0;
    padding: 30px 0px;
    text-align: center;
}
.form_submit a{
	    text-decoration: underline;
}
.fffwaku{
	line-height: 1.8;
    padding: 0 20px;
    height: 300px;
    overflow-y: scroll;
}
.kozinmidasi{
    display: inline-block;
    padding: 10px 0px;
    border-bottom: #235286 solid 3px !important;
    margin: auto;
    margin-bottom: 40px;
    color: #333;
    font-size: 1.6rem;
    font-weight: 500;
}


.pp_box {
    padding: 40px;
    border: 1px solid #CCC;
    margin-top: 30px;
}