@charset "utf-8";
/* CSS Document */


/* ==========================
main
============================= */

.contents_box {
    max-width: 1160px;
    margin: 80px auto 0;
}

/* 紙風ボタン */

.paper_button {
    position: relative;
    margin: 40px auto;
    padding: 25px 30px;
    max-width: 300px;
   font-family: "Hiragino Kaku Gothic ProN";
    text-align: center;
    color: #fff;
    background: #6baecf;
    border-radius: 2px;
}
.paper_button::before, .paper_button::after {
    content: '';
    position: absolute;
    bottom: 10px;
    width: 43%;
    height: 13px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.7);
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.paper_button::before {
    left: 15px;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-7deg) rotate(-7deg);
}
.paper_button::after {
  right: 15px;
  -webkit-transform: skew(5deg) rotate(5deg);
      -ms-transform: skew(5deg) rotate(5deg);
          transform: skew(5deg) rotate(5deg);
}
.paper_button:hover::before,
.paper_button:hover::after {
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.4);
}
.paper_button:hover::before {
  left: 5px;
}
.paper_button:hover::after {
  right: 5px;
}
.paper_button a:link {
    color: #fff;
}
.paper_button a:visited {
    color: #fff;
}

.paper_button.topnews{
    max-width: 700px;
    margin: 40px auto 80px;
}
.paper_button.topnews p{
    font-size: 18px;
    font-weight: bolder;
}

.paper_button.topnews::before, .paper_button.topnews::after {
    width: 15%;
}
/* ======== top ======== */
ul.pc_block {
    display: block;
}
ul.sp_block {
    display: none;
}
p.year {
    max-width: 100%;
    margin: 50px auto -30px;
    text-align: center;
}
/* ======== product ======== */
p.contents_title {
    font-size: 250%;
    text-align: center;
    line-height: 1em;
    margin-bottom: 40px;
font-family: 'Cormorant Infant','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;
}
p.contents_title span {
    font-size: 40%;
}
.product_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
li.pr_b {
    background: #222222;
    text-align: center;
}
li.pr_g {
    background: #444444;
    text-align: center;
}
p.p_li_text {
    color: #fff;
    padding: 20px 0;
    text-align: center;
}

/* ======== Support ======== */
.bg_right {
    padding: 50px 0;
    background: url(../img/bg_gray_r.png) no-repeat top right;
    background-size:auto;
}
.support_box {
    margin-top: 80px;
    background: url(../img/support_bg_b.png) no-repeat bottom left;
    background-size: 70% 100%;
    padding-bottom: 70px;
    z-index: 0;
    position: relative;
}
.support_box ul {
    max-width: 1000px;
    margin: 100px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
p.su_li_text {
    padding: 15px 0;
}
.support_box li {
    margin: 0 30px 10px;
}
/* ======== about ======== */
.about_box {
    margin: 80px 0;
    background: url(../img/bg_gray_l.png) no-repeat center left;
}
.anniversary {
    display: flex;
    flex-wrap: wrap;
    max-width: 1160px;
    margin: auto;
    align-items: center;
    justify-content: flex-end;
}
p.an_img {
    width: 450px;
    margin: 0 5%;
}
p.link_button {
    color: #65a534;
    margin: 0 50px;
    padding: 11px 30px 11px 30px;
    border: solid 2px;
    border-radius: 50px;
}
p.link_button img {
    width: 15px;
    padding: 4px 0 0 10px;
}
p.link_button a:visited {
    color: #65a534;
}
.about_box ul {
    max-width: 1160px;
    margin: 40px auto 50px;
    display: flex;
/*    flex-wrap: wrap;*/
    justify-content: space-around;
}
.about_box ul li {
    max-width: 100%;
    height: auto;
	width: 50%;
}
.about_box ul li {
    border-right: solid 2px #ccc;
    padding: 15px 0px;
    text-align: center;
}
.about_box ul li:last-of-type {
    border-right: none;
}


/* ======== news ======== */
.news_box {
    max-width: 1160px;
    margin: 80px auto;
}
.news_box table {
    max-width: 1030px;
    margin: 0 auto 45px;
}

tr.important {
    border: solid 1px #ccc;
}
tr.important th {
    padding: 50px 20px;
    border: solid 1px #ccc;
}
tr.important td {
    padding: 30px;
}
p.date {
    margin-bottom: 8px;
}
ul.news_li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
ul.news_li dl {
    margin: 20px 0;
    max-width: 358px;
}
ul.news_li dt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 11px;
    align-items: center;
}
.news_box table,ul.news_li{
    font-family: "Hiragino Kaku Gothic ProN";
}
p.category {
    color: #65a534;
    border: solid 1px #65a534;
    padding: 0px 10px;
    width: 100px;
    text-align: center;
}

.ve_bnr {
    text-align: center;
    max-width: 90%;
    margin: auto;
    position: relative;
}
.ve_bnr_text {
    position: absolute;
    bottom: 5px;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and ( max-width: 1000px ){
}
@media screen and ( max-width: 767px ){
	
ul.pc_block {
    display: none;
}
ul.sp_block {
    display: block;
}
p.year {
    max-width: 90%;
}
.product_box ul {
    max-width: 90%;
    margin: auto;
}
.product_box ul li {
    max-width: 50%;
}
.support_box li {
    margin: 0 ;
}
.support_box ul li {
    max-width: 50%;
}
.support_box ul {
    max-width: 90%;
    justify-content: start;
    margin: 0 auto;
}
p.su_li_text {
    text-align: center;
}
.paper_button, .paper_button.topnews {
    max-width: 220px;
}
.paper_button p {
    text-align: center;
}
.about_box {
    background: url(../img/bg_gray_l.png) no-repeat top -120px left;
}
.about_box ul li {
    padding: 15px 20px;
    text-align: center;
    border-right: solid 1px #ccc;
}

p.link_button {
    margin: 30px auto 0;
    padding: 11px 30px 11px 30px;
}
.news_box table {
    margin: 0 20px 45px;
}
ul.news_li {
    justify-content: space-around;
}
	tr.important {
    display: grid;
}
tr.important th {
    text-align: center;
    background: #f4f4f4;
    padding: 20px;
    border: none;
    border-bottom: solid 1px #ccc;
}
ul.news_li {
    width: 90%;
    margin: auto;
}

.ve_bnr_text {
    font-size: 3vw;
    }

}
@media print {
.slick-slide img {
    display: inline-block;
    margin: auto;
}

}