@charset "UTF-8";
/*黒*/
/*赤*/
/*薄い黄色*/
/*線の色*/
/*紫*/
/*ピンク*/
/*黄色*/
/*スマホメニューの色*/
/*スマホメニューの色*/
#mainimg { background: url(../images/top/mainimg.jpg) center center no-repeat; background-size: cover; height: 800px; margin-bottom: 75px; }

section { margin-bottom: 80px; }
section:last-child { margin-bottom: 0px; }

footer .bannerbox { margin: 20px 0; }

#contents01 ul.photobox01 { margin-bottom: 10px; display: flex; justify-content: center; }
#contents01 ul.photobox01 li { width: calc(100% / 5); margin: 0; padding: 0; font-size: 0; }
#contents01 ul.photobox01 li.imgbox { height: 200px; }
#contents01 ul.photobox01 li.imgbox a { display: block; height: 200px; }
#contents01 ul.photobox01 li.imgbox01 { background: url(../images/top/img01.jpg) center center no-repeat; background-size: cover; }
#contents01 ul.photobox01 li.imgbox02 { background: url(../images/top/img02.jpg) center center no-repeat; background-size: cover; }
#contents01 ul.photobox01 li.imgbox03 { background: url(../images/top/img03.jpg) center center no-repeat; background-size: cover; }
#contents01 ul.photobox01 li.imgbox04 { background: url(../images/top/img04.jpg) center center no-repeat; background-size: cover; }
#contents01 ul.photobox01 li.imgbox05 { background: url(../images/top/img05.jpg) center center no-repeat; background-size: cover; }
#contents01 ul.photobox02 { margin-top: 10px; display: flex; justify-content: center; background-color: #000; width: auto; }
#contents01 ul.photobox02 li { margin: 0; padding: 0; font-size: 0; }
#contents01 ul.photobox02 li.imgbox { height: 200px; }
#contents01 ul.photobox02 li.imgbox a { display: block; height: 200px; }
#contents01 ul.photobox02 li.imgbox06 { background: url(../images/top/img06.jpg) center center no-repeat; background-size: cover; }
#contents01 ul.photobox02 li.imgbox07 { background: url(../images/top/img07.jpg) center center no-repeat; background-size: cover; }
#contents01 ul.photobox02 li.imgbox08 { background: url(../images/top/img08.jpg) center center no-repeat; background-size: cover; }
#contents01 ul.photobox02 li.imgbox09 { background: url(../images/top/img09.jpg) center center no-repeat; background-size: cover; }

#contents02 .textbox { background-color: #000; padding: 40px 0; }
#contents02 .textbox h2 { margin-top: 40px; margin-bottom: 40px; }
#contents02 .textbox .btnbox { margin: 0 40px; }
#contents02 .textbox .btnbox a { position: relative; background-color: #c8161d; color: #fff; padding: 20px; border-radius: 50px; display: block; font-size: 1.2em; }
#contents02 .textbox .btnbox a:after { content: ''; background: url(../images/common/icon03.svg) center center no-repeat; background-size: contain; display: block; width: 28px; height: 28px; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
#contents02 .item01 { margin-bottom: 40px; }
#contents02 .item01 .imgbox { background: url(../images/top/img10.jpg) center center no-repeat; background-size: cover; }
#contents02 .item02 { margin-bottom: 40px; }
#contents02 .item02 .imgbox { background: url(../images/top/img11.jpg) center center no-repeat; background-size: cover; }

@media screen and (max-width: 1200px) { .contentsinner { width: 90%; margin: 0 auto; }
  #mainimg { margin: 0; } }
/* -------------------------------sp--------------------------------------------- */
@media screen and (max-width: 812px) { .contentsinner { padding-left: 0px; padding-right: 0px; }
  .contentsinner2 { padding-left: 0px; padding-right: 0px; }
  #mainimg { width: 100%; margin: 0; height: 300px; }
  #mainimg .mainimginner h2 { width: 400px; } }
@media screen and (max-width: 420px) { #mainimg { height: 300px; }
  #mainimg .mainimginner { height: 300px; }
  #mainimg .mainimginner h2 { width: 200px; }
  #contents01 ul.photobox01 li.imgbox { height: 100px; }
  #contents01 ul.photobox01 li.imgbox a { height: 100px; }
  #contents01 ul.photobox02 li.imgbox { height: 100px; }
  #contents01 ul.photobox02 li.imgbox a { height: 100px; }
  #contents02 .textbox .btnbox { margin: 0 10px; }
  #contents02 .textbox .btnbox a:after { width: 20px; height: 20px; right: 10px; }
  #contents02 .imgbox { width: 100%; height: 200px; }
  #contents02 .textbox { width: 100%; padding: 20px 0; }
  #contents02 .textbox h2 { margin-top: 10px; margin-bottom: 20px; }
  #contents02 .textbox h2 img { width: 80%; } }