@charset "UTF-8";


/* -------------------------- */
/* --------title-------- */
/* -------------------------- */

#about .p_title{
background-image: url(../img/about_main.jpg);
}

.greeting_box{position: relative; margin: 60px 0; align-items:stretch;}
.greeting_box h2{
    z-index: 10;
    position: absolute;
    top: -25px;
    left: 3%;
    padding: 10px 25px;
    box-sizing: border-box;
    width: 330px;
    display: inline-block;
    background: #353535;
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: 0.2rem;
font-weight: normal;
}

.greeting_item01{ padding: 60px 3%; box-sizing: border-box; position: relative;}
.greeting_item02{flex: 1; width: 75%; padding: 60px 5% 5% 5%; box-sizing: border-box; background: #EBEFEA;}

.greeting_item01{
    max-width: 100%;
    background: url(../img/about_bg.jpg) no-repeat;
    background-position: center;
    background-size:cover;
}

.greeting_item01 img{
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.greeting_item01 h3{
    color: #fff;
    font-size: 2.25rem;
    line-height: 2.25rem;
font-weight: normal;
}

.greeting_item01 p{
    color: #fff;
    font-size: 0.75rem;
    font-weight: 300;
}

.greeting_item02 h3{
    width: 100%;
    display: block;
font-weight: normal;
    font-size: 1.4rem;
    margin: 0 0 5px 0 ;
    color: #11BA71;
}

.greeting_item02 .columns p{
width: min(100%,1000px);
    font-size: 0.9rem;
    columns: 2;
	column-gap: 2rem;
}

/*スクロールを非対応*/
@media screen and (max-width: 951px) {
.greeting_item02 .columns p{
    font-size: 0.9rem;
    columns: 1;
	column-gap: 0rem;
}
}



.greeting_item02 .columns{ margin: 0 0 60px 0;}
.greeting_item02 .columns:nth-child(3){ margin: 0 0 0 0;}


/* -------------------------- */
/* --------テーブルth gray----- */
/* -------------------------- */

.table_04{
    table-layout: auto;
    width:100%;
    border-collapse: collapse;
    box-sizing: border-box;
}

.table_04_title .title_02{
    margin: 50px 0 5px 0;
}

.table_04_title .t_r{
    font-size: 0.9rem;
    margin: 50px 0 0 0;
}


.table_04 caption.caution{
    text-align: right;
    caption-side: bottom;
    font-size: 0.75rem;
    margin: 5px 0 0 0;
}

.table_04 th,
.table_04 td{
    font-size: 0.9rem;
    padding:8px 10px;
    border: 1px solid #666666;
word-break : break-all;
word-wrap: break-word;
}

.table_04 th{background: #E6E6E6;}
.table_04 td{vertical-align: top; width: 40%;}
.table_04 td:nth-child(3){width: 100px; padding: 8px 30px; vertical-align: middle; text-align: center;}

/*スクロールを非対応*/
@media screen and (max-width: 951px) {
    .table_scroll{
        width: 100%;
        overflow:auto;
        white-space:inherit;
    }
}


/* -------------------------- */
/* --------歴史---- */
/* -------------------------- */
.history table{width: 48%;}
@media screen and (max-width: 951px) {
.history table{width: 100%;}
.history .table_03 th{width:20%}
.history .table_03:last-child{margin-top: -1px;}
}


/* -------------------------- */
/* --------概要---- */
/* -------------------------- */
.gaiyo table{width: 48%;}
.gaiyo iframe{
width: 48%;
height: 400px;
}
@media screen and (max-width: 951px) {
.gaiyo table{width: 100%; margin-bottom: 30px;}
.gaiyo iframe{
width: 100%;
height: 400px;
}
}






.b_sheet{justify-content: flex-start; margin: 0 0 90px 0; gap: 10px;}
.b_sheet li{width: 19%;}

.rule{padding: 50px; margin:0 0 40px 0;}

.rule h3{margin: 20px 0 10px 0; font-weight: normal;}

.rule .rule_pdf{
    box-sizing: border-box;
    background: #EBEFEA;
    padding: 15px;
    justify-content: flex-start;
    gap: 10px;
}


.rule_accordion h5,.rule_accordion p{ font-size: 0.75rem; display: block;}
.rule_accordion p{margin-left: 0.75rem;}
.rule_accordion ol li{font-size: 0.75rem;margin-left: 0.75rem;}

.rule .bt_02{width: 50%;}



/* タイトルの微調整 */
#about .title_01{margin-top: 70px;}
#about .rule .title_01{margin-top: 0px;}


.red{display: none;}