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


body{
    word-break:break-word ;
}
/* ==========================
======　各ページタイトル　======
============================= */

.page_visual {
    background: url(../img/page_visual.png)no-repeat center center;
    padding: 63px 0;
    background-size: cover;
    margin: 87px auto 0;
    width: 100%;
    max-width: 1366px;
}

.page_visual .content_title {
        text-align: center;
        margin: 0;
}

.page_visual .content_title .big_title {
    font-size: 24px;
    color: #FFF;
    font-weight: normal;
}
.page_visual .content_title .small_title {
        font-size: 85%;
        color: #FFF;
}


/* ==========================
==========　サイド　===========
============================= */
.side.archive {
    width: 188px;
}
p.archive-tit {
    border-top: 3px solid #00469b;
    border-bottom: 1px solid #cfe8fc;
    padding: 17px 0;
    color: #00469b;
    font-weight: bold;
}

.side.archive li {
    padding: 17px 0;
    border-bottom: solid 1px #cfe8fc;
    background: url(../img/archive_icon.png) no-repeat left;
    padding-left: 28px;
}

/* ==========================
==========　メイン　===========
============================= */

.contents_subtitle {
        text-align: center;
}
.content_box.topics {
    display: flex;
    width: 1000px;
    margin: 30px auto 50px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contents.archive {
    border-top: 3px #00469b solid;
        width:762px;
}
.contents.archive dl {
    background: #f1f8fe;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    display: flex;
}
span.new-icon {
    color: #fff;
    background: #08458b;
    border-radius: 30px;
    padding: 4px 10px;
    font-size: 82%;
    margin: 0 20px;
    font-weight: bold;
}
.contents.archive dt {
    width: 170px;
}
dt#y17 {
    padding-top: 110px;
    margin-top: -110px;
}
.contents.archive dd {
    width: 550px;
}
.contents.archive dd img{
        margin-top: 20px;
}

.contents.archive dd .indent_box {
    border: 1px solid #ccc;
    padding: 10px 15px;
    margin-top: 10px;
}

.contents.archive dd .indent_box .sign {
        text-align: right;
        padding-top: 15px;
}

.p_sign {
    text-align: right;
    padding-top: 15px;
}
.st_tit {
        font-size: 120%;
}

.p_caption {
    padding-top: 10px;
}


dd.sakura {
  background: url(../img/sakura.jpg)no-repeat;
  background-size: cover;
  padding: 70px 20px;
}
p.s_txt {
    padding: 30px 20px;
    background: rgba(255, 255, 255, 0.55);
    font-weight: bold;
}
p.right_president{
  text-align: right;
  padding: 0px 20px 30px;
}
.anniversary2021 {
  background: url("../img/anniversary2021.jpg")no-repeat;
  background-size: cover;
  padding: 70px 20px;
}
.anniversary2021 .s_txt {
    background: rgba(255, 255, 255, 0.7);
}

.anchor {
  display: block;
  padding-top: 55px;
  margin-top: -120px;
}
a.anchor {
  display: block;
  padding-top: 90px;
  margin-top: -90px;
}
.small_txt{
    font-size: 80%;
    margin-bottom: 10px;
}


/* 固有のスマホ対応記述
========================== */

/* 1200pxより小さい場合
@media screen and ( max-width: 1200px ){

    body,
        header nav {
        width: 1200px;
    }
        
}*/
/* 700pxより小さい場合 */
@media screen and ( max-width: 767px ){
	
.ft_box .ft_R ul {
    float: left;
    /* margin-left: 40px; */
    color: #FFF;
    width: 90%;
}
.ft_box {
    overflow: hidden;
    padding: 30px 0;
    width: 90%;
}
.page_visual {
    background: url(../img/page_visual.png)no-repeat center center;
    padding: 63px 0;
    background-size: cover;
    margin: 45px auto 0;
	}.content_box.topics {
    display: flex;
    width: 90%;
    margin: 30px auto 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}
        .side.archive li {
    margin-right: 17px;
}

.side.archive ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.side.archive {
        margin-bottom: 40px;
    width: 100%;
}
        .contents.archive {
    border-top: 3px #00469b solid;
    width: 100%;
}
        .contents.archive dl {
    flex-direction: column;
}
        .contents.archive dd {
    margin: 10px auto;
    width: 85%;
}
        .contents.archive dl {
    padding: 40px 15px;
}
	.anchor {
    display: block;
    padding-top: 55px;
    margin-top: -47px;
}
}


/* 400pxより小さい場合 */
@media screen and ( max-width: 400px ){

        .content_title .big_title {
                font-size: 160%;
        }
        .content_title {
                margin: 20px 0;
        }

        
}


/* 360pxより小さい場合 */
@media screen and ( max-width: 360px ){}

@media print {}