@charset "utf-8";

/*===============================================================================================

    share 共通

=================================================================================================*/

/*--------------------マウスオンで色を薄く-----------------------*/
.fade {  
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
}  
.fade:hover {  
	opacity: 0.6;
	filter: alpha(opacity=60);
}
/*-------------------indent------------------------*/
.indent_ptn1 {
    padding-left: 1em;
    text-indent: -1em;
}
/*-------------------スマホの電話番号制御------------------------*/
.tel_none a {
   pointer-events: none;
}
/*-------------------下スパン------------------------*/
.row_ptn1 {
}
.row_ptn1 > li {
    padding-bottom: 40px;
}
.row_ptn1 > li:nth-last-child(1) {
    padding-bottom: 0px;
}
	@media (max-width: 1024px){
        .row_ptn1 > li {
            padding-bottom: 30px;
        }
        .row_ptn1 > li:nth-last-child(1) {
            padding-bottom: 0px;
        }
        .row_ptn1_1 > li:nth-last-child(1) {
            padding-bottom: 30px;
        }
	}
/*-------------------------------------------*/
.bl_ptn1 {
    width: 980px;
    margin: auto;
    margin-bottom: 50px;
}
    @media (max-width: 1024px){
        .bl_ptn1 {
            width: 90%;
        }
    }
.bl_ptn1_in {
    padding: 0px 20px
}
    @media only screen and (max-width: 800px) {
        .bl_ptn1_in {
            padding: 0px 0px
        }
    }
/*-------------------------------------------*/
h2 {
    background-color: #E2E6E9;
    padding: 20px;
    margin-bottom: 50px;
}
	@media (max-width: 1024px){
        h2 {
            margin-bottom: 25px;
        }
	}
h2 span {
    width: 980px;
    margin: auto;
    font-size: 2rem;
    font-weight: bold;
    font-family:"Hiragino Mincho ProN","Hiragino Serif","Yu Mincho","YuMincho","MS PMincho",serif;
    display: block;
}
	@media (max-width: 1024px){
        h2 span {
            width: 100%;
            font-size: 1.25rem;
        }
	}
/*-------------------------------------------*/
.h3_1 {
    font-size: 1.5rem;
    font-family:"Hiragino Mincho ProN","Hiragino Serif","Yu Mincho","YuMincho","MS PMincho",serif;
    font-weight: bold;
    padding-bottom: 8px;
    margin-bottom: 20px;
    border-bottom: 3px solid #8b7d5a;
    position: relative;
}
.h3_1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 60px;
    height: 3px;
    background: #004040;
}
/*-------------------------------------------*/
.h3_2 {
    font-size: 1.5rem;
    font-weight: bold;
    font-family:"Hiragino Mincho ProN","Hiragino Serif","Yu Mincho","YuMincho","MS PMincho",serif;
    background-color: #B20000;
    padding: 5px 10px;
    color: #FFFFFF;
    display: inline-block;
}
    @media only screen and (max-width: 1024px) {
        .h3_2 {
            font-size: 1rem;
        }
    }
.h3_2_mb {
    margin-bottom: 20px;
}
/*-------------------------------------------*/
.h3_3 {
    border-left: 4px solid #B20000;
    padding-left: 10px;
    font-family:"Hiragino Mincho ProN","Hiragino Serif","Yu Mincho","YuMincho","MS PMincho",serif;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 20px;
}
/*-------------------------------------------*/
.p_ptn1 {
    line-height: 2;
}
.p_ptn2 {
    line-height: 2;
}
.p_ptn3 {
    color: #B20000;
    font-weight: bold;
}
/*--------------------.tb1----------------------*/
.tb1 {
    width: 100%;
}
.tb1 table {
    width: 100%;
}
.tb1 td {
    background-color: #FFFFFF;
}
.tb1 th,
.tb1 td {
    border: 1px solid #dbe1e8;  
    padding: 10px;
    line-height: 2;
}
.tb1 th {
    background: #f9fafc;
    text-align: center;
    width: 180px;
    font-weight: normal;
    vertical-align:middle;
}
    @media only screen and (max-width: 800px) {
        .tb1 tr,
        .tb1 th,
        .tb1 td {
            display: block;
            width: auto;
        }
        .tb1 tr:first-child {
            border-top: 1px solid #dbe1e8;  
        }
        .tb1 th,
        .tb1 td {
            border-top: none;
        }
    }
/*-------------------------------------------*/
.img_ov {
    overflow:hidden;
    width: 100%;
    height: 100%;
}
.img_ov img {
    display: block;
    transition-duration: 0.5s;
}
.img_ov img:hover {
    transform: scale(1.2,1.2);
    transition-duration: 0.5s;
}
/*-------------------------------------------*/
.hr1 {
    border-top: 2px dotted #99752E;
}
/*-------------------------------------------*/
.hover1 img {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    transition: .3s;
    opacity: 1;
}
.hover1 img:hover {
    border-bottom-color: transparent;
    transform: translateY(0.4em);
    opacity: 1;
}

/*-------------------------------------------*/
.bt_ptn1 {
}
/*===============================================================================================
    index
=================================================================================================*/
#index .bl_image {
    width: 100%;
    background-image: url("../img/common/bg.jpg");
}
/* ===== スライダー ===== */
#index .slider {
    position: relative;
    max-width: 980px;
    height: 430px;
    margin: auto;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}
#index .slider img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1);
    transition: 
        opacity 1s ease-in-out,
        transform 6s ease-in-out;
}
#index .slider img.active {
    opacity: 1;
    transform: scale(1);
}
#index .slider img.prev {
    opacity: 0;
    transform: scale(1);
}
/*-------------------------------------------*/
#index .news_box {
    margin-bottom: 20px;
}
#index .news_box .news_box_p  {
    margin-bottom: 20px;
    font-size: 1.2rem;
}
#index .links_form {
}
#index .links_form a{
    background-color: #B20000;
    width: 50%;
    margin: auto;
    color: #FFFFFF;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 3px 20px;
    font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
    text-decoration: none;
}
    @media only screen and (max-width: 1024px) {
        #index .links_form a{
            width: 100%;
            font-size: 1rem;
            padding: 10px 0px;
        }
    }
#index .links_form a:hover {
    transition : all 0.5s ease 0s;
    background-color: #D50000;
}
#index .links_form a:hover {
    transition : all 0.5s ease 0s;
    background-color: #D50000;
}
/*-------------------------------------------*/
#index .event_year {
    width: 100%;
    padding: 60px 0px;
}
#index .event_year .bl_ptn1 {
    margin-bottom: 0px;
}
#index .event_year .bl1 {
    display: flex;
    background-color: #004040;
    padding: 20px;
}
    @media only screen and (max-width: 1024px) {
        #index .event_year .bl1 {
            display: block;
        }
    }
#index .event_year .bl1 .left {
    width: 40%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-right: 1px solid #FFFFFF;
}
    @media only screen and (max-width: 800px) {
        #index .event_year .bl1 .left {
            width: 100%;
            border-right: none;
        }
    }
#index .event_year .bl1 .left dl {
}
    @media only screen and (max-width: 1024px) {
        #index .event_year .bl1 .left dl {
            display: flex;
            justify-content: center;
            align-items: center;
            align-items: center;
        }
    }
#index .event_year .bl1 .left dl dt {
    font-size: 1.25rem;
    font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
    color: #FFFFFF;
}
#index .event_year .bl1 .left dl dd {
    font-size: 1.875rem;
    color: #FFFFFF;
    font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
}
#index .event_year .bl1 .right {
    width: 60%;
    display: flex;
    justify-content: center;
}
    @media only screen and (max-width: 800px) {
        #index .event_year .bl1 .right {
            width: 100%;
        }
    }
#index .event_year .bl1 .right ul {
}
#index .event_year .bl1 .right ul li {
    font-size: 1.25rem;
    font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
    color: #FFFFFF;
}
    @media only screen and (max-width: 800px) {
        #index .event_year .bl1 .right ul li {
            font-size: 1rem;
        }
    }
/*-------------------------------------------*/
#index .kokai_date {
    font-size: 3rem;
    font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
    font-weight: bold;
    letter-spacing: 2px;
}
    @media only screen and (max-width: 1024px) {
        #index .kokai_date {
            font-size: 1.25rem;
        }
    }
#index .kokai_date span {
    font-size: 2.0rem;
    font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
    font-weight: bold;
}
    @media only screen and (max-width: 1024px) {
        #index .kokai_date span {
            font-size: 1rem;
        }
    }
#index .heikan_date {
    font-size: 2rem;
    font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
    font-weight: bold;
    letter-spacing: 2px;
}
    @media only screen and (max-width: 1024px) {
        #index .heikan_date {
            font-size: 1rem;
        }
    }
#index .heikan_date span {
    font-size: 1.4rem;
    font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
    font-weight: bold;
}
    @media only screen and (max-width: 1024px) {
        #index .heikan_date span {
            font-size: 1rem;
        }
    }
#index .place {
    font-size: 2rem;
    font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
    font-weight: bold;
}
    @media only screen and (max-width: 1024px) {
        #index .place {
            font-size: 1.25rem;
        }
    }
/*-------------------------------------------*/
#index .wrap1 {
    width: 100%;
    background-color: #F5F5F5;
    padding-top: 60px;
    padding-bottom: 60px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

/*===============================================================================================
    greeting
=================================================================================================*/
/*-------------------------------------------*/
#greeting .bl_img1{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
#greeting .bl_img1 img{
    width: 70%;
}
#greeting .bl_img2{
    display: flex;
    justify-content: space-between;
}
    @media only screen and (max-width: 1024px) {
        #greeting .bl_img2 img{
            width: 100%;
        }
    }

/*===============================================================================================
    access
=================================================================================================*/
    @media only screen and (max-width: 1024px) {
        #access  .bl2 img{
            width: 100%;
        }
    }
/*===============================================================================================
    qa
=================================================================================================*/
#qa .bl1 dl{
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
}
#qa .bl1 dl dt{
    font-size: 2rem;
    font-weight: bold;
    margin-right: 20px;
    line-height: 1;
}
#qa .bl1 dl .question{
    color: #B20000;
    font-family: Arial, Helvetica, sans-serif;
}
#qa .bl1 dl .answer{
    color: #002DB2;
    font-family: Arial, Helvetica, sans-serif;
}
#qa .bl1 dl dd{
    line-height: 2;
}
/*===============================================================================================
    oubo
=================================================================================================*/
/*-------------------------------------------*/
#oubo .bl1{
    margin-bottom: 30px;
}
#oubo .bl2{
    padding: 0px 20px;
}
    @media only screen and (max-width: 1024px) {
        #oubo .bl2{
            padding: 0px 0px;
        }
    }
#oubo .bl2_mb{
    margin-bottom: 30px;
}
#oubo .bl2 .img1{
    margin-bottom: 30px;
}
#oubo .bl2 .img1 img{
    max-width: 600px;
}
    @media only screen and (max-width: 1024px) {
        #oubo .bl2 .img1 img{
            width: 100%;
        }
    }
#oubo .bl2 .box1{
    margin-bottom: 30px;
}
#oubo .bl2 .box1 .span_no{
    color: #FFFFFF;
    background-color: #D5AF45;
    margin-right: 10px;
    padding: 0px 5px;
}
#oubo .bl2 .box1 .box1_1{
    padding: 0px 35px;
}
    @media only screen and (max-width: 1024px) {
        #oubo .bl2 .box1 .box1_1{
            padding: 0px 0px;
        }
    }
#oubo .bl2 .box1 .box1_2{
    padding: 0px 20px;
}
.mb30{
    margin-bottom: 30px;
}