@charset "utf-8";
/* CSS Document */
/*ルールページ固有*/

.pages_title img{
    width: 35%;
}
.page_header_sp_pnly{
    display:none;
}
.page_header_pc_only{
    display:block;
}
.grandprix_logo{
	width: 45%;
	position: absolute;
	top: 10px;
	left: calc(50% - 300px);
}

#contents .page_title{
    position: static;
    width: 100%;
    display: flex;
    margin: 0 auto;
    text-align: center;
    margin: 30px 0;
    flex-wrap:wrap;
    transform: none;
}
#contents .page_title img{
    display: block;
    width: 100%;
    max-width: 313px;
    margin: 0 auto;
}
@media screen and (max-width: 767px){
#contents .page_title img {
    display: block;
    width: 90%;
    max-width: 413px;
    margin: 0 auto;
}
}
#contents .sections {
    width: 100%;
    margin: 0 auto;
    height: auto;
    background-color: transparent;
    padding: 10px 2%;
}


.ceremony_contents{
    background:url("../images/bg_img.png") center top repeat-y;
    background-size:100% auto;
    padding:40px 6% 60px;
    /*background:url(../images/bg_img.png);
    background-position:center top;
    background-repeat:no-repeat;
    background-size:cover;
    padding:2% 10%;*/

}

@media screen and (max-width: 767px){
    .contents{
        padding:2%;
    }
}


.info_box{
    background:rgba(255,255,255,.92);
    padding:40px;
    border-radius:10px;
    line-height:2;
    color: black;
    font-size: 1.1rem;
}

.info_box h3{
    margin:40px 0 15px;
    padding-bottom:10px;
    border-bottom:3px solid #1c4fa3;
    color:#1c4fa3;
    font-size:1.5rem;
}

.info_box h4{
    margin:25px 0 10px;
    padding-bottom:5px;
    font-weight:bold;
    border-bottom:3px solid #1c4fa3;
    color:#1c4fa3;
    font-size:1.3rem;
}

.info_box p{
    margin-bottom:15px;
}

.info_box ul{
    margin:10px 0 20px 20px;
}

.info_box ol{
    margin:15px 0 0 20px;
}

.info_box a{
    color:#00377c;
    font-weight:bold;
    text-decoration:underline;
    transition:0.2s;
}

.info_box a:hover{
    color:#e60012;
}

.contact_box{
    margin-top:40px;
    padding:20px;
    background:#f5f5f5;
    border-left:5px solid #1c4fa3;
}

.contact_box h4{
    margin-top:0;
}
.place_image{
    margin:20px 0;
    text-align:center;
}

.place_image img{
    max-width:100%;
    height:auto;
}

.contact_box .note{
    font-size:1rem;
    color:red;
    font-weight:600;
}

@media screen and (max-width: 767px){

    .ceremony_contents{
        padding:2%;
    }

    #contents .page_title {
        font-size:1.4rem;
        line-height:1.5;
        margin: 0 auto;
        margin: 30px 0 50px;
    }

    .info_box{
        padding:14px;
    }

    .info_box h3{
        font-size:1.2rem;
    }
}
.@media screen and (max-width: 767px){
    #contents .sections {
        padding: 4px 4%;
    }
    ._contents {
        background: url(../images/bg_img.png) center top no-repeat;
        background-size: 100% auto;
        padding: 20px 2% 20px;
    }
}

@media only screen and (max-device-width: 480px){
}