/* Scss Document */
@media (max-width: 680px) {
  .main_visual {
    width: 100%;
    padding-top: 112%;
    background-image: url("../images/index_mainvisual19_s.svg"), url("../images/index_mainvisual_base_s.jpg");
    background-size: cover;
    max-width: 680px; }

  .main_visual2 {
    display: none; }

  #contents {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0; }

  #contents2 {
    display: none; }

  .main_area {
    width: 90%;
    margin: 0 auto;
    display: initial; }

  .main_area2 {
    display: none; }

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

  .area2 {
    width: 100%;
    margin: 0 auto;
    text-align: center; }

  #featurearea {
    width: 100%;
    margin: 30px 0;
    padding: 15px 5px;
    border-top: 1px solid #b5b5b6;
    border-bottom: 1px solid #b5b5b6;
    text-align: center; }

  #featurearea2 {
    display: block;
    width: 100%;
    margin: 30px 0;
    padding: 15px 0; }

  .textarea {
    width: 100%; }

  .textbox1 {
    text-align: left;
    margin-top: 20px;
    font-size: 1.55em;
    line-height: 34px; }

  .textbox2 {
    text-align: left;
    font-size: 1.45em;
    line-height: 30px; }

  /**202010413**/
  .mesurearea {
    width: 100%;
    margin: 40px 0;
    padding: 40px 0 20px 1%;
    box-sizing: border-box;
    background-color: #f2f2f2;
    border: 2px solid #b5b5b6; }

  .mesurearea2 {
    display: none; }

  .mcontents {
    width: 100%;
    padding-top: 30px;
    box-sizing: border-box;
    margin: 0 auto;
    display: initial;
    text-align: center; }

  .measure_text {
    width: 94%;
    box-sizing: border-box;
    font-size: 1.45em;
    line-height: 28px;
    text-align: left;
    margin: 0 auto; }
    .measure_text p {
      padding-bottom: 20px; }

  .measure_photo {
    width: 100%;
    text-align: center;
    padding-top: 10px; }
    .measure_photo img {
      width: 100%;
      max-width: 300px; }

  .measure_title {
    font-size: 1.55em;
    line-height: 28px;
    font-weight: bold;
    text-align: center; }

  .measure_datetext {
    font-size: 0.8em;
    font-weight: 100; }

  /**iframeエリア**/
  #framearea1 {
    width: 100%;
    margin: 30px 0;
    display: initial; }

  #framearea2 {
    display: none; }

  #framearea2_mobile {
    display: block;
    width: 100%;
    margin: 30px 0; }

  .framecon {
    width: 100%;
    line-height: 28px; }

  .framecon1 {
    display: none; }

  .framecon2 {
    display: none; }

  a.frametitle1 {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #FFF;
    font-size: 1.70em;
    line-height: 30px;
    border-radius: 3px;
    background: linear-gradient(to right, #0099D9, #006E9D); }

  a.frametitle2 {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #FFF;
    font-size: 1.70em;
    line-height: 30px;
    border-radius: 3px;
    background: linear-gradient(to right, #0067A4, #00284B); }

  a.frametitle3 {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #FFF;
    font-size: 1.70em;
    line-height: 30px;
    border-radius: 3px;
    background: linear-gradient(to right, #B5B5B6, #727171); }

  .title_s_text {
    font-size: 16px; }

  .iframe0 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px; }

  .iframe1 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px; }

  .iframe2 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px; }

  .frame {
    margin-top: 28px; }

  /**202010413**/
  .bannerarea {
    width: 100%; }

  .bannercon1 {
    display: none; }

  .bannercon1_mobile {
    width: 100%;
    box-sizing: border-box;
    background-color: #EAF4FC;
    border: 2px solid #96C5E3;
    padding: 20px 3%;
    text-align: center;
    border-radius: 3px; }
    .bannercon1_mobile p.btitle1 {
      color: #005184;
      font-size: 1.65em; }
    .bannercon1_mobile p.btitle2 {
      font-size: 1.55em;
      line-height: 30px;
      padding: 10px 0; }
    .bannercon1_mobile img {
      width: 100%;
      max-width: 250px; }

  .bannercon2 {
    display: none; }

  .bannercon2_mobile {
    width: 100%;
    box-sizing: border-box;
    background-color: #f2f2f2;
    border: 2px solid #b5b5b6;
    padding: 20px 3%;
    text-align: center;
    border-radius: 3px;
    margin: 10px 0 0; }
    .bannercon2_mobile p.btitle1 {
      color: #000;
      font-size: 1.65em; }
    .bannercon2_mobile a.btitle2 {
      display: block;
      font-size: 1.55em;
      line-height: 30px;
      padding: 10px 0;
      color: #38A1DB; }
    .bannercon2_mobile img {
      width: 100%;
      max-width: 250px; }

  .bannercon3_campingcar_s{
	display: block;
    width: 340px;
    padding: 5px 0 0;
    text-align: center;
    border-radius: 3px;
    margin: 20px auto; }
    .bannercon3 .banner_campingcar {
      width: 100%; }
	
  .bannercon3_campingcar {
	display: none;}

  .bannercon3 {
    width: 340px;
    padding: 0 0 10px;
    text-align: center;
    border-radius: 3px;
    margin: 10px auto 0; }
    .bannercon3 .banner_lunch {
      width: 100%; }
    .bannercon3 .banner_lunch img {
      width: 100%; }

  .bannercon4_1 {
    max-width: 340px;
    width: 98%;
    padding-top: 54%;
    text-align: center;
    background-color: #00662A;
    background-image: url("../images/kinyujyuku_index_bg_top.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 2%;
    margin: 20px auto 0;
    position: relative; }

  .bannercon4_2 {
    max-width: 340px;
    width: 98%;
    text-align: center;
    background-color: #00662A;
    padding-bottom: 2%;
    margin: 0 auto; }

  .kinyujyuku_con1 {
    max-width: 340px;
    width: 98%;
    padding-top: 55%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF; }

  .kinyujyuku_area1 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    bottom: 52.5%;
    left: 0;
    right: 0; }

  .k_title1 {
    width: 86%;
    text-align: center;
    color: #FFF;
    padding-top: 10px;
    margin: 0 auto; }
    .k_title1 img {
      width: 100%;
      max-width: 219px; }

  .kinyujyuku_con2 {
    width: 98%;
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF; }

  .kinyujyuku_area2 {
    width: 96%;
    padding: 2% 0;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    color: #FFF; }

  .k_title2 {
    width: 100%;
    text-align: center;
    font-size: 1.55em;
    line-height: 28px;
    font-weight: bold; }

  .k_title3 {
    width: 100%;
    text-align: center;
    margin: 20px 0;
    font-size: 1.55em;
    line-height: 28px;
    padding: 5px 0;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF; }

  .k_title4 {
    width: 100%;
    display: block;
    font-size: 1.55em;
    line-height: 30px;
    padding: 20px 0;
    color: #FFF100; }

  .iframe3 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px; }

  .bannercon5 {
    width: 100%;
    text-align: center;
    max-width: 340px;
    margin: 20px auto 0; }
    .bannercon5 .banner_facebook {
      width: 100%;
      max-width: 340px; }
      .bannercon5 .banner_facebook img {
        width: 100%; }

  .bannercon6 {
    width: 100%;
	height: 80px;
    text-align: center;
    margin: 20px auto 20px; }
    .bannercon6 a.banner_blog {
      display: block;
      max-width: 340px;
      margin: 0 auto 0;
      position: relative;
      text-align: center; }
      .bannercon6 a.banner_blog img {
        width: 100%; }
    .bannercon6 .banner_blog2 {
      display: block;
      width: 100%;
      position: absolute;
      top: 37px;
      left: 7px;
      animation-name: fadeinout-keyframes;
      animation-duration: 12s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-direction: alternate; }
      .bannercon6 .banner_blog2 img {
        width: 100%; }
	
	.bannercon7 {
    width: 100%;
    text-align: center;
	max-width: 340px;
    margin: 20px auto 0; }
	
	.bannercon7 a img {
    width: 100%; }
	
	
  @keyframes fadeinout-keyframes {
    0% {
      opacity: 0; }
    15% {
      opacity: 0; }
    28% {
      opacity: 1; }
    73% {
      opacity: 1; }
    85% {
      opacity: 0; }
    100% {
      opacity: 0; } } 

}


@media screen and (min-width: 681px) and (max-width: 1040px) {
  .main_visual {
    width: 100%;
    padding-top: 46.85%;
    background-image: url("../images/index_mainvisual19_s.svg"), url("../images/index_mainvisual_base.jpg");
    background-size: cover;
    max-width: 1040px; }

  .main_visual2 {
    display: none; }

  #contents {
    width: 94%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 30px 0;
    box-sizing: border-box; }

  #contents2 {
    display: block;
    width: 94%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 30px 0;
    box-sizing: border-box; }

  .main_area {
    width: 100%;
    margin: 0 auto;
    display: inline-flex;
    justify-content: space-between; }

  .main_area2 {
    display: block;
    width: 100%;
    margin: 0 auto; }

  .area1 {
    width: auto;
    padding-right: 5%;
    box-sizing: border-box; }

  .area2 {
    max-width: 340px;
    padding-top: 30px;
    max-width: initial;
    box-sizing: border-box; }

  #featurearea {
    width: 100%;
    margin: 30px 0;
    padding: 15px 5px;
    border-top: 1px solid #b5b5b6;
    border-bottom: 1px solid #b5b5b6; }

  #featurearea2 {
    display: none; }

  .textarea {
    width: 100%; }

  .textbox1 {
    margin-top: 20px;
    font-size: 18px;
    line-height: 34px; }

  .textbox2 {
    font-size: 17px;
    line-height: 30px; }

  /**202010413**/
  .mesurearea {
    width: 100%;
    margin: 40px 0;
    padding: 40px 3% 20px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    border: 2px solid #b5b5b6; }

  .mesurearea2 {
    display: none; }

  .mcontents {
    width: 100%;
    padding-top: 30px;
    margin: 0 auto;
    display: initial; }

  .measure_text {
    width: 90%;
    font-size: 16.5px;
    line-height: 28px;
    margin: 0 auto; }
    .measure_text p {
      padding-bottom: 20px; }

  .measure_photo {
    width: 90%;
    padding-top: 10px;
    margin: 0 auto; }
    .measure_photo img {
      width: 100%;
      max-width: 300px; }

  .measure_title {
    font-size: 17px;
    line-height: 28px;
    font-weight: bold;
    text-align: center; }

  .measure_datetext {
    font-size: 0.8em;
    font-weight: 100; }

  /**iframeエリア**/
  #framearea1 {
    display: none; }

  #framearea1t {
    display: block;
    width: 100%;
    margin: 30px 0;
    display: inline-flex;
    justify-content: space-between; }

  #framearea2 {
    display: none; }

  #framearea2t {
    display: block;
    width: 100%;
    margin: 30px auto; }

  #framearea2_mobile {
    display: none; }

  .framecon {
    width: 49%;
    font-size: 14px;
    line-height: 28px; }

  .framecon1 {
    width: 50%;
    font-size: 14px;
    line-height: 28px; }

  .framecon2 {
    width: 48%;
    font-size: 14px;
    line-height: 28px; }

  a.frametitle1 {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    line-height: 30px;
    border-radius: 3px;
    background: linear-gradient(to right, #0099D9, #006E9D); }

  a.frametitle2 {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    line-height: 30px;
    border-radius: 3px;
    background: linear-gradient(to right, #0067A4, #00284B); }

  a.frametitle3 {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    line-height: 30px;
    border-radius: 3px;
    background: linear-gradient(to right, #B5B5B6, #727171); }

  .title_s_text {
    font-size: 16px; }

  .iframe0 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px; }

  .iframe1 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px; }

  .iframe2 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px; }

  .frame {
    margin-top: 28px; }

  /**202010413**/
  .bannerarea {
    width: 100%;
    max-width: 340px; }

  .bannercon1 {
    width: 340px;
    background-color: #EAF4FC;
    border: 2px solid #96C5E3;
    padding: 20px 3%;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 0 auto; }
    .bannercon1 p.btitle1 {
      color: #005184;
      font-size: 20px; }
    .bannercon1 p.btitle2 {
      font-size: 17px;
      line-height: 30px;
      padding: 10px 0; }
    .bannercon1 img {
      width: 100%;
      max-width: 250px; }

  .bannercon2 {
    width: 340px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    border: 2px solid #b5b5b6;
    padding: 20px 3%;
    text-align: center;
    border-radius: 3px;
    margin: 10px auto 0; }
    .bannercon2 p.btitle1 {
      color: #000;
      font-size: 20px; }
    .bannercon2 a.btitle2 {
      display: block;
      font-size: 17px;
      line-height: 30px;
      padding: 10px 0;
      color: #38A1DB; }
    .bannercon2 img {
      width: 100%;
      max-width: 250px; }

  .bannercon3_campingcar {
    width: 340px;
    padding: 5px 0 0;
    text-align: center;
    border-radius: 3px;
    margin: 20px auto 0; }
    .bannercon3 .banner_campingcar {
      width: 100%; }
	
 .bannercon3_campingcar_s{
	 display: none;}

  .bannercon3 {
    width: 340px;
    padding: 5px 0;
    text-align: center;
    border-radius: 3px;
    margin:0 auto; }
    .bannercon3 .banner_lunch {
      width: 100%; }

  .bannercon4_1 {
    width: 340px;
    height: 185px;
    text-align: center;
    background-color: #00662A;
    background-image: url("../images/kinyujyuku_index_bg_top.jpg");
    background-repeat: no-repeat;
    padding-top: 2%;
    margin: 20px auto 0; }

  .bannercon4_2 {
    width: 340px;
    text-align: center;
    background-color: #00662A;
    padding-bottom: 2%;
    margin: 0 auto; }

  .kinyujyuku_con1 {
    width: 96%;
    height: 185px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF; }

  .kinyujyuku_area1 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box; }

  .k_title1 {
    width: 100%;
    text-align: center;
    color: #FFF;
    padding-top: 18px; }
    .k_title1 img {
      width: 100%;
      max-width: 230px; }

  .kinyujyuku_con2 {
    width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF; }

  .kinyujyuku_area2 {
    width: 96%;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    color: #FFF; }

  .k_title2 {
    width: 100%;
    text-align: center;
    font-size: 17px;
    line-height: 28px;
    font-weight: bold; }

  .k_title3 {
    width: 100%;
    text-align: center;
    margin: 20px 0;
    font-size: 17px;
    line-height: 28px;
    padding: 5px 0;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF; }

  .k_title4 {
    width: 100%;
    display: block;
    font-size: 17px;
    line-height: 30px;
    padding: 20px 0;
    color: #FFF100; }

  .iframe3 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px; }

  .bannercon5 {
    width: 100%;
    text-align: center;
    border-radius: 3px;
    margin: 20px auto 0; }
    .bannercon5 .banner_facebook {
      width: 100%;
      max-width: 340px; }

  .bannercon6 {
    width: 100%;
	height: 80px;
    max-width: 340px;
    text-align: center;
    margin: 20px 0 0; }
    .bannercon6 a.banner_blog {
      display: block;
      max-width: 340px;
      margin: 0 auto 0;
      position: relative;
      text-align: center; }
    .bannercon6 .banner_blog2 {
      display: block;
      max-width: 410px;
      position: absolute;
      top: 37px;
      left: 7px;
      animation-name: fadeinout-keyframes;
      animation-duration: 12s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-direction: alternate; }
      .bannercon6 .banner_blog2 img {
        width: 100%; }
	
	.bannercon7 {
    width: 100%;
	max-width: 340px;
    margin: 20px auto 0; }
	
	.bannercon7 a img {
    width: 100%; }
	
  @keyframes fadeinout-keyframes {
    0% {
      opacity: 0; }
    15% {
      opacity: 0; }
    28% {
      opacity: 1; }
    73% {
      opacity: 1; }
    85% {
      opacity: 0; }
    100% {
      opacity: 0; } } }
@media (min-width: 1041px) {
  .main_visual {
    width: 100%;
    padding-top: 46.85%;
    background-image: url("../images/index_mainvisual19.svg"), url("../images/index_mainvisual_base.jpg");
    background-size: cover; }

  .main_visual2 {
    display: none; }

  #contents {
    width: 85%;
    max-width: 1135px;
    margin: 0 auto;
    padding: 30px 0; }

  #contents2 {
    display: none; }

  .main_area {
    width: 100%;
    margin: 0 auto;
    display: inline-flex;
    justify-content: space-between; }

  .main_area2 {
    display: none; }

  .area1 {
    max-width: 700px;
    width: auto;
    padding-right: 5%; }

  .area2 {
    width: 415px;
    padding-top: 30px;
    box-sizing: border-box; }

  #featurearea {
    width: 100%;
    margin: 30px 0;
    padding: 15px 5px;
    border-top: 1px solid #b5b5b6;
    border-bottom: 1px solid #b5b5b6; }

  #featurearea2 {
    display: none;
    width: 100%;
    margin: 30px 0;
    padding: 15px 5px; }

  .textarea {
    width: 100%; }

  .textbox1 {
    margin-top: 20px;
    font-size: 18px;
    line-height: 34px; }

  .textbox2 {
    font-size: 17px;
    line-height: 30px; }

  /**202010413**/
  .mesurearea {
    width: 100%;
    margin: 40px 0;
    padding: 40px 3% 20px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    border: 2px solid #b5b5b6; }

  .mesurearea2 {
    display: none; }

  .mcontents {
    width: 100%;
    padding-top: 30px;
    margin: 0 auto;
    display: inline-flex;
    justify-content: space-between; }

  .measure_text {
    width: 48%;
    font-size: 16.5px;
    line-height: 28px; }
    .measure_text p {
      padding-bottom: 20px; }

  .measure_photo {
    width: 48%;
    padding-top: 10px; }
    .measure_photo img {
      width: 100%;
      max-width: 300px; }

  .measure_title {
    font-size: 17px;
    line-height: 28px;
    font-weight: bold;
    text-align: center; }

  .measure_datetext {
    font-size: 0.8em;
    font-weight: 100; }

  /**iframeエリア**/
  #framearea1 {
    width: 100%;
    margin: 30px 0;
    display: inline-flex;
    justify-content: space-between; }

  #framearea2 {
    width: 100%;
    margin: 30px 0; }

  #framearea2_mobile {
    display: none; }

  .framecon {
    width: 48%;
    font-size: 14px;
    line-height: 28px; }

  .framecon1 {
    display: none; }

  .framecon2 {
    display: none; }

  a.frametitle1 {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    line-height: 30px;
    border-radius: 3px;
    background: linear-gradient(to right, #0099D9, #006E9D); }

  a.frametitle2 {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    line-height: 30px;
    border-radius: 3px;
    background: linear-gradient(to right, #0067A4, #00284B); }

  a.frametitle3 {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    line-height: 30px;
    border-radius: 3px;
    background: linear-gradient(to right, #B5B5B6, #727171); }

  .title_s_text {
    font-size: 16px; }

  .iframe0 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px; }

  .iframe1 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px; }

  .iframe2 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px; }

  .frame {
    margin-top: 28px; }

  /**202010413**/
  .bannerarea {
    width: 100%; }

  .bannercon1 {
    width: 340px;
    box-sizing: border-box;
    background-color: #EAF4FC;
    border: 2px solid #96C5E3;
    padding: 20px 3%;
    text-align: center;
    border-radius: 3px;
    margin: 0 auto; }
    .bannercon1 p.btitle1 {
      color: #005184;
      font-size: 20px; }
    .bannercon1 p.btitle2 {
      font-size: 17px;
      line-height: 30px;
      padding: 10px 0; }
    .bannercon1 img {
      width: 100%;
      max-width: 250px; }

  .bannercon2 {
    width: 340px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    border: 2px solid #b5b5b6;
    padding: 20px 3%;
    text-align: center;
    border-radius: 3px;
    margin: 10px auto 0; }
    .bannercon2 p.btitle1 {
      color: #000;
      font-size: 20px; }
    .bannercon2 a.btitle2 {
      display: block;
      font-size: 17px;
      line-height: 30px;
      padding: 10px 0;
      color: #38A1DB;
      font-weight: normal;
      position: relative; }
    .bannercon2 img {
      width: 100%;
      max-width: 250px; }
	
   .bannercon3_campingcar {
    width: 340px;
    padding: 5px 0 0;
    text-align: center;
    border-radius: 3px;
    margin: 20px auto 0; }
    .bannercon3 .banner_campingcar {
      width: 100%; }
	
.bannercon3_campingcar_s{
	display: none; }

  .bannercon3 {
    width: 340px;
    padding: 5px 0;
    text-align: center;
    border-radius: 3px;
    margin:0 auto; }
    .bannercon3 .banner_lunch {
      width: 100%; }

  .bannercon4_1 {
    width: 340px;
    height: 185px;
    text-align: center;
    background-color: #00662A;
    background-image: url("../images/kinyujyuku_index_bg_top.jpg");
    background-repeat: no-repeat;
    padding-top: 2%;
    margin: 20px auto 0; }

  .bannercon4_2 {
    width: 340px;
    text-align: center;
    background-color: #00662A;
    padding-bottom: 2%;
    margin: 0 auto; }

  .kinyujyuku_con1 {
    width: 96%;
    height: 185px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF; }

  .kinyujyuku_area1 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box; }

  .k_title1 {
    width: 100%;
    text-align: center;
    color: #FFF;
    padding-top: 18px; }
    .k_title1 img {
      width: 100%;
      max-width: 240px; }

  .kinyujyuku_con2 {
    width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF; }

  .kinyujyuku_area2 {
    width: 96%;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    color: #FFF; }

  .k_title2 {
    width: 100%;
    text-align: center;
    font-size: 17px;
    line-height: 28px;
    font-weight: bold; }

  .k_title3 {
    width: 100%;
    text-align: center;
    margin: 20px 0;
    font-size: 17px;
    line-height: 28px;
    padding: 5px 0;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF; }

  .k_title4 {
    width: 100%;
    display: block;
    font-size: 17px;
    line-height: 30px;
    padding: 20px 0;
    color: #FFF100; }

  .iframe3 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px; }

  .bannercon5 {
    width: 340px;
    text-align: center;
    margin: 20px auto 0; }
    .bannercon5 .banner_facebook {
      width: 100%; }

  .bannercon6 {
    width: 410px;
	height: 80px;
    text-align: center;
    margin: 20px 0 0; }
    .bannercon6 a.banner_blog {
      display: block;
      width: 410px;
      margin: 0 auto 0;
      position: relative;
      text-align: center; }
    .bannercon6 .banner_blog2 {
      display: block;
      width: 410px;
      position: absolute;
      top: 37px;
      left: 7px;
      animation-name: fadeinout-keyframes;
      animation-duration: 12s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-direction: alternate; }
      .bannercon6 .banner_blog2 img {
        width: 100%; }
	
	 .bannercon7 {
    width: 100%;
	max-width: 340px;
    margin: 20px auto 0; 
	text-align: center;}
	
	.bannercon7 a img {
    width: 100%; }
	
  @keyframes fadeinout-keyframes {
    0% {
      opacity: 0; }
    15% {
      opacity: 0; }
    28% {
      opacity: 1; }
    73% {
      opacity: 1; }
    85% {
      opacity: 0; }
    100% {
      opacity: 0; } } }