@charset "UTF-8";                           
*{                           
  padding: 0;                           
  margin: 0;                           
  box-sizing: border-box;                           
}                           
                           
/*------- Start Top NAVI ---------*/                           
.navbar_dynamic{                           
  width: auto;                           
  margin:0 auto;                           
  display:block;                           
}                           
.navbar_dynamic ul  {                           
    list-style:none;                           
    padding:0px;                           
    justify-content:center;                           
    display:flex;                           
    width: 1200px;                           
    margin: 0 auto;                           
    margin: 20px auto 10px;                           
}                           
.navbar_dynamic ul li {                           
    display:inline-block;                           
}                           
.navbar_dynamic ul li a {                           
    display: inline-block;                           
    text-decoration:none;                           
    padding: 10px 20px;                           
    background-color: #cdeef1;                           
    color: #555;                           
    width: 297px;                           
    text-align: center;                           
    margin: 0 2px;                           
    border-top: 4px double #fff;                           
}                           
.navbar_dynamic ul li a:before{                           
                           
  content: '';                           
                           
}                           
.navbar_dynamic ul li a:hover,a.active {background: #9cd2d7;}                           
                           
                           
@media screen and (max-width: 480px) {                           
  .navbar_dynamic{                           
    width: auto;                           
    display: block;                           
    margin: 0;                           
  }                           
  .navbar_dynamic ul{                           
    display: block;                           
    width: auto;                           
    box-shadow: none;                           
  }                           
  .navbar_dynamic ul:before,                           
  .navbar_dynamic ul:after,                           
  .navbar_dynamic ul li:before,                           
  .navbar_dynamic ul li:after,                           
  .navbar_dynamic li:hover:after{                           
    display: none;                           
  }                           
  .navbar_dynamic ul li{                           
    display: block;                           
    width: auto;                           
    margin: 0;                           
    border: none;                           
    border-bottom: 1px solid #ffffff;                           
  }                           
  .navbar_dynamic ul li a{                           
    display: block;                           
    width: auto;                           
    margin: 0;                           
    text-align: center;                           
    padding: 5px 0;                           
  }                           
  .navbar_dynamic ul li a:before{                           
  display: none;                           
  }                           
  .navbar_dynamic ul li a:hover{                           
    display: block;                           
  }                           
                           
}/*------- End Top NAVI ---------*/                           
                           
/*------ Start SIDE_NAVI-----*/                           
.navigation_sidebar {display: block;margin-bottom: 13px;padding: 16px;border: 1px solid #ccc;background: rgb(255, 255, 255);box-shadow: 0px 10px 6px -6px rgba(119,119,119,1);}                           
.navigation_sidebar ul {                           
    list-style:none;                           
    margin:0px;                           
    padding:0px;                           
    margin-top: 10px;                           
}                           
.navigation_sidebar ul li{                           
    display:block;                           
}                           
.navigation_sidebar ul li:last-child{                           
  border-bottom:none;                           
}                           
.navigation_sidebar ul li a{                           
    display:block;                           
    text-decoration:none;                           
    padding: 10px 0;                           
    color: #a1cfe7;                           
    position:relative;                           
    text-align: left;                           
    margin: 2px 0;                           
    text-indent: 24px;                           
}                           
.navigation_sidebar ul li a:before{                           
    content:"\2198";                           
    display:block;                           
    position: absolute;                           
    padding-right: 20px;                           
    text-indent: 0px;                           
    border-top-color: transparent;                           
}                           
                           
.navigation_sidebar ul li a:hover{                           
    background: #a1cfe7;                           
    color: #fff;                           
    padding-left: 5px;                           
}                           
                           
@media screen  and (max-width: 480px) {                           
    .navigation_sidebar {                           
        width: auto;                           
        margin: 20px;                           
        border: 1px solid #ccc;                           
    }                           
    .navigation_sidebar ul {                           
        list-style:none;                           
        margin:0px;                           
        /* padding:0px; */                           
    }                           
    .navigation_sidebar ul li{                           
        display:block;                           
        text-align: left;                           
    }                           
    .navigation_sidebar ul li a{                           
        display:block;                           
        text-decoration:none;                           
        position:relative;                           
        z-index:1;                           
        margin-bottom:5px;                           
    }                           
    .navigation_sidebar ul li a:before{                           
    padding-left: 6px;                           
}                           
    .navigation_sidebar ul li a:after{                           
        content:none;                           
        position:absolute;                           
        right: -19px;                           
        border-style:solid;                           
        top: 0px;                           
        border-width: 19px;                           
        border-color: #0FC4C4;                           
        border-top-color:transparent;                           
        border-bottom-color:transparent;                           
        border-right:0px;                           
    }                           
    .navigation_sidebar ul li a:hover{                           
    }                           
} /*------ End SIDE_NAVI-----*/                           
h2{                           
    background-color: #cdeef1;                           
    padding: 5px 20px;                           
    position:relative;                           
    color: #555;                           
}                           
h2:before{
    content:"";
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    position:absolute;
    border-radius:50%;
    left: -7px;
    top: 17px;
}                           
                           
                           
h3{                           
  font-size: 16px;                           
  margin-top: 13px;                           
  overflow:hidden;                           
  border-bottom: 1px dotted #cdeef1;                           
}                           
h3:after{                           
  content: "";                           
  display: block;                           
}                           
h3:before{                           
  content: "";                           
  font-size: 11px;                           
  margin-bottom:0;                           
}                           
body{                           
  font-size: 16px;                           
  color: #171616;                           
  line-height: 2.5em;                           
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;                           
                           
   */                           
  background: aliceblue;                           
  background: rgba(255, 255, 255, 0.16);                           
}                           
div:after{                           
  display: block;                           
  clear: both;                           
  content: "";                           
}                           
.Blog_header_infor{                           
  width: auto;                           
  margin: auto;                           
  display: block;                           
  min-width: 1200px;                           
  position:relative;                           
}                           
                           
.main_image_inner{
  margin:0 auto;
}                           
.main_image_inner img{
  width: 1200px;
  display:block;
  margin: 0 auto;
}                           
.detail_of_photo{                           
  margin: 0 auto;                           
  display: block;                           
  margin-top: 15px;                           
}                           
.main_banner{                           
  display: block;                           
  position: relative;                           
  width: 74.7%;                           
  float: right;                           
}                           
                           
.main_images {                           
    width: 68.2%;                           
    float: right;                           
    position: relative;                           
}                           
                           
.main_banner img{                           
  width: 100%;                           
  display: block;                           
  border: 1px solid #fff;                           
  border-top-right-radius: 15px;                           
}                           
                           
.sub_banner{                           
  width: 100%;                           
  display: block;                           
  float: none;                           
  position:relative;                           
}                           
                           
.sub_banner img{                           
  width: 100%;                           
  display: block;                           
  border-top-left-radius: 15px;                           
  border-top-right-radius: 15px;                           
}                           
                           
                           
.SIMPLE_tittle{                           
  width: auto;                           
  margin: 0 auto;                           
  padding: 10px 0;                           
  text-align: center;                           
  justify-content: center;                           
  background: #cdeef1;                           
}                           
.SIMPLE_tittle h1{                           
  text-align: center;                           
  font-size: 20px;                           
  color: #171616;                           
}                           
h1 a{                           
  color: #5d5d5d;                           
}                           
a{                           
  text-decoration: none;                           
  color: #f67a23;                           
}                           
a:hover{                           
  text-decoration: underline;                           
}                           
h2.title_h2{                           
    text-align: center;                           
    box-shadow: none;                           
    border: 0;                           
    text-indent: 0;                           
    font-size: 16px;                           
    overflow: hidden;                           
    width: 89%;                           
    position: absolute;                           
    margin-top: -76px;                           
    background: rgb(217, 239, 241);                           
    padding: 10px;                           
}                           
h2.title_h2:after,                           
h2.title_h2:before{                           
  display: none;                           
  content: none;                           
}                           
h2.title_h2 a{                           
  border-bottom: 1px solid;                           
  text-decoration: none;                           
}                           
h2.title_h2 a:hover{                           
  text-decoration: none;                           
  border-bottom:none;                           
}                           
a img:hover{                           
  opacity: 0.7;                           
}                           
                           
p.get_moreinfo{                           
  padding: 10px;                           
  display: block;                           
}                           
p.get_moreinfo a{                           
  padding: 2px 10px;                           
  display: block;                           
  background: green;                           
  color: #fff;                           
  float: right;                           
  margin-bottom: 15px;                           
  margin-right: 15px;                           
}                           
p.get_moreinfo a:hover{                           
  opacity: 0.7;                           
  text-decoration: none;                           
}                           
.BASE_site{                           
  width: 1200px;                           
  margin: 0 auto;                           
  display: block;                           
  min-width: 1200px;                           
  margin-bottom: 10px;                           
  margin-top: 20px;                           
}                           
.site_main{                           
  width: 49%;                           
  display: block;                           
  float: left;                           
  margin-bottom: 15px;                           
  margin-left:15px;                           
}                           
.inverse_image{                           
  display: block;                           
  background: #fff;                           
  border-bottom: none;                           
}                           
                           
.site_left{                           
  width: 24%;                           
  float: left;                           
  display: block;                           
}                           
.site_right{                           
  width: 24%;                           
  float: right;                           
  display: block;                           
}                           
.block_data{                           
  margin-bottom: 15px;                           
  padding: 16px;                           
  box-shadow: 0px 0px 0px 1px #cdeef1;                           
  background: #fff;                           
}                           
.block_data img{                           
  border: 1px solid #cdeef1;                           
}                           
.left_asidebar{                           
  width: auto;                           
  display: block;                           
}                           
.left_asidebar h2{                           
  text-align: center;                           
  text-indent: 0;                           
  margin-bottom: 10px;                           
}                           
.normal_frame{                           
  display: block;                           
                           
}                           
.block_count_frame_infor_01{                           
  width: 31.5%;                           
  float: left;                           
  margin-right: 20px;                           
}                           
.block_count_frame_infor_01:nth-child(even){}                           
.block_count_frame_infor_01:nth-child(0){                           
  margin-right: 0;                           
}                           
.block_count_frame_infor_01:nth-child(3){                           
  margin-right: 0;                           
}                           
.block_count_frame_infor_01 img{                           
  width: 100%;                           
  display: block;                           
  margin-bottom: 15px;                           
}                           
.block_top_main{                           
  display: block;                           
  width: 25%;                           
  float: left;                           
  margin-bottom: 0;                           
}                           
.frame_infor_02{                           
  display: block;                           
  width: 48.7%;                           
  float: left;                           
  margin-right: 15px;                           
  position:relative;                           
  margin-bottom: 15px;                           
}                           
                           
.frame_infor_02:nth-child(even){                           
  margin-right: 0;                           
}                           
.frame_infor_02 h2.title_h2{                           
  margin-top: -70px;                           
  overflow: hidden;                           
  padding-left: 10px;                           
}                           
.frame_infor_02 img{                           
  width: 100%;                           
  display: block;                           
  margin-bottom: 10px;                           
}                           
.frame_infor_03{                           
  width: auto;                           
  display: block;                           
  position: relative;                           
}                           
.frame_infor_03 h2.title_h2 {                           
    margin-top: 14px;                           
    position: absolute;                           
    text-align: center;                           
    width: 42.6%;                           
    overflow: hidden;                           
}                           
.frame_infor_03:last-child{                           
  border-bottom:none;                           
}                           
.frame_infor_03 img{                           
  width: 45%;                           
  float: left;                           
  margin-right: 20px;                           
  margin-top: 14px;                           
  position: relative;                           
}                           
.frame_infor_04{                           
  width: auto;                           
  display: block;                           
  position:relative;                           
}                           
                           
.frame_infor_01{                           
  width: auto;                           
  display: block;                           
  padding: 15px;                           
  background: rgb(255, 255, 255);                           
  box-shadow: none;                           
  margin-bottom: 0;                           
  position:relative;                           
  border-radius: 0;                           
  border-top-left-radius: 15px;                           
}                           
                           
.frame_infor_04 img{                           
  width: 100%;                           
  display: block;                           
  margin-bottom: 15px;                           
}                           
                           
.content_blog{                           
  width: auto;                           
  display: block;                           
  border-bottom: none;                           
}                           
                           
.content_blog img{                           
  width: 45%;                           
  display: block;                           
  float: left;                           
  margin-right: 20px;                           
  margin-top: 15px;                           
}                           
.inverse_image .content_blog{                           
}                           
.inverse_image .content_blog img{                           
  width: 45%;                           
  display: block;                           
  float: left;                           
  margin-right: 20px;                           
  margin-top: 27px;                           
}                           
.multi_link{                           
  width: auto;                           
  display: block;                           
  border-bottom: none;                           
}                           
                           
.multi_link h3{                           
  color: #171616;                           
  border: none;                           
  text-indent: 0px;                           
  position: relative;                           
  border-bottom: 1px dotted #ccc;                           
  margin-top: 0;                           
  padding: 0px 30px;                           
}                           
.multi_link h3:before{                           
  content: url(../images/h2.png);                           
  text-indent:0;                           
  padding-right: 12px;                           
  font-size:20px;                           
  position: absolute;                           
  left: -5px;                           
  top: 5px;                           
}                           
.multi_link ul{                           
  list-style-type: none;                           
  display: block;                           
}                           
                           
.in-menu_blocks_boss{                           
  width: auto;                           
  margin:auto;                           
  justify-content: flex-start;                           
  display: flex;                           
  list-style: none;                           
  margin-bottom: 0px;                           
  margin-top: 0px;                           
  background: #fff;                           
}                           
.link_helper_pangusu{                           
  display: flex;                           
}                           
.in-menu_blocks_boss:after{                           
  content: "";                           
  clear: both;                           
  display: block;                           
}                           
                           
.layer_article_content{                           
  width: auto;                           
  margin:auto;                           
}                           
.article_layer_three{                           
  margin-top: 0px;                           
  margin-bottom: 20px;                           
}                           
.article_layer_three:after,                           
.layer_article_content{                           
  clear:both;                           
  display:block;                           
  content:"";                           
}                           
.in-navi_mains_boss{                           
  width:auto;                           
}                           
.in-navi_mains_boss li{                           
  list-style:none;                           
  display:inline-block;                           
}                           
                           
.article_content_column {                           
  padding:20px;                           
  background:#fff;                           
  border: 1px solid #ccc;                           
}                           
.article_content_column li{                           
  padding:0;                           
  margin:0;                           
  list-style:none;                           
  height: 40px;                           
  line-height: 40px;                           
}                           
.article_content_column li a{                           
  width: auto;                           
}                           
                           
.article_content_column li a:before{                           
  content:"\27BC";                           
  padding-right:10px;                           
}                           
div#boxArea div:nth-child(3) {                           
    margin-right: -1px;                           
    margin-top: 0px;                           
}                           
.social{                           
  width: auto;                           
  justify-content: center;                           
  display: flex;                           
  padding: 5px 0;                           
}                           
div#boxArea div:nth-child(3) {                           
    margin-right: -2px;                           
    margin-top: 2px;                           
    margin-left: 7px;                           
}                           
.end_block_footer{                           
  width: auto;                           
  display: block;                           
  min-width: 1200px;                           
  text-align: center;                           
  position:relative;                           
  background: #cdeef1;                           
  padding: 10px 0;                           
}                           
                           
.end_block_footer a{                           
}                           
.end_block_footer a:hover{                           
}                           
.footer_inner_menu{                           
  width: 1200px;                           
  margin: 0 auto;                           
  display: block;                           
  margin-bottom: 10px;                           
}                           
.footer_inner_menu ul{                           
  justify-content: center;                           
  display: flex;                           
                           
}                           
.footer_inner_menu ul li{                           
  list-style-type: none;                           
  display: inline-block;                           
  /* padding: 10px 0; */                           
}                           
.footer_inner_menu ul li{                           
  /* display: block; */                           
  /* padding: 10px 10px; */                           
  margin: 0 13px;                           
}                           
.footer_inner_menu ul li:before{                           
  content:"\21a0";                           
  padding-right: 10px;                           
  font-size:20px;                           
  color: #f67a23;                           
}                           
.footer_inner_menu ul li a:hover{                           
}                           
.attactment_footer{                           
  width: 1200px;                           
  margin: 0 auto;                           
  padding: 10px 0;                           
}                           
.content_blog p{                           
  text-align: justify;                           
}                           
                           
@media screen and (max-width: 480px) {                           
  body{                           
    background:#fff;                           
  }                           
  .Blog_header_infor{                           
    min-width: 100%;                           
    width: auto;                           
    margin-bottom: 20px;                           
    display: block;                           
    padding-bottom: 0;                           
  }                           
  .left_asidebar{                           
  display: block;                           
  margin-bottom: 0;                           
  }                           
  .left_asidebar h2{                           
    text-align:center;                           
  }                           
  .SIMPLE_tittle{                           
    width: auto;                           
    display: block;                           
    margin: 0;                           
  }                           
  .SIMPLE_tittle h1{                           
    display: block;                           
    justify-content: center;                           
    font-size: 14px;                           
    padding: 10px;                           
    text-align: left;                           
    line-height: 150%;                           
  }                           
  h1{                           
    display: block;                           
  }                           
  h2{
    display: block;
    width: auto;
    text-align:center;
    text-indent:0;
    margin-bottom: 10px;
    text-align:  left;
    font-size: 20px;
  }                           
  .main_image_inner{                           
  width:auto;                           
  }                           
  .detail_of_photo{                           
    width: auto;                           
    margin-top: 0;                           
    display: block;                           
    padding: 0;                           
  }                           
  .main_image_inner{                           
    width: auto;                           
    display: block;                           
    padding: 0;                           
  }                           
  .main_image_inner img{                           
    width: 100%;                           
    border: 0;                           
    float: none;                           
  }                           
  .BASE_site{                           
    min-width: 100%;                           
    width:auto;                           
    margin: 0 auto;                           
    /* padding: 0 20px; */                           
    border:none;                           
    padding-bottom: 1px;                           
    box-shadow: none;                           
    padding: 0;                           
    margin: 0;                           
  }                           
  .site_main{                           
    width: auto;                           
    display: block;                           
    float: none;                           
    border: none;                           
    padding: 0;                           
    margin-left: 0;                           
  }                           
  .inverse_image{                           
    width: auto;                           
    display: block;                           
    float: none;                           
    padding: 0;                           
    margin-left: 0;                           
    background: none;                           
    margin: 0;                           
  }                           
  .site_left{                           
    width: auto;                           
    display: block;                           
    /* background: none; */                           
    float: none;                           
    /* margin-top: 10px; */                           
    border: none;                           
    padding-bottom: 1px;                           
  }                           
  .site_right{                           
    width: auto;                           
    display: block;                           
    float: none;                           
  }                           
  .normal_frame{                           
    width: auto;;                           
    display: block;                           
    float: none;                           
  }                           
  .block_top_main{                           
    width: auto;                           
    float: none;                           
  }                           
  .block_top_main .block_data{                           
    margin:0;                           
    border-radius: 0;                           
    border: none;                           
  }                           
  .frame_infor_01{                           
    width:auto;                           
    display:block;                           
  }                           
.frame_infor_01:after,                           
.frame_infor_01:before{                           
    display:none;                           
  }                           
  .main_banner,                           
  .sub_banner{                           
    width: auto;                           
    float: none;                           
    display: block;                           
    margin: 0;                           
    padding: 0;                           
    border: none;                           
  }                           
  .main_banner:before,                           
  .main_banner:after{                           
    display:none;                           
  }                           
  .main_banner img{                           
  border-radius:0;                           
  border: none;                           
  padding: 0;                           
  }                           
  .frame_infor_04{                           
    width: auto;                           
    float: none;                           
  }                           
  .frame_infor_04 h2.title_h2{                           
    width: 92.5%;                           
  }                           
  .inverse_image .content_blog {                           
    /* box-shadow : 0px 10px 6px -6px rgba(119,119,119,1); */                           
  }                           
  .frame_infor_03 h2.title_h2{                           
    margin-top: -60px;                           
    width: 92.5%;                           
    overflow: hidden;                           
  }                           
  .frame_infor_02 h2.title_h2 {                           
    width: 92.5%;                           
}                           
  .block_count_frame_infor_01,                           
  .frame_infor_02,                           
  .frame_infor_03,                           
  .frame_infor_04,                           
  .content_blog,                           
  .block_count_frame_infor_01:nth-child(even),                           
  .block_count_frame_infor_01:nth-child(3),                           
  .block_count_frame_infor_01:nth-child(5),                           
  .frame_infor_02:nth-child(even){                           
    float: none;                           
    display: block;                           
    margin: 20px;                           
    border-radius: 0;                           
    width: auto;                           
  }                           
  .frame_infor_02:before,                           
  .frame_infor_04:after{                           
    display:none;                           
  }                           
  .block_count_frame_infor_01 img,                           
  .frame_infor_02 img,                           
  .frame_infor_03 img,                           
  .frame_infor_04 img,                           
  .content_blog img,                           
  .inverse_image .content_blog img{                           
    width: 100%;                           
    float: none;                           
    border-radius: 0;                           
    padding: 0;                           
    display: block;                           
  }                           
                           
  .article_content_column{                           
    width: auto;                           
    margin-top: 20px;                           
    display: block;                           
  }                           
  .article_content_column li{                           
    width: auto;                           
    display: block;                           
  }                           
  .article_content_column li a{                           
    width: auto;                           
  }                           
  div#boxArea div:nth-child(3){                           
    width: auto;;                           
    display: block;                           
  }                           
  .article_layer_three{                           
  width: auto;                           
  display: block;                           
                           
  }                           
  .in-navi_mains_boss{                           
    width:auto;                           
  }                           
  .in-navi_mains_boss li{                           
    padding:0 10px;                           
  }                           
  .in-menu_blocks_boss{                           
    margin:20px;                           
    padding: 0;                           
  }                           
  .end_block_footer{                           
    min-width: 100%;                           
    width: auto;                           
    display: block;                           
  }                           
  .social{                           
    width: auto;                           
    justify-content: center;                           
  }                           
  .end_block_footer{                           
    min-width: 100%;                           
    width: auto;                           
    display: block;                           
    margin-top: 15px;                           
    border-radius: 0;                           
    padding: 10px;                           
  }                           
  .footer_inner_menu{                           
    display: block;                           
    width: auto;                           
  }                           
  .footer_inner_menu ul{                           
    display: block;                           
    width: auto;                           
  }                           
  .footer_inner_menu ul li{                           
    display: block;                           
    width: auto;                           
  }                           
  .footer_inner_menu ul li a{                           
    width: auto;                           
    /* margin: 5px; */                           
  }                           
  .footer_inner_menu ul li a:hover{                           
    width: auto;                           
    color: #171616;                           
    text-decoration: none;                           
    margin: 0;                           
  }                           
  .attactment_footer{                           
    width: auto;                           
                           
  }                           
  .multi_link{                           
    display: block;                           
    margin: 20px;                           
    margin-bottom: 0;                           
  }                           
                           
}