@charset "utf-8";
/* CSS Document */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


#wrapper {min-width:1200px;}
#contents {width:100%!important;padding:0;}

#wrap {width:100%;font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;font-size:16px;line-height:2em;background:#fff;overflow:hidden;}
.container {width:1360px;margin:0 auto;}
.inner {display:table;width:1366px;padding:0;margin:0 auto;position:relative;}
#wrap section {position:relative;}
#wrap img {max-width:100%;}

rt,rp {font-size:0.7em;}

.table {display:table;}
.table > div {display:table-cell;}

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

.both {clear:both !important;}
.c_left {clear:left !important;}
.c_right {clear:right !important;}

#wrap a {text-decoration:none;color:#333;}
/*#wrap section {margin-bottom:10px;}*/

.cf {display:table;width:100%;}
.cf:before,
.cf:after {content:"";display:table;clear:both;}

.left {float:left;}
.right {float:right;}


.video{position:relative;width:100%;padding-top:56.25%;}
.video iframe{position:absolute;top:0;right:0;width:100%;height:100%;}

/* breadcrumb */
#breadcrumb_area {background-color:#e01229;}
#breadcrumb_area .inner {padding: 0 4.75%!important;}
#breadcrumb_area .inner:before {content:"";display:block;background:url(../img/nav_about.png) no-repeat left center;background-size:5%;position:absolute;width:100%;height:100%;left:0;}
#breadcrumb_area .breadcrumb_list {display:-webkit-box;display:-ms-flexbox;display:flex;}
#breadcrumb_area .breadcrumb_list .breadcrumb_item {padding:23px 0;font-size:14px;color:#fad407;}
#breadcrumb_area .breadcrumb_list .breadcrumb_item:first-child {}
#breadcrumb_area .breadcrumb_list .breadcrumb_link {position:relative;display:inline-block;margin-right:30px;color:#fff;}
#breadcrumb_area .breadcrumb_list a:hover {opacity: .7;}
#breadcrumb_area .breadcrumb_list .breadcrumb_link:after {position:absolute;top:0;right:-25px;content:"＞";color:#fff;}

@media screen and (max-width:1406px){
.container {width:100%;}
#wrap {line-height:2em;}
.inner {display:block;width:calc(100% - 40px);padding:0 20px;}
}

@media screen and (max-width:640px){
.inner {display:block;width:calc(100% - 20px);padding:0 10px;}
#wrapper {min-width:inherit;}
.container {width:100%;}

#wrap {font-size:12px;line-height:1.8em;}
.pc {display:none !important;}
.sp {display:block !important;}

.table {display:table;width:100%;}

#wrap img {max-width:100%;}

.btn {font-weight:bold;}

/*breadcrumb*/
#breadcrumb_area {margin-bottom:0 !important;}#breadcrumb_area .inner {width:95%;}
#breadcrumb_area .inner::before {background-size:15%;}
#breadcrumb_area .breadcrumb_list {display:block;padding:15px 0 15px 15%;}
#breadcrumb_area .breadcrumb_list:first-child {padding-left:15%;}
#breadcrumb_area .breadcrumb_list .breadcrumb_item {padding:0;}
}

/* banner_area */
#banner_area {
  background: url(../img/bg_banner.jpg) no-repeat center center;
  background-size: cover;
}
#banner_area .inner {
  width: 100%;
  padding: 150px 0 30px;
}
.banner_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 980px;
  margin: 0 auto;
}
.banner_flex .banner_flex_item {
  margin: 0 15px;
}
.banner_flex a:hover img,.banner_item a:hover img {
  opacity: .7;
}
.banner_item {
  max-width: 980px;
  margin: 30px auto 0;
  padding: 0 15px 150px;
}

@media screen and (max-width: 640px) {
  #banner_area .inner {
    padding: 8vw 0 !important;
  }
    .banner_flex {margin:0 20px;justify-content:space-between;}
    .banner_flex .banner_flex_item {
    margin: 0;
	width:48.5%;
  }
  .banner_item {
    margin: 14px auto 0;
    padding: 0 20px;
  }

}