@charset "UTF-8";
/* ===================================================================
CSS information
 file name  : news.css author     : Ability Consultant style info : お知らせ・新着情報
=================================================================== */
.con_news, .con_detail .box_detail, .con_detail .box_f_width .box_link { max-width: 1200px; margin: auto; width: 95%; }

@-webkit-keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@-moz-keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@-ms-keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@keyframes animHomeHeaderLine { 0% { background-position: 0 -5em; }
  50% { background-position: 0 0; }
  100% { background-position: 0 5em; } }
/* -----------------------------------------------------------
	con_news
----------------------------------------------------------- */
@media only screen and (max-width: 767px) { #news h2 { font-size: 184%; } }

.con_news { border-top: 1px solid #e3e3e3; background: #fff; margin-top: 2em; padding-top: 2em; }
@media only screen and (max-width: 767px) { .con_news { margin-top: 0px; } }
.con_news.con_detail { border-top: none; padding-top: 0px; }
@media only screen and (min-width: 1024px) and (max-width: 1240px) { .con_news { width: 95%; } }
@media print { .con_news { width: 95%; } }
.ie8 .con_news { width: 95%; }
.con_news .box_time span { background: #615b54; text-align: center; color: #fff; padding: 2px 10px; padding: 2px 10px; width: auto; display: inline-block; margin-right: 10px; }
@media only screen and (max-width: 767px) { .con_news .box_time span { padding: 0.1em 0.5em; } }
@media only screen and (max-width: 767px) { .con_news .box_time span { width: auto; } }
.con_news .box_link { text-align: center; margin-bottom: 97px; }
@media only screen and (max-width: 767px) { .con_news .box_link { margin-bottom: 2em; } }
.con_news .box_link h4 { font-size: 167%; letter-spacing: 14px; margin-top: 83px; }
@media only screen and (max-width: 767px) { .con_news .box_link h4 { margin-top: 1em; } }
.con_news .box_link p { text-align: center; margin-top: 10px; font-size: 109%; color: #000000; }
@media only screen and (max-width: 767px) { .con_news .box_link p { margin-top: 1em; } }
.con_news .box_link p.txt_year { margin-top: 15px; }
@media only screen and (max-width: 767px) { .con_news .box_link p.txt_year { margin-top: 1em; } }
.con_news .box_link ul { margin-top: 1em; font-size: 109%; display: flex; flex-wrap: wrap; justify-content: flex-start; }
@media only screen and (max-width: 767px) { .con_news .box_link ul { justify-content: center; } }
.con_news .box_link ul li { margin-right: 1em; }
@media only screen and (max-width: 767px) { .con_news .box_link ul li { margin-bottom: 1em; } }
.con_news .box_link ul li:last-child { margin-right: 0; }
.con_news .box_tab #tab ul { display: flex; flex-direction: row; }
@media only screen and (max-width: 767px) { .con_news .box_tab #tab ul { display: none; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_news .box_tab #tab ul { flex-wrap: wrap; justify-content: flex-start; } }
.con_news .box_tab #tab ul li { font-size: 109%; color: #403c38; text-align: center; width: 10.25%; margin-right: 12px; border: 1px solid #cbc7c1; border-radius: 20px; height: 28px; line-height: 28px; cursor: pointer; }
@media only screen and (max-width: 767px) { .con_news .box_tab #tab ul li { width: 100%; } }
body.large .con_news .box_tab #tab ul li { width: 13.33333%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_news .box_tab #tab ul li { width: 20%; margin-bottom: 1em; } }
.con_news .box_tab #tab ul li.active { background: #615b54; color: #fff; border: 1px solid #615b54; cursor: default; }
.con_news .box_tab #tab ul li.active a { color: #fff; }
.con_news .box_tab #tab ul li:hover { background: #615b54; color: #fff; border: 1px solid #615b54; }
.con_news .box_tab #tab ul li:hover a { color: #fff; text-decoration: none; }
@media only screen and (min-width: 768px) { .con_news .box_tab #tab select { display: none; } }
@media print { .con_news .box_tab #tab select { display: none; } }
.ie8 .con_news .box_tab #tab select { display: none; }
.con_news .box_tab #tab select { box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2); background: #f5f5f5; border: 1px solid #dcdcdc; width: 80%; height: 35px; margin: 0 auto; font-size: 126%; }
@media only screen and (max-width: 767px) { .con_news .box_tab #tab select { display: block; } }
.con_news .box_tab .box_news > div { display: none; }
.con_news .box_tab .box_news > div:first-child { display: block; }
.con_news .box_news { margin-top: 20px; margin-bottom: 84px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_news .box_news { margin-top: 0px; } }
@media only screen and (max-width: 767px) { .con_news .box_news { margin-top: 0px; } }
@media only screen and (max-width: 767px) { .con_news .box_news { margin-bottom: 2em; } }
.con_news .box_news > div .box_04_item { display: flex; justify-content: flex-start; flex-wrap: wrap; border-bottom: 1px solid #e3e3e3; padding: 41px 0px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_news .box_news > div .box_04_item { padding: 1em 0px; } }
@media only screen and (max-width: 767px) { .con_news .box_news > div .box_04_item { padding: 1em 0px; } }
.con_news .box_news > div .box_04_item .box_item { width: 18.5%; margin-right: 8.66667%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_news .box_news > div .box_04_item .box_item { width: 21.66667%; } }
@media only screen and (max-width: 767px) { .con_news .box_news > div .box_04_item .box_item { width: 45.83333%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_news .box_news > div .box_04_item .box_item { margin-right: 4.41667%; } }
@media only screen and (max-width: 767px) { .con_news .box_news > div .box_04_item .box_item { margin-right: 0%; } }
@media only screen and (max-width: 767px) { .con_news .box_news > div .box_04_item .box_item { font-size: 117%; margin-left: 4%; }
  .con_news .box_news > div .box_04_item .box_item:first-child, .con_news .box_news > div .box_04_item .box_item:nth-child(2n+1) { margin-left: 0; } }
.con_news .box_news > div .box_04_item .box_item a { text-decoration: none; display: block; }
.con_news .box_news > div .box_04_item .box_item a .img { margin-bottom: 16px; text-align: center; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_news .box_news > div .box_04_item .box_item a .img { margin-bottom: 1em; } }
@media only screen and (max-width: 767px) { .con_news .box_news > div .box_04_item .box_item a .img { margin-bottom: 1em; } }
@media only screen and (max-width: 767px) { .con_news .box_news > div .box_04_item .box_item a .img img { width: 100%; } }
.con_news .box_news > div .box_04_item .box_item a p { margin-top: 13px; font-size: 109%; color: #403c38; text-decoration: underline; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_news .box_news > div .box_04_item .box_item a p { margin-top: 1em; } }
@media only screen and (max-width: 767px) { .con_news .box_news > div .box_04_item .box_item a p { margin-top: 1em; } }
.con_news .box_news > div .box_04_item .box_item a:hover p { text-decoration: none; }
.con_news .box_news > div .box_04_item .box_item:nth-of-type(4n) { margin-right: 0px; }
.con_news .box_news > div .box_04_item .box_item:nth-of-type(2n) { float: right; }
.con_news .box_news .box_nav { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 67px; }
@media only screen and (max-width: 767px) { .con_news .box_news .box_nav { margin-top: 2em; } }
.con_news .box_news .box_nav li { width: 40px; height: 40px; text-align: center; line-height: 40px; margin: 0 37px 0 0; }
@media only screen and (max-width: 767px) { .con_news .box_news .box_nav li { margin: 1em 0.5em 0.5em; } }
.con_news .box_news .box_nav li:last-child { margin-right: 0; }
@media only screen and (max-width: 767px) { .con_news .box_news .box_nav li { margin-bottom: 1em; } }
.con_news .box_news .box_nav li a { font-size: 175%; display: block; border-radius: 50%; text-decoration: none; border: 1px solid #e5e5e5; }
.con_news .box_news .box_nav li a:hover { background: #e5e5e5; }
.con_news .box_news .box_nav li a p { line-height: 40px; display: inline-block; }
.con_news .box_news .box_nav li a p img { display: block; }
.con_news .box_news .box_nav li.active a { border: none; }

/* -----------------------------------------------------------
	con_detail Page detail
----------------------------------------------------------- */
.con_detail { max-width: 100%; margin-bottom: 84px; }
@media only screen and (max-width: 767px) { .con_detail { margin-bottom: 2em; } }
.con_detail .box_detail { padding-top: 2em; }
@media only screen and (min-width: 1024px) and (max-width: 1240px) { .con_detail .box_detail { width: 95%; } }
@media print { .con_detail .box_detail { width: 95%; } }
.ie8 .con_detail .box_detail { width: 95%; }
.con_detail .box_detail .box_time { font-size: 117%; letter-spacing: 0.2em; }
.con_detail .box_detail .box_time span { width: auto; }
.con_detail .box_detail .box_content { max-width: 800px; margin: 0 auto; color: #000000; margin-bottom: 55px; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content { max-width: 100%; } }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content { margin-bottom: 1em; } }
.con_detail .box_detail .box_content h3 { letter-spacing: 0.2em; text-align: center; font-size: 200%; font-weight: normal; margin-top: 42px; margin-bottom: 63px; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content h3 { margin-top: 1em; } }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content h3 { margin-bottom: 1em; } }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content h3 { font-size: 150%; text-align: left; } }
.con_detail .box_detail .box_content span { background: none; color: #000; display: initial; }
.con_detail .box_detail .box_content .box_special { margin-bottom: 30px; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content .box_special { margin-bottom: 1.2em; } }
.con_detail .box_detail .box_content .box_special .img { text-align: center; }
.con_detail .box_detail .box_content .box_special .txt_title { font-size: 109%; margin-top: 0.3em; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content .box_special .txt_title { margin-top: 0px; } }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content .box_special .txt_title { font-size: 100%; } }
.con_detail .box_detail .box_content p { font-size: 109%; line-height: 2.5; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content p { line-height: 2; } }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content p { text-align: left; font-size: 100%; line-height: 1.6; } }
.con_detail .box_detail .box_content .box_img { margin-top: 50px; margin-bottom: 30px; display: flex; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content .box_img { margin-top: 1em; } }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content .box_img { margin-bottom: 1.2em; } }
.con_detail .box_detail .box_content .box_img > div { width: 49.75%; margin-right: 2%; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content .box_img > div { width: 100%; } }
.con_detail .box_detail .box_content .box_img > div:last-child { margin-right: 0px; }
.con_detail .box_detail .box_content .box_postnav { display: flex; justify-content: center; margin-top: 60px; border-right: 0px; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content .box_postnav { margin-top: 1.5em; } }
.con_detail .box_detail .box_content .box_postnav li { width: 33.333333%; border: 1px solid #e0e0e0; }
.con_detail .box_detail .box_content .box_postnav li a { text-align: center; padding: 30px 10px; color: #626262; display: block; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content .box_postnav li a { padding: 1em; } }
.con_detail .box_f_width { width: 100%; border-top: 1px solid #e0e0e0; }
@media only screen and (min-width: 1024px) and (max-width: 1240px) { .con_detail .box_f_width .box_link { width: 95%; } }
@media print { .con_detail .box_f_width .box_link { width: 95%; } }
.ie8 .con_detail .box_f_width .box_link { width: 95%; }