@charset "utf-8";

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

メインタイトル

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.main-title{
    background-image: url("../../../../img/title-sp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:30px;
    height:200px;
    padding-top:50px;
    color:#fff;
    margin-bottom: 50px;
}


@media screen and (min-width: 992px),
print {
    .main-title{
    background-image: url("../../../../img/title.jpg");
    font-size:40px;
        height:270px;
        margin-bottom:100px;
}
}

.midashi-title{
position: relative;
padding: 1rem 2rem calc(1rem + 10px);
background:#FEF1F1;
    font-size:23px;
    margin-bottom:20px;
}

.midashi-title:before {
position: absolute;
top: -7px;
left: -7px;
width: 100%;
height: 100%;
content: '';
border: 4px solid #BB5657;
}


.access-joho ul{
    padding:0 20px;
    
}

@media screen and (min-width: 992px),
print {
    .access-joho ul{
    padding:0;
    max-width:900px;
        margin:70px auto 50px;
}
    
}

.name03{
    margin-bottom:7px;
    padding-left:5px;
}

@media screen and (min-width: 992px),
print {
    .name03{

    margin-bottom:0;
        width:230px;
}
    
}

.access-li{
    margin-bottom:20px;
    border-bottom:1px #E4E4E4 dashed;
    padding-bottom:10px;
}

@media screen and (min-width: 992px),
print {
  .access-li{
    display: flex;
}  
    
}



/*
++++++++++++++++++++++++++++++++++++++

@media screen and (min-width: 992px),
print {
    
}

@media screen and (min-width: 768px) and (max-width:991px)
{
}

+++++++++++++++++++++++++++++++++++++++++
*/

/*
+++++++++++++++++++++++++++++++

メインタイトル

.xxx img{
    border-radius:15px; 
}

grid-template-columns: 1fr 1fr;

grid-column-gap:50px;

grid-column-gap:50px;
    grid-template-columns: 1fr 1fr;


+++++++++++++++++++++++++++++++
*/