@charset "utf-8";

.btn1{
    background-color: #911c4c;
    margin-bottom: 20px;
    position: relative;
    border-radius:20px; 
    padding:20px 0;
    color:#fff;
    line-height: 0.5;
}

@media screen and (min-width: 768px),
print {
    .btn1{
        width:90%;
        margin:0 auto 30px;
}
}

.btn1 a{
    color:#fff;
}

.btn1 a:visited{
    color:#fff;
}

.btn1 ul{
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn1-icon{
    width:20px;
    margin-right: 10px;
}

.btn1-name{
    font-size:16px;
}

.btn1-yaji{
    position: absolute;
    right: 30px;
    top: 0; 
    bottom: 0; 
    margin: auto 0; 
    width:15px;
    height: 15px;
}

.btn2{
    background-color: #911c4c;
    margin-bottom: 40px;
    position: relative;
    border-radius:20px; 
    padding:20px 0;
    color:#fff;
    line-height: 0.5;
}

@media screen and (min-width: 768px),
print {
    .btn2{
        width:90%;
        margin:0 auto 30px;
}
}

.btn2 ul{
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn2 a{
    color:#fff;
}

.btn2 a:visited{
    color:#fff;
}

.btn3{
    position: relative;
    width:200px;
    margin:auto;
    height:auto;
}

@media screen and (min-width: 992px),
print {
    .btn3{
        width:190px;
        margin:auto;
}
}

.btn3::before{
    content: '';
  width: 18%;
  height: 1px;
  display: inline-block;
  background-color:#fff;
  position: absolute;
  bottom: 1px;
  left:7px;
}

.btn3 ul{
    display: flex;
    justify-content: center;
    align-items: center;
    
    
}

.btn3 li{
    font-size:22px;
    
}
@media screen and (min-width: 992px),
print {
.btn3 li{
    font-size:23px;
    
}
    }

.btn3 li img{
    width:10px;
    height:7px;
    
}

.btn3 li:first-child{
    margin-right: 15px;
    
}

.btn3 li:last-child{
    padding-top:30px; 
}

@media screen and (min-width: 992px),
print {
    .btn3 li:last-child{
    padding-top: 35px; 
}
}

#btn3-link:link{
    color:#fff;
}

#btn3-link:visited{
    color:#fff;
}

.btn4{
    position: relative;
    width:200px;
    margin:auto;
}

@media screen and (min-width: 992px),
print {
    .btn4{
        width:190px;
        margin:auto;
}
}

.btn4::before{
    content: '';
  width: 18%;
  height: 1px;
  display: inline-block;
  background-color:#c15277;
  position: absolute;
  bottom: 1px;
  left:20px;
}

@media screen and (min-width: 992px),
print {
    .btn4::before{
  left:15px;
}
    }

.btn4 ul{
    display: flex;
    justify-content: center;
    align-items: center;
    
    
}

.btn4 li{
    font-size:22px;
    
}
@media screen and (min-width: 992px),
print {
.btn4 li{
    font-size:23px;
    
}
    }

.btn4 li img{
    width:10px;
    height:7px;
    
}

.btn4 li:first-child{
    margin-right: 15px;
    
}

.btn4 li:last-child{
    padding-top:30px; 
}

@media screen and (min-width: 992px),
print {
    .btn4 li:last-child{
    padding-top: 30px; 
}
}

#btn4-link:link{
    color:#c15277;
}

#btn4-link:visited{
    color:#c15277;
}

.btn5{
    background-color: #911c4c;
    margin-bottom: 20px;
    position: relative;
    border-radius:20px; 
    padding:20px 0;
    color:#fff;
    line-height: 0.5;
}

@media screen and (min-width: 768px),
print {
    .btn5{
        width:50%;
        margin:0 auto 30px;
}
}

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

.btn5 a{
    color:#fff;
}

.btn5 a:visited{
    color:#fff;
}

.btn5 ul{
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn5-icon{
    width:20px;
    margin-right: 10px;
}

.btn5-name{
    font-size:16px;
}

.btn5-yaji{
    position: absolute;
    right: 30px;
    top: 0; 
    bottom: 0; 
    margin: auto 0; 
    width:15px;
    height: 15px;
}

.btn6{
    position: relative;
    width:200px;
    margin:auto;
}

@media screen and (min-width: 992px),
print {
    .btn6{
        width:190px;
        margin:auto;
}
}

.btn6::before{
    content: '';
  width: 18%;
  height: 1px;
  display: inline-block;
  background-color:#c15277;
  position: absolute;
  bottom: 1px;
  left:13px;
}

@media screen and (min-width: 992px),
print {
    .btn6::before{
  left:10px;
}
    }

.btn6 ul{
    display: flex;
    justify-content: center;
    align-items: center;
    
    
}

.btn6 li{
    font-size:22px;
    
}
@media screen and (min-width: 992px),
print {
.btn6 li{
    font-size:23px;
    
}
    }

.btn6 li img{
    width:10px;
    height:7px;
    
}

.btn6 li:first-child{
    margin-right: 15px;
    
}

.btn6 li:last-child{
    padding-top:30px; 
}

@media screen and (min-width: 992px),
print {
    .btn6 li:last-child{
    padding-top: 30px; 
}
}

#btn6-link:link{
    color:#c15277;
}

#btn6-link:visited{
    color:#c15277;
}

.btn7{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:16px;
    line-height: 0.5;
}

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

.btn7-t1{
    margin-right:10px;
}

.btn7-yaji{
    width:10px;
    height:5px;
}

#btn7-link:link{
    color:#c15277;
}

#btn7-link:visited{
    color:#c15277;
}




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

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

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

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