@charset "utf-8";
body {
    font: normal 22px/1.7 "ＭＳ Ｐゴシック","遊ゴシック",sans-serif;/* ゴシック体 */
    text-align: left;
    background-color: #f2f2f2;
     color:#000;
     height:100%;
     width: 100%;
     margin: 0 auto;
  /* #wrapper-all / div end */

}

#twex{
  display: none;
}

body .pc-item {
        display: block !important;
    }
    body .sp-item{
        display: none !important;
    }

h1, h2, h3, h4, p, li, th, td, dt, dd {
    color: #000;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 24px;
    line-height: 1.7;
    margin: 0;
    padding: 0;
}


li{
 list-style: none;
}


@media screen and (max-width: 640px) {
    body {
        background: #fff;
        font-size: 17px;
        line-height: 1.7;
        margin: 0 auto;
        width: 100%;
        height:100%;
        min-width: inherit;
    }
    body .sp-item {
        display: block !important;
    }
    body .pc-item{
        display: none !important;
    }
}


@media screen and (max-width: 640px) {

    img {
      width: 100%;
     height: auto;
 }

    p { font-size: 17px;
    line-height: 1.7;
}

    h1, h2, h3, h4, p, li, th, td, dt, dd {
    color: #000;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 17px;
    line-height: 1.7;
    margin: 0;
    padding: 0;
}

}

#wrapper{
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
     margin: 0 auto;
     max-width: 1024px;
}

@media screen and (max-width: 640px) {
    #wrapper{
     width: 100%;
     position: relative;
     height:auto !important;
     height: 100%;
     min-height: 100%;
     margin: 0 auto;
     margin-top: 0px;
}
}

a:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
   filter:alpha(opacity=80);
  cursor: pointer;
}

a:visited {
  color: #000;
  text-decoration: none;
}


section{
  width: 100%;
}

/*============================
#prehead
============================*/
section#prehead {
  background: #fff;
}
section#prehead div{
  width: 98%;
  margin: 0 auto;
}
section#prehead div img {
  margin-bottom: -20px;
}

@media screen and (max-width: 640px) {
section#prehead div img {
  margin-bottom: -5px;
}
}
/*============================
#header
============================*/
section#header {
  background: #fff;
}

/*============================
#header_bg
============================*/
section#header div#header_bg {
  background: url('../images/header_bg.png') no-repeat bottom;
}

/*============================
#bonus
============================*/
section#header div#bonus {
  margin: 0 auto;
  margin-top: -10px;
  width: 90%;
}

section#header div#bonus img{
  width: 100%;
}

@media screen and (max-width: 640px) {
    section#header div#bonus {
  margin-top: 0px;
}
}
/*============================
#header_form
============================*/
section#header div#header_form {
  background: url('../images/header_form_bg.png') repeat-y;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (max-width: 640px) {
  section#header div#header_form {
  background: url('../images/header_form_bg.png') repeat-y;
  background-position: -5pt -50pt;
  padding-top: 15px;
  padding-bottom: 10px;
}
  }

@media screen and (max-width: 640px) {
section#header div#header_form div:first-child {
  width: 90%;
  margin: 0 auto;
}
}
section#header div#header_form div p {
  text-align: center;
}
section#header div#header_form div p img {
}
section#header div#header_form p {
}
section#header div#header_form p img {
}

/*============================
#pre_sogyo_form
============================*/
section#header div#header_form div#pre_sogyo_form{
  background: #fff;
  opacity: 0.96;
  padding: 30px 0 0 0;
  margin: 0 auto;
  width: 96%;
}

@media screen and (max-width: 640px) {
  section#header div#header_form div#pre_sogyo_form{
  padding: 15px 2% 0 2%;
  width: 92%;
}
}

/*============================
#sogyo_form
============================*/
section#header div#header_form div#sogyo_form {
  background: #fff;
  display: flex;
  justify-content: center;
  opacity: 0.96;
  padding: 20px 0 0 0;
  margin: 0 auto;
  width: 96%;
}

@media screen and (max-width: 640px) {
  section#header div#header_form div#sogyo_form {
  flex-flow: column;
  opacity: 0.96;
  padding: 10px 0 0 0;
  margin: 0 auto;
  width: 96%;
}
}

section#header div#header_form div#sogyo_form ul.sogyo_l {
  background: #e9f3f9;
  width: 46%;
  opacity: 1.0;
  padding: 20px 2%;
}

@media screen and (max-width: 640px) {
  section#header div#header_form div#sogyo_form ul.sogyo_l {
  background: #e9f3f9;
  width: 90%;
  opacity: 1.0;
  padding: 10px 5%;
}
}

section#header div#header_form div#sogyo_form ul.sogyo_l li {
   margin-top: 20px;
}

@media screen and (max-width: 640px) {
  section#header div#header_form div#sogyo_form ul.sogyo_l li {
     margin-top: 10px;
  }
}

section#header div#header_form div#sogyo_form ul.sogyo_l li:nth-child(2){
  margin-top: -10px;
}

section#header div#header_form div#sogyo_form ul.sogyo_l li p img{
  margin-top: 10px;
}

@media screen and (max-width: 640px) {
  section#header div#header_form div#sogyo_form ul.sogyo_l li p img{
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
section#header div#header_form div#sogyo_form ul.sogyo_l li:nth-child(6) p{
  font-size: 90%;
}



section#header div#header_form div#sogyo_form ul.sogyo_r {
  background: #fffdec;
  width: 46%;
  opacity: 1.0;
  padding: 20px 2%;
}

@media screen and (max-width: 640px) {
  section#header div#header_form div#sogyo_form ul.sogyo_r {
  width: 90%;
  opacity: 1.0;
  padding: 10px 5%;
}
  }
section#header div#header_form div#sogyo_form ul.sogyo_r li{
  margin-top: 29px;
}

@media screen and (max-width: 640px) {
section#header div#header_form div#sogyo_form ul.sogyo_r li{
  margin-top: 10px;
  }
}


section#header div#header_form div#sogyo_form ul.sogyo_r li:first-child {
  margin-top: 29px;
}
@media screen and (max-width: 640px) {
section#header div#header_form div#sogyo_form ul.sogyo_r li:first-child {
  margin-top: 10px;
}
  }
section#header div#header_form div#sogyo_form ul.sogyo_r li:nth-child(2){
  margin-top: -10px;
}
@media screen and (max-width: 640px) {
section#header div#header_form div#sogyo_form ul.sogyo_r li:nth-child(2){
  margin-top: -20px;
}
  }

section#header div#header_form div#sogyo_form ul.sogyo_r li p {
  margin-top: 14px;
}
@media screen and (max-width: 640px) {
  section#header div#header_form div#sogyo_form ul.sogyo_r li p img{
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

section#header div#header_form div.btn {
  background: #fff;
  justify-content: center;
  margin: 0 auto;
  padding: 25px 0;
  width: 96%;
}

@media screen and (max-width: 640px) {
  .sogyo_l_title{
    width: 70%;
    margin: 0 auto;
}

 .sogyo_r_title{
    width: 70%;
    margin: 0 auto;
}

  .sogyo_form_kaisai{
    width: 36%;
    margin: 0 auto;
  }

  .sogyo_form_taishou{
    width: 20%;
    margin: 0 auto;
  }

  .sogyo_form_teiin{
    width: 20%;
    margin: 0 auto;
  }

  .sogyo_form_kaijou{
    width: 20%;
    margin: 0 auto;
  }

  .sogyo_form_naiyou{
    width: 20%;
    margin: 0 auto;
  }

  .sogyo_form_jukouryou{
    width: 28%;
    margin: 0 auto;
  }
  }

.btn img:hover{
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
  filter:alpha(opacity=80);
  cursor: pointer;
}

@media screen and (max-width: 640px) {

  .btn_sp-item img:hover{
    color: #fff;
    text-decoration: none;
    opacity: 0.7;
    filter:alpha(opacity=80);
    cursor: pointer;
  }
}
/*============================
#section01
============================*/
section#section01 {
  background: url('../images/section01_bg.png') no-repeat;
  background-position: 0 68pt;
  padding-bottom: 38px;
}
@media screen and (max-width: 640px) {
  section#section01 {
  background: none;
  padding: 0;
}
  }

.obi01{
  background: #0184b8;
  padding: 10px 0;
  text-align: center;
}
@media screen and (max-width: 640px) {
.obi01{
  background: #0184b8;
  padding: 5px 10px;
  text-align: center;
}
}


section#section01 div:nth-child(2) {
  width: 90%;
  margin: 0 auto;
  margin-top: 30px;
}
@media screen and (max-width: 640px) {
  section#section01 div:nth-child(2) {
  width: 100%;
  margin: 0 auto;
  margin-top: 0px;
}
}

/*============================
#section02
============================*/
section#section02 {
  background: #fff;
  margin-top: -20px;
}
section#section02 div.obi01 {
  padding-bottom: 0px;
}
section#section02 div.obi01 img {
}
section#section02 div {
  text-align: center;
  margin-top: 20px;
}

@media screen and (max-width: 640px) {
section#section02 div:nth-child(2){
  text-align: center;
  margin-top: 5px;
  padding: 0 10px;
}
}

/*============================
#section03
============================*/
section#section03 {
  background: url('../images/section03_bg.png') repeat;
  padding-bottom: 50px;
}

@media screen and (max-width: 640px) {
  section#section03 {
  background: url('../images/section03_bg.png') repeat;
  padding-bottom: 20px;
}
}

.outer_box{
  background: #fff;
  padding: 50px 0;
  margin: 0 auto;
  margin-top: 50px;
  width: 868px;
}

@media screen and (max-width: 640px) {
  .outer_box{
    background: #fff;
    padding: 20px 0;
    margin: 0 auto;
    margin-top: 15px;
    width: 92%;
  }
}

section#section03 ul.outer_box li{
  margin: 0 auto;
  width: 768px;
}

@media screen and (max-width: 640px) {
  section#section03 ul.outer_box li{
  margin: 0 auto;
  width: 88%;
}
}

section#section03 ul.outer_box li:nth-child(2) {
   margin-top: 20px;
}
@media screen and (max-width: 640px) {
  section#section03 ul.outer_box li:nth-child(2) {
   margin-top: 15px;
}
}
section#section03 ul.outer_box li p {
  margin-top: 1em;
}

/*============================
#section04
============================*/
.outer_box{
  box-shadow: 0 0 3px #afaaaa;
}

section#section04 {
  background: #ffffef;
  padding-bottom: 50px;
}

@media screen and (max-width: 640px) {
  section#section04 {
  background: #ffffef;
  padding-bottom: 20px;
}
}

section#section04 div.pre_obi02 {
  background: rgb(204,161,92);
  background: -moz-linear-gradient(-45deg, rgba(204,161,92,1) 0%, rgba(121,98,57,1) 16%, rgba(244,211,101,1) 34%, rgba(227,193,128,1) 50%, rgba(244,211,101,1) 64%, rgba(163,132,82,1) 74%, rgba(163,132,82,1) 74%, rgba(245,215,127,1) 87%, rgba(176,117,21,1) 99%);
  background: -webkit-linear-gradient(-45deg, rgba(204,161,92,1) 0%,rgba(121,98,57,1) 16%,rgba(244,211,101,1) 34%,rgba(227,193,128,1) 50%,rgba(244,211,101,1) 64%,rgba(163,132,82,1) 74%,rgba(163,132,82,1) 74%,rgba(245,215,127,1) 87%,rgba(176,117,21,1) 99%);
  background: linear-gradient(135deg, rgba(204,161,92,1) 0%,rgba(121,98,57,1) 16%,rgba(244,211,101,1) 34%,rgba(227,193,128,1) 50%,rgba(244,211,101,1) 64%,rgba(163,132,82,1) 74%,rgba(163,132,82,1) 74%,rgba(245,215,127,1) 87%,rgba(176,117,21,1) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cca15c', endColorstr='#b07515',GradientType=1 );
  height: 6px;
  margin-bottom: 2px;
}
section#section04 div.obi02 {
  background: rgb(176,117,21);
  background: -moz-linear-gradient(-45deg, rgba(176,117,21,1) 0%, rgba(245,215,127,1) 16%, rgba(244,211,101,1) 34%, rgba(244,211,101,1) 34%, rgba(176,117,21,1) 50%, rgba(244,211,101,1) 67%, rgba(245,215,127,1) 87%, rgba(176,117,21,1) 99%);
  background: -webkit-linear-gradient(-45deg, rgba(176,117,21,1) 0%,rgba(245,215,127,1) 16%,rgba(244,211,101,1) 34%,rgba(244,211,101,1) 34%,rgba(176,117,21,1) 50%,rgba(244,211,101,1) 67%,rgba(245,215,127,1) 87%,rgba(176,117,21,1) 99%);
  background: linear-gradient(135deg, rgba(176,117,21,1) 0%,rgba(245,215,127,1) 16%,rgba(244,211,101,1) 34%,rgba(244,211,101,1) 34%,rgba(176,117,21,1) 50%,rgba(244,211,101,1) 67%,rgba(245,215,127,1) 87%,rgba(176,117,21,1) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b07515', endColorstr='#b07515',GradientType=1 );
  padding: 10px;
  text-align: center;
}

section#section04 div.outer_box {
  background: #fff;
  padding: 50px 0;
  margin: 0 auto;
  margin-top: 50px;
  width: 868px;
}

@media screen and (max-width: 640px) {
  section#section04 div.outer_box {
    background: #fff;
    padding: 20px 0;
    margin: 0 auto;
    margin-top: 20px;
    width: 92%;
  }
  }
section#section04 div.outer_box ul.inner_box {
  margin: 0 auto;
  width: 768px;
}

@media screen and (max-width: 640px) {
  section#section04 div.outer_box ul.inner_box {
  margin: 0 auto;
  width: 88%;
}
}

section#section04 div.outer_box ul.inner_box li {
  padding-bottom: 10px;
  border-bottom: 1px dotted #000;
  margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
  section#section04 div.outer_box ul.inner_box li {
    padding-bottom: 10px;
    border-bottom: 1px dotted #000;
    margin-bottom: 15px;
  }
}

section#section04 div.outer_box ul.inner_box li:first-child{
  padding-bottom: 0px;
  border-bottom: none;
  margin-bottom: 50px;
}

@media screen and (max-width: 640px) {
  section#section04 div.outer_box ul.inner_box li:first-child{
  padding-bottom: 0px;
  border-bottom: none;
  margin-bottom: 25px;
}
}

section#section04 div.outer_box ul.inner_box li:last-child{
  padding-bottom: 0px;
  border-bottom: none;
  margin-bottom: none;
}

@media screen and (max-width: 640px) {
  section#section04 div.outer_box ul.inner_box li:last-child p{
 font-size: 88%;
  }
  }

@media screen and (max-width: 640px) {
  section#section04 div.outer_box ul.inner_box li:nth-child(2) img{
    width: 84%;
}
  section#section04 div.outer_box ul.inner_box li:nth-child(5) img{
    width: 82%;
}
  section#section04 div.outer_box ul.inner_box li:nth-child(6) img{
    width: 88%;
}
}
/*============================
#section05
============================*/
section#section05 {
  padding-bottom: 40px;
}
@media screen and (max-width: 640px) {
  section#section05 {
  padding-bottom: 20px;
}
}
section#section05 div.obi01 {
  padding-bottom: 0;
}

section#section05 div.outer_box ul.inner_box {
  margin: 0 auto;
  width: 768px;
}
@media screen and (max-width: 640px) {
  section#section05 div.outer_box ul.inner_box {
  margin: 0 auto;
  width: 88%;
}
  }

section#section05 div.outer_box ul.inner_box > li {
  text-align: center;
  margin: 0 auto;
  margin: 50px 0;
}
@media screen and (max-width: 640px) {
  section#section05 div.outer_box ul.inner_box > li {
    text-align: center;
    margin: 0 auto;
    margin: 20px 0;
  }
}

section#section05 div.outer_box ul.inner_box > li:first-child{
  margin-top: 0;
}
section#section05 div.outer_box ul.inner_box li h3 {
  margin-bottom: 20px;
  padding-bottom: 2px;
  border-bottom: 2px solid #333333;
}
@media screen and (max-width: 640px) {
section#section05 div.outer_box ul.inner_box li h3 {
  margin-bottom: 10px;
  padding-bottom: 0px;
  border-bottom: 1px solid #333333;
}
  }

section#section05 div.outer_box ul.inner_box li h3 img {
  margin-bottom: 10px;
}

section#section05 div.outer_box ul.inner_box li.flex {
  justify-content: space-around;
}
@media screen and (max-width: 640px) {
  section#section05 div.outer_box ul.inner_box li.flex {
  flex-flow: column;
  flex-direction: column-reverse;
}
  }
section#section05 div.outer_box ul.inner_box li.flex div.flex_align{
  width: 350px;
  align-items: flex-start;
}
@media screen and (max-width: 640px) {
section#section05 div.outer_box ul.inner_box li.flex div.flex_align{
  width: 100%;
  margin: 20px 0;
}
}

section#section05 div.outer_box ul.inner_box li.flex div.flex_align div.open_date{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #333333;
}

.flex_table{
  width: 100%;
  background: #fffffc;
}

.theme{
  background: #fbb03b;
  border-radius: 8px;
  padding: 6px 0;
  width: 30%;
}
@media screen and (max-width: 640px) {
.theme{
  background: #fbb03b;
  border-radius: 8px;
  padding: 5px 10px;
  width: 30%;
  height: 30px;
}

.theme img{
  width: 90%;
}
}
.contents{
  background: #f15a24;
  border-radius: 8px;
  margin-left: 1%;
  padding: 6px 0;
  width: 69%;
}
@media screen and (max-width: 640px) {
  .contents{
  background: #f15a24;
  border-radius: 8px;
  margin-left: 2%;
  padding: 5px 10px;
  width: 68%;
  height: 30px;
}

  .contents > p > img{
  width: 28%;
}
}

.flex_table_contents{
  border-bottom: 1px solid #b3b3b3;
  display: flex;
  padding: 15px 0;
}

@media screen and (max-width: 640px) {
  .flex_table_contents{
    padding: 5px;
  }
}
.theme_txt{
  display: flex;
    justify-content: center;
    align-items: center;
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
  width: 30%;
}

.contents_txt{
  width: 67%;
}

.contents_txt ul{
  padding: 10px;
}

.contents_txt p{
  font-size: 90%;
  margin-left: 10px;
  text-align: left;
}

.flex_table_koushi{
  display: flex;
    justify-content: space-between;
  margin-top: 25px;
}
@media screen and (max-width: 640px) {
.flex_table_koushi{
  display: flex;
    flex-flow: column;
  margin-top: 25px;
}
}

.koushi01{
  width: auto;
}

.koushi02{
  width: 70%;
}
@media screen and (max-width: 640px) {
  .koushi02{
  width: 100%;
}
}


.koushi03{
  width: 60%;
}
@media screen and (max-width: 640px) {
  .koushi03{
  width: 100%;
}
.koushi03 img{
  width: 30%;
}
}


@media screen and (max-width: 640px) {
  .koushi_name li{
    margin: 0 auto;
  }
  .koushi_name li p{
    text-align: center;
  }
}

.koushi_name li:first-child{
  margin-bottom: 10px;
  text-align: left;
}

@media screen and (max-width: 640px) {
  .koushi_name li:first-child{
  margin-bottom: 10px;
  text-align: center;
}
}

@media screen and (max-width: 640px) {
  .koushi_name li:first-child{
  width: 30%;
  margin-bottom: 10px;
}
}
.koushi_name p{
  font-size: 80%;
  font-weight: bold;
  text-align: left;
}

.flex_table_img00{
  display: flex;
    justify-content: space-between;
  margin-top: 10px;
  width: 60%;
}

.flex_table_img01{
  display: flex;
  margin-top: 10px;
  width: 40%;
}

.flex_table_img01 img{
  width: auto;
}

@media screen and (max-width: 640px) {

.flex_table_img00{
  display: flex;
    justify-content: center;
  margin-top: 10px;
  width: 100%;
}

.flex_table_img00 img{
  width: 30%;
  height: 30%;
}

.flex_table_img01{
  display: flex;
    justify-content: center;
  margin-top: 10px;
  width: 100%;
}
  .flex_table_img01 img{
  width: 30%;
  height: 30%;
}
.flex_table_img01 img:first-child{
  margin-top: 4px;
  margin-right: 10px;
}
}

.flex_table_img02{
  display: flex;
  width: 40%;
}
@media screen and (max-width: 640px) {
.flex_table_img02{
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
}

.flex_table_img02 img{
  width: 50%;
  height: 50%;
}

.flex_table_img02 img:nth-child(2){
  margin-left: 10px;
}
}

.flex_table_img03{
  display: flex;
  margin-right: auto;
  margin-left: 40px;
}

@media screen and (max-width: 640px) {

  .flex_table_img03{
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
  align-items: center;
  justify-content: center;
}

  .flex_table_img03 img{
    width: 30%;
    height: 30%;
}
}

.flex_table_img04{
  display: flex;
  width: 30%;
}

.flex_table_img03 img:first-child{
  margin-right: 20px;
}

section#section05 div.outer_box ul.inner_box.sogyo_form li:first-child{
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  section#section05 div.outer_box ul.inner_box.sogyo_form li:first-child img{
    width: 40%;
  }

  section#section05 div.outer_box ul.inner_box.sogyo_form li:first-child{
  margin-bottom: 20px;
}
}

section#section05 div.outer_box ul.inner_box.sogyo_form li{
  margin: 20px 0;
}

section#section05 div.outer_box ul.inner_box.sogyo_form li:last-child{
  margin: 40px 0 0 0;
}

@media screen and (max-width: 640px) {

  section#section05 div.outer_box ul.inner_box.sogyo_form li{
  margin: 10px 0;
}

  section#section05 div.outer_box ul.inner_box.sogyo_form li:last-child{
  margin: 20px 0 0 0;
}
}

.koumoku{
  display: flex;
    justify-content: center;
    align-items: flex-start;
  width: 20%;
}

.koumoku img{
  margin-top: 5px;
}

.shousai{
  width: 78%;
  text-align: left;
}

@media screen and (max-width: 640px) {
  section#section05 div.outer_box ul.inner_box.sogyo_form li.flex{
    flex-flow: column;
    flex-direction: column;
  }

  .koumoku{
  display: flex;
    justify-content: center;
    align-items: center;
  width: 100%;
  }

  .koumoku img{
    width: 20%;
    margin-bottom: 5px;
  }

  .shousai{
  width: 100%;
  text-align: center;
}

}

/*============================
#section06
============================*/
section#section06{
  background: #fff;
}

section#section06 img{
  width: 100%;
}

/*============================
#section07
============================*/
section#section07 {
  background: url("../images/section07_bg.png") repeat;
  padding-bottom: 40px;
}

section#section07 ul.section07_obi {
  margin: 0 auto;
}
section#section07 ul.section07_obi li {
  padding-top: 40px;
  text-align: center;
}
section#section07 div.outer_box {
  background: #fff;
  margin-top: 20px;
  width: 868px;
}
section#section07 div.outer_box ul.inner_box li {
  width: 768px;
  margin: 0 auto;
}

section#section07 .koushi_name li:first-child{
  padding-bottom: 10px;
}

section#section07 div.outer_box ul.inner_box li:first-child p{
  margin-top: 10px;
}

section#section07 div.outer_box ul.inner_box li h3 {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #333333;
}

@media screen and (max-width: 640px) {
  section#section07 {
  background: url("../images/section07_bg.png") repeat;
  padding-bottom: 20px;
}

  section#section07 ul.section07_obi li {
  padding-top: 20px;
  text-align: center;
}

  section#section07 ul.section07_obi li img {
    width: 90%;
}

  section#section07 div.outer_box {
  background: #fff;
  margin-top: 10px;
  width: 92%;
}

section#section07 div.outer_box ul.inner_box li {
  width: 88%;
  margin: 0 auto;
}
}

section#section07 div.outer_box ul.inner_box li.section07_txt p {
  margin-top: 1em;
}

section#section07 div.outer_box ul.inner_box div.flex_table {
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  section#section07 div.outer_box ul.inner_box div.flex_table {
  margin-top: 20px;
}
}

section#section07 ul.outer_box li div.flex_table div.flex {
}

section#section07 div.outer_box ul.inner_box div.flex_table div.flex div.theme {
  background: #29abe2;
  display: flex;
    justify-content: center;
    align-items: center;
}


section#section07 div.outer_box ul.inner_box div.flex_table div.flex div.contents {
  background: #0071bc;
  display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 640px) {
  section#section07 div.outer_box ul.inner_box div.flex_table div.flex div.contents img{
    width: 28%;
  }

section#section07 div.outer_box ul.inner_box.sogyo_form{
  margin-top: 40px;
}

section#section07 div.outer_box ul.inner_box.sogyo_form li:last-child div{
  margin: 40px 0 0 0;
}


.flex_table_img02 > img{
  margin-left: 15px;
}
}
@media screen and (max-width: 640px) {

.flex_table_img02{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-right: auto;
}

  .flex_table_img02 > img{
  margin-left: 0px;
  width: 30%;

}
  }


section#section07 div.outer_box ul.inner_box.sogyo_form li{
  margin: 20px auto 0;
}

@media screen and (max-width: 640px) {
  section#section07 div.outer_box ul.inner_box.sogyo_form li h3 img{
  width: 40%;
}
}

@media screen and (max-width: 640px) {
  section#section07 div.outer_box ul.inner_box.sogyo_form li.flex{
    flex-flow: column;
    flex-direction: column;
  }

  .koumoku{
  display: flex;
    justify-content: center;
    align-items: center;
  width: 100%;
  }

  .koumoku img{
    width: 20%;
    margin-bottom: 5px;
  }

  .shousai{
  width: 100%;
  text-align: center;
}

}


/*============================
#section08
============================*/

section#section08 {
  background: #fff url("../images/section08_bg.png") repeat;
}

@media screen and (max-width: 640px) {
 section#section08 div.obi01 img{
  width: 36%;
  padding-bottom: 2px;
}
}

section#section08 div.obi01 {
  padding-bottom: 0;
}

section#section08 ul.outer_box {
  box-shadow: none;
  background: none;
  padding: 30px 0;
}

@media screen and (max-width: 640px) {
  section#section08 ul.outer_box {
  box-shadow: none;
  background: none;
  padding: 10px 0;
}
}

section#section08 ul.outer_box li.inner_box {
  display: flex;
  justify-content: space-around;
  margin: 60px 0;
}

@media screen and (max-width: 640px) {
  section#section08 ul.outer_box li.inner_box {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 30px 0;
}
}

section#section08 ul.outer_box li.inner_box:first-child{
  margin-top: 0;
}

section#section08 ul.outer_box li.inner_box div:nth-child(1) {
  width: 30%;
}
@media screen and (max-width: 640px) {
  section#section08 ul.outer_box li.inner_box div:nth-child(1) {
  width: 50%;
  margin-bottom: 20px;
}
}

section#section08 ul.outer_box li.inner_box div:nth-child(2) {
  width: 70%;
}

section#section08 ul.outer_box li div p span.date {
  padding-bottom: 2px;
  border-bottom: 1px solid #f7931e;
  color: #f7931e;
  font-weight: bold;
}

@media screen and (max-width: 640px) {
  section#section08 ul.outer_box li div p {
  text-align: center;
}
  section#section08 ul.outer_box li div p.explanation{
    text-align: left;
  }
}

section#section08 ul.outer_box li div p.name{
  font-size: 160%;
  font-weight: bold;
  margin: 10px 0;
}
@media screen and (max-width: 640px) {
  section#section08 ul.outer_box li div p.name{
  text-align: center;
}
}

section#section08 ul.outer_box li div p.job {
  margin-bottom: 20px;
}
section#section08 ul.outer_box li div p.explanation{
  font-size: 90%;
}

/*============================
#section09
============================*/
section#section09 {
  padding-bottom: 40px;
}
@media screen and (max-width: 640px) {
  section#section09 {
  padding-bottom: 20px;
}
}
section#section09 div.obi01 {
  padding-bottom: 20px;
}
@media screen and (max-width: 640px) {
  section#section09 div.obi01 {
  padding-top: 10px;
  padding-bottom: 16px;
}
}

section#section09 div.outer_box ul.inner_box {
  margin: 0 auto;
  width: 768px;
}
@media screen and (max-width: 640px) {
section#section09 div.outer_box ul.inner_box {
  margin: 0 auto;
  width: 92%;
}
  }

section#section09 div.outer_box ul.inner_box form li label span.require {
  color: #f7931e;
}

.input_form{
  box-sizing: border-box;
  width: 100%;
  font-size: 22px;
  padding: 10px;
}

@media screen and (max-width: 640px) {
  .input_form{
    width: 100%!important;
  }
}

section#section09 div.outer_box ul.inner_box form li {
  margin: 20px 0;
}

@media screen and (max-width: 640px) {
  section#section09 div.outer_box ul.inner_box form li:nth-child(6) {
  margin: 10px 0;
}

}

section#section09 div.outer_box ul.inner_box form li:first-child{
  margin-top: 0;
}


/*============================
#btn
============================*/
section#section09 div.outer_box ul.inner_box form li div#btn {
  margin-left: -10px;
}

section#section09 div.outer_box ul.inner_box form li div#btn:hover{
  opacity: 0.7;
}

@media screen and (max-width: 640px) {
  section#section09 div.outer_box ul.inner_box form li div#btn {
  margin-left: -5px;
}
  section#section09 div.outer_box ul.inner_box form li div#btn input{
   width: 100%;
  }
}
/*============================
#guide
============================*/

section#section09 div.outer_box ul.inner_box li#guide p {
  font-size: 66%;
}

footer {
  background: #0184b8;
  padding: 30px 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin-bottom: -40px;
}
footer ul.footer_link {
  margin: 0 auto;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer ul.footer_link li {
  padding: 0 40px;
  border-right: 1px solid #fff;
}

@media screen and (max-width: 640px) {
  footer{
    background: #0184b8;
  padding: 5px 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin-bottom: -20px;
  }
  footer ul.footer_link {
  margin: 0 auto;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer ul.footer_link li {
  padding: 0 10px;
  border-right: 1px solid #fff;
}
footer ul.footer_link li a{
  width: 30%;
  font-size: 50%;
}
footer ul.footer_link li:last-child{
  border-right: none;
}
}
footer ul#copyright li{
  color: #fff;
}

/*============================
#copyright
============================*/
footer ul#copyright {
  margin-top: 15px;
  font-size: 16px;
}
@media screen and (max-width: 640px) {
 footer ul#copyright {
  margin-top: 10px;
  padding-bottom: 10px;
  font-size: 10px;
}
footer ul#copyright li{
  color: #fff;
}
}

footer a {
  color: #fff;
  text-decoration: none;
}

footer a:hover {
  color: #fff;
  text-decoration: none;
}

footer a:visited {
  color: #fff;
  text-decoration: none;
}



/* ----------------------------------------------------

text

 ----------------------------------------------------*/



.flex{
  display: flex;
}

.ac {
    text-align: center !important;
}
.ar {
    text-align: right !important;
}
.al {
    text-align: left !important;
}
.bold {
    font-weight: bold !important;
}
.font10 {
    font-size: 10px !important;
}
.font11 {
    font-size: 11px !important;
}
.font12 {
    font-size: 12px !important;
}
.font13 {
    font-size: 13px !important;
}
.font14 {
    font-size: 14px !important;
}
.font15 {
    font-size: 15px !important;
}
.font16 {
    font-size: 16px !important;
}
.font17 {
    font-size: 17px !important;
    line-height:150%;
}
.font18 {
    font-size: 18px !important;
}
.font19 {
    font-size: 19px !important;
}
.font20 {
    font-size: 20px !important;
}
.font21 {
    font-size: 21px !important;
}
.font22 {
    font-size: 22px !important;
}
.font23 {
    font-size: 23px !important;
}
.font24 {
    font-size: 24px !important;
}
.font25 {
    font-size: 25px !important;
}
.font26 {
    font-size: 26px !important;
}
.font27 {
    font-size: 27px !important;
}
.font28 {
    font-size: 28px !important;
}
.font29 {
    font-size: 29px !important;
}
.font30 {
    font-size: 30px !important;
}
.font32 {
    font-size: 32px !important;
}

.fwb{
    font-weight: bold;
}

.red{
  color: #c1272d;
}

.ul{
    border-bottom:  1px solid #000;
}

.ulr{
  border-bottom:  1px solid #c1272d;
}

.bgy{
  background: #fcee21;
}

.font_plus{
  font-size: 115%;
}
.font_large{
  font-size: 118%;
}
.font_biggest{
  font-size: 180%;
}
.font_minus{
  font-size: 88%;
}
@media screen and (max-width: 640px) {
.font_plus{
  font-size: 108%;
}
.font_large{
  font-size: 115%;
}
.font_biggest{
  font-size: 140%;
}
.font_minus{
  font-size: 80%;
}
  }
.blue{
  color: #0071bc;
}
.skyblue{
  color: #29abe2;
}
.orange{
  color: #fbb03b;
}
.orange02{
  color: #f15a24;
}
.grey{
  color: #333333;
}
.letter_space{
  letter-spacing: 0.18em;
/* ----------------------------------------------------

    float

---------------------------------------------------- */
.fr {
    float: right !important;
}
.fl {
    float: left !important;
}
.clear {
    clear: both;
}
img {
    line-height: 0;
    padding: 0;
    margin: 0;
}
.clearfix::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    min-height: 1px;
}

* html .clearfix {
    height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

hr {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
/* ----------------------------------------------------
    clearfix の代用
    <div class="hr"><hr /></div>
---------------------------------------------------- */