@charset "utf-8";


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

リスト

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

.lis01 li{
    border-bottom: 1px #000000 solid;
    padding:0 8px 20px;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
    .lis01 li{
        display: flex;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
}

.lis01 li:last-child{
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .lis01 li:last-child{
    margin-bottom:70px;
}
}

.lis01-left01{
    margin-bottom: 5px;
}

@media screen and (min-width: 992px),
print {
    .lis01-left01{
    margin-bottom:0;
        margin-right: 20px;
        width:15%;

}
}

@media screen and (min-width: 992px),
print {
    .lis01-right01{
    margin-bottom:0;
        width:82%;

}
}

.lis-left02{
    width:15%;
    margin-right:15px;
}

@media screen and (min-width: 768px),
print {
    .lis-left02{
    width:18%;
    margin-right:15px;
}
}

@media screen and (min-width: 992px),
print {
    .lis-left02{
    width:15%;
    margin-right:15px;
}
}

.lis-right02{
    width:80%;
}

@media screen and (min-width: 992px),
print {
    .lis-right02{
    width:80%;
}
}

.lis-left03{
    width:50%;
    margin-right:15px;
}

@media screen and (min-width: 768px),
print {
    .lis-left03{
    margin-right:15px;
}
}

@media screen and (min-width: 992px),
print {
    .lis-left03{
    margin-right:15px;
    width:60%;
}
}

.lis-right03{
    width:50%;
    text-align: right;
}

@media screen and (min-width: 992px),
print {
    .lis-right03{
    width:80%;
}
}

.lis-left04{
    width:22%;
    margin-right:15px;
}

@media screen and (min-width: 768px),
print {
    .lis-left04{
    width:18%;
    margin-right:15px;
}
}

@media screen and (min-width: 992px),
print {
    .lis-left04{
    width:20%;
    margin-right:15px;
}
}

.lis-right04{
    width:75%;
}

@media screen and (min-width: 992px),
print {
    .lis-right04{
    width:70%;
}
}


.lis01-left05{
    margin-bottom: 5px;
}

@media screen and (min-width: 992px),
print {
    .lis01-left05{
    margin-bottom:0;
        margin-right: 20px;
        width:22%;

}
}

@media screen and (min-width: 992px),
print {
    .lis01-right05{
    margin-bottom:0;
        width:75%;

}
}

.lis01-right05 a{
    color:#000;
}

.lis01-right05 a:visited{
    color:#000;
}


.lis-left06{
    margin-right:15px;
}

@media screen and (min-width: 768px),
print {
    .lis-left06{
    margin-right:15px;
}
}

@media screen and (min-width: 992px),
print {
    .lis-left06{
    width:25%;
        padding-top:12px;
    margin-right:15px;
}
}

.lis-right06{

}

@media screen and (min-width: 992px),
print {
    .lis-right06{
    width:60%;
}
}

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

.lis02

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

.lis02{
    margin-bottom: 20px;
}

@media screen and (min-width:992px),
print {
    .lis02{
    margin-bottom:50px;
}
}

.lis02 li{
    border-bottom: 1px #CFCFCF solid;
    padding:0 8px 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

@media screen and (min-width:768px),
print {
    .lis02 li{
        font-size:14px;
    padding-bottom:10px;
    margin-bottom:10px;
        flex-direction:row;
}
}

@media screen and (min-width: 992px),
print {
    .lis02 li{
        font-size:14px;
        padding-bottom:20px;
    margin-bottom:20px;
        display: flex;
        justify-content: space-between;

}
}

.lis02-left{
    margin-bottom:7px;
}

@media screen and (min-width:992px),
print {
   .lis02-left{
    width:18%;
}
}

@media screen and (min-width:992px),
print {
   .lis02-right{
    width:80%;
}
}



.lis03 li{
    border-bottom: 1px #CFCFCF solid;
    padding:0 8px 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

@media screen and (min-width:768px),
print {
    .lis03 li{
        padding-bottom:40px;
    margin-bottom: 40px;
        
}
}


.lis04 li{
    border-bottom: 1px #CFCFCF solid;
    padding:0 8px 20px;
    margin-bottom: 20px;
    display: flex;
}



@media screen and (min-width: 992px),
print {
    .lis04 li{
        padding-bottom:30px;
    margin-bottom:30px;

}
}


.lis05 li{
    border-bottom: 1px #CFCFCF solid;
    padding:0 8px 20px;
    margin-bottom: 20px;

}



@media screen and (min-width: 992px),
print {
    .lis05 li{
        padding-bottom:30px;
    margin-bottom:30px;
            display: flex;

}
}



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

タイトル

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

.main-title{
    margin-bottom: 40px;
    background: url("../../../../img/title-photo-sp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding:80px 0 50px;
}

@media screen and (min-width: 992px),
print {
    .main-title{
        background: url("../../../../img/title-photo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
        padding:170px 0 100px;
    margin-bottom:130px;
}
}

.main-title-txt{
    color:#000;
    padding:0 20px;
}

@media screen and (min-width: 992px),
print {
    .main-title-txt{
    padding:0 30px;
        max-width:800px;
        margin:auto;
        display:flex;
        justify-content: center;
        align-items: center;
}

}

.main-title-txt-left{
    font-size:20px;
    font-weight: bold;
    margin-bottom: 10px;
}

@media screen and (min-width: 992px),
print {
    .main-title-txt-left{
    font-size:70px;
    margin-bottom:0;
        margin-right:30px;
        line-height: 0;
}
}

.main-title-txt-right{
    border-bottom: 1px #000 solid;
    padding:0 30px 8px 4px;
    width:180px;
}

@media screen and (min-width: 992px),
print {
    .main-title-txt-right{
    border-bottom: 1px #000 solid;
    padding:0 30px 15px 4px;
    width:250px;
        font-size:25px;

}
}

.main-title-txt02{
    color:#000;
    padding:0 20px;
}

@media screen and (min-width: 992px),
print {
    .main-title-txt02{
    padding:0 30px;
        max-width:800px;
        margin:auto;
}

}

.main-title-txt02-left{
    font-size:20px;
    font-weight: bold;
    margin-bottom: 10px;
}

@media screen and (min-width: 992px),
print {
    .main-title-txt02-left{
    font-size:60px;
    margin-bottom:50px;
        line-height: 0;
}
}

.main-title-txt02-right{
    border-bottom: 1px #000 solid;
    padding:0 30px 8px 4px;
    width:180px;
}

@media screen and (min-width: 992px),
print {
    .main-title-txt02-right{
    border-bottom: 1px #000 solid;
    padding:0 30px 15px 4px;
    width:400px;
        font-size:25px;

}
}

.main-title-txt03-right{
    border-bottom: 1px #000 solid;
    padding:0 30px 8px 4px;
}

@media screen and (min-width: 992px),
print {
    .main-title-txt03-right{
    border-bottom: 1px #000 solid;
    padding:0 30px 15px 4px;
    width:400px;
        font-size:25px;

}
}

.main-title-txt03-right-t01{
    font-size:12px;
}

@media screen and (min-width: 992px),
print {
    .main-title-txt03-right-t01{
    font-size:15px;
}
}

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

title

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

.title01{
    position: relative;
    font-size:23px;
    padding:15px 10px;
    text-align: center;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
    .title01{
    font-size:35px;
    padding:30px 20px;
    margin-bottom:60px;
}
}

.title01::after{
    content: "";
    position: absolute;
    top:0;
    left:0;
    height:1px;
    background: #A0A0A0;
    width:80%;
}

.title01::before{
    content: "";
    position: absolute;
    bottom:0;
    right:0;
    height:1px;
    background: #A0A0A0;
    width:80%;
}

@media screen and (min-width: 992px),
print {
    .title01::after{
    width:60%;
}

.title01::before{
    width:60%;
}
}

.title02{
    font-size:23px;
    margin-bottom:15px;
}

@media screen and (min-width: 992px),
print {
    .title02{
    font-size:27px;
    margin-bottom:20px;
}
}














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

@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;


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