@charset "UTF-8";
/* CSS Document */
#main_box { background-image: url(/corporate/images/index/main.jpg); background-color: #bb4843; }

#main_txt h1 { /*top:70px;*/ display: none; }

/* news */
#news { padding-bottom: 20px; }
#news h2 img { height: 40px; width: auto; }
#news ul { list-style: inside; }
#news ul li { margin-bottom: 15px; margin-left: 1em; text-indent: -1em; }
#news ul li a { color: #333333; text-decoration: underline; }
#news ul li a:hover { text-decoration: none; }

/* bnr */
.contents { margin-top: 30px; }

.contents_bg { background-color: #F6F1EA; padding: 10px 0 40px; }

#bnr h2 img { height: 30px; width: auto; }
#bnr ul { display: flex; flex-wrap: wrap; }
#bnr li { width: 435px; margin: 0 30px 30px 0; background: #fff url(/corporate/images/index/bnr_arrow.gif) no-repeat; background-position: right bottom; }
#bnr li:nth-child(2n) { margin-right: 0px; }
#bnr li a { display: flex; }
#bnr li a:hover { text-decoration: none; opacity: 0.6; filter: alpha(opacity=60); }
#bnr li a .left { width: 30%; }
#bnr li a .right { width: 70%; }
#bnr li a img { width: 92%; height: auto; margin: 23px 15px; }
#bnr li a:hover img { opacity: 1; filter: alpha(opacity=100); }
#bnr li a .txt { padding: 25px 20px 25px 15px; }
#bnr li a .txt p { line-height: 1.5em; color: #333; }
#bnr li a .txt h3 { color: #333333; font-size: 123.1%; margin-bottom: 5px; }

@media screen and (min-width: 981px) { #bnr ul li { display: flex; align-items: center; }
  #bnr .wide li { width: 900px; margin-right: 0; }
  #bnr .wide li a .left { width: 15%; }
  #bnr .wide li a .right { display: flex; align-items: center; width: 85%; font-size: 0; }
  #bnr .wide li a .right .txt { width: 270px; box-sizing: content-box; font-size: 13px; vertical-align: top; }
  #bnr .wide li a .right .txt.flex { display: flex; align-items: center; width: auto; margin-left: 20px !important; }
  #bnr .wide li a .right .txt.flex img { width: 38%; margin: auto; }
  #bnr .wide li a .right .txt.flex p { margin-left: 10px; }
  #bnr .wide li a .right .txt:nth-of-type(2n) { margin-left: 50px; } }
@media screen and (min-width: 641px) and (max-width: 980px) { #bnr .wide .txt.flex { display: inline-flex; width: 52%; }
  #bnr .wide .txt.flex img { width: 45%; margin: auto 5px auto 0; } }
@media screen and (min-width: 481px) and (max-width: 980px) { #bnr .wide li { width: 98%; }
  #bnr .wide li a .left { width: 15%; }
  #bnr .wide li a .right { width: 85%; font-size: 0; }
  #bnr .wide li .txt { width: 40%; display: inline-block; padding: 25px 15px; font-size: 13px; vertical-align: top; } }
#info { background-color: #F1E3D6; padding: 40px 0; }
#info ul { width: 960px; margin: 0 auto 30px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; }
#info ul li { width: 49%; color: #333333; margin-bottom: 30px; }
#info ul li:last-child { padding-right: 0; }
#info ul li .ttl { height: 42px; line-height: 32px; background-color: #333333; text-align: center; color: #fff; font-weight: bold; padding: 6px 0 4px 0; margin-bottom: 5px; }
#info ul li .ttl.double { line-height: 1.3; }
#info ul li .ttl2 { background-color: #522018; text-align: center; color: #fff; font-weight: bold; padding: 6px 0 4px 0; margin: 5px 0; }
#info ul li .tel { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; line-height: 1em; margin-bottom: 6px; padding: 0 5px; }
#info ul li .tel img { margin-right: 5px; }
#info ul li .tel a { color: #333333; }
#info ul li p { padding: 0 5px; margin-bottom: 5px; line-height: 1.5em; }
#info ul li strong { display: block; background-color: #ada8a2; padding: 3px 0 1px 0; text-align: center; color: #fff; }
#info ul li table { width: 100%; }
#info ul li table th { width: 55%; font-size: 12px; text-align: left; vertical-align: middle; padding: 5px; border-bottom: 1px dotted #666; }
#info ul li table td { width: 45%; padding: 5px 0; border-bottom: 1px dotted #666; vertical-align: top; text-align: right; }
#info ul li table td a.btn { width: 100%; margin-top: 0px; display: inline-block; letter-spacing: normal; *display: inline; *zoom: 1; padding: 10px 27px 8px 10px; font-size: 11px; background-image: url(/corporate/images/index/info_arrow.png); background-position: right center; background-repeat: no-repeat; }

@media screen and (max-width: 1024px) { /* bnr */
  #bnr li { /*  width:32%; 最初*/ width: 49%; margin: 0 2% 2% 0; }
  #bnr li a .txt p { font-size: 12px; }
  #info { padding: 30px 40px; }
  #info ul { width: 100%; flex-wrap: wrap; }
  #info ul li { width: 49%; margin-bottom: 30px; }
  #info ul li:nth-child(2n) { padding-right: 0; }
  #info ul li table th { width: auto; } }
@media screen and (max-width: 1024px) and (max-width: 980px) { /* bnr */
  #bnr li { /*  width:32%; 最初*/ width: 49%; margin: 0 2% 2% 0; }
  #bnr li a .txt p { font-size: 12px; }
  #bnr li a .txt img { display: block; width: 45%; margin: 0 auto 10px; }
  #info ul li table th { width: auto; } }
@media screen and (max-width: 1024px) and (max-width: 640px) { #main_txt h1 img { height: 54px; }
  /* news */
  #news h2 img { height: 30px; }
  #news ul li { margin-bottom: 10px; }
  #news ul li a { font-size: 12px; }
  /* bnr */
  #bnr h2 img { height: 20px; }
  #bnr li { /*  width:49%; 最初*/ width: 48%; margin: 0 2% 2% 0; }
  #bnr li:nth-child(2n) { margin-right: 0px; }
  #bnr li a { background-size: 40px; flex-wrap: wrap; }
  #bnr li a .txt { padding: 10px 10px 20px 10px; }
  #bnr li a .txt h3 { color: #333333; font-size: 14px; margin-bottom: 5px; }
  #info { padding: 30px 15px; }
  #info ul li { width: 100%; }
  #info ul li p { font-size: 12px; }
  #info ul li table td a.btn { background-image: url(/corporate/images/common/f_info_arrow_sp.png); background-size: 21px 14px; } }
@media screen and (max-width: 1024px) and (min-width: 481px) { #bnr .wide li .right.txt { width: 47%; } }
@media screen and (max-width: 1024px) and (max-width: 480px) { /* bnr */
  #bnr li { float: none; width: 290px; margin: 0 auto 20px auto !important; }
  #bnr li a .right, #bnr li a .left { width: 100%; float: none; }
  #bnr li a .img { height: 120px; overflow: hidden; text-align: center; }
  #bnr li a .img img { width: auto; margin: auto; }
  #bnr li#bnr7 a .img img { margin-top: -30px; }
  #bnr li a .right .txt { height: auto !important; }
  #bnr li a .right .txt:nth-of-type(n+2) { padding-top: 0; } }
@media screen and (max-width: 1024px) { #bnr li.bnr_img { background: none; }
  #bnr li.bnr_img a:hover { opacity: 1 !important; filter: alpha(opacity=100) !important; }
  #bnr li.bnr_img a:hover img { opacity: 1 !important; filter: alpha(opacity=100) !important; }
  #bnr li.bnr_img .left { width: 100%; }
  #bnr li.bnr_img img { width: 100%; margin: 0; }
  #bnr li.bnr_img img.sp { display: none; } }
#bnr li.bnr_img { background: none; }
#bnr li.bnr_img a:hover { opacity: 1 !important; filter: alpha(opacity=100) !important; }
#bnr li.bnr_img a:hover img { opacity: 1 !important; filter: alpha(opacity=100) !important; }
#bnr li.bnr_img .left { width: 100%; }
#bnr li.bnr_img img { width: 100%; height: 100%; margin: 0; }
#bnr li.bnr_img img.sp { display: none; }

@media screen and (max-width: 640px) { #bnr li.bnr_img img.sp { display: block; max-height: 325px; }
  #bnr li.bnr_img img.pc { display: none; } }

/*# sourceMappingURL=index.css.map */
