/*蜈ｱ騾�*/

body {
    display: block;
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    font-family: "kinto-sans", sans-serif;
}

.big {
  transition-duration: .4s;
}
.big:hover {
  transform: scale(1.1);
}

@media (max-width:480px){
.main {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
}

.main .inner-wrap{
    padding-top: 90px;
}

.pageTitle{
    color: #333333;
    text-align: left;
    font-size: 2rem;
    font-weight: bold;
    line-height: 2rem;
}

.pageTitle span{
    color: #CE1221;
    text-align: left;
    font-size: 1rem;
    font-weight: bold;
}

.contentsTitle{
    display: block;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.contents_1{
    margin-bottom: 15%;
}

.contents_1 .contentsTitle h3{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    padding-bottom: 1.3rem;
    background-image: linear-gradient(90deg, rgba(0 0 0 / 0) 0%,rgba(0 0 0 / 0) 35%,#CE1221 35%, #CE1221 65%,rgba(0 0 0 / 0) 65%,rgba(0 0 0 / 0) 100%);
    background-size: 100% 3px;
    background-repeat: no-repeat;
    background-position: center bottom;
    font-weight: bold;
}



.contents_2 .contentsTitle h3{
    display: block;
    width: 50%;
    text-align: center;
    margin-top: 2rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2rem;
    font-size: 2rem;
    padding-bottom: 1.3rem;
    background-image:  linear-gradient(90deg, rgba(0 0 0 / 0) 0%,rgba(0 0 0 / 0) 35%,#CE1221 35%, #CE1221 65%,rgba(0 0 0 / 0) 65%,rgba(0 0 0 / 0) 100%);
    background-size:  100% 3px;
    background-repeat: no-repeat;
    background-position: center bottom;
    font-weight: bold;
}

.contents_3 .contentsTitle h3{
    display: block;
    width: 50%;
    text-align: center;
    margin-top: 2rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2rem;
    font-size: 2rem;
    padding-bottom: 1.3rem;
    background-image:  linear-gradient(90deg, rgba(0 0 0 / 0) 0%,rgba(0 0 0 / 0) 35%,#CE1221 35%, #CE1221 65%,rgba(0 0 0 / 0) 65%,rgba(0 0 0 / 0) 100%);
    background-size:  100% 3px;
    background-repeat: no-repeat;
    background-position: center bottom;
    font-weight: bold;
}

/*繝壹�繧ｸ縺斐→*/

.contents_1 img{
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}

.box_1{
    margin-top: 5%;
}

.box_1 table{
    text-align: left;
    line-height: 2em;
    width: 100%;
    border-spacing: 0 2em;
}


.box_1 table tr th {
    color: #CE1221;
    width: 20%;
    display: block;
    width: 100%;
}
    
.box_1 table tr td {
    width: 100%;
    display: block;
    line-height: 1.5em;    
}    


/*繝壹�繧ｸ荳九Μ繝ｳ繧ｯ*/

.contents_Btn{
    padding-top: 0%;
    padding-bottom: 10%;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}

.contents_Btn .flex{
    display: flex;
    justify-content: space-around;
    width: 90%;
    margin: auto;
    flex-direction: column;
}

.contents_Btn img {
    width: 90%;
    margin: auto;
    margin-top: 5%;
}
    
    .hover{
    margin-bottom: 2em;
    border-bottom: 1px solid #707070;
    text-align: center;
    padding-bottom: 20px;
    width: aoo%;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    }
    
    .hover .Text{
            display: inline-block;
        width: 90%;
        font-size: 1.1em;
    }
    
    .hover .icon{
        width: 23px;
        height: 23px;
    }
    
    .rec-btn{
        background-color: #CE1221;
        margin-bottom: 2em;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-bottom: 10px;
        width: 90%;
        border-radius: 10px;
        display: block;
        padding: 6%;
        color: #fff;
    }
    
    .rec-btn-o{
        background-color: #E68845;
        margin-bottom: 2em;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-bottom: 10px;
        width: 90%;
        border-radius: 10px;
        display: block;
        padding: 6%;
        color: #fff;
    }
    
    .rec-btn .Text{
        font-size: 1em;
        line-height: 1.5em;
    }
    .rec-btn .icon-w{
        width: 23px;
        height: 23px;
    }
    
    .rec-btn-o .Text{
        font-size: 1em;
        line-height: 1.5em;
        margin-right: 30px
        margin-left: 30px;
    }
    .rec-btn-o .icon-w{
        width: 23px;
        height: 23px;
    }
    
    .a{fill:#ce1221;}    
    .w{fill:#fff;}    
}

@media (min-width:481px){
.main {
    display: block;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
}

.main .inner-wrap{
    padding-top: 90px;
}

.pageTitle{
    color: #333333;
    text-align: left;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 2rem;
}

.pageTitle span{
    color: #CE1221;
    text-align: left;
    font-size: 1rem;
    font-weight: bold;
}

.contentsTitle{
    display: block;
    padding-top: 4rem;
    padding-bottom: 2rem;
}

.contents_1{
    margin-bottom: 15%;
}

.contents_1 .contentsTitle h3{
    display: block;
    width: 50%;
    text-align: center;
    margin-top: 4rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2rem;
    font-size: 1.8rem;
    padding-bottom: 1.3rem;
    background-image: linear-gradient(90deg, rgba(0 0 0 / 0) 0%,rgba(0 0 0 / 0) 35%,#CE1221 35%, #CE1221 65%,rgba(0 0 0 / 0) 65%,rgba(0 0 0 / 0) 100%);
    background-size: 100% 3px;
    background-repeat: no-repeat;
    background-position: center bottom;
    font-weight: bold;
}



.contents_2 .contentsTitle h3{
    display: block;
    width: 50%;
    text-align: center;
    margin-top: 2rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2rem;
    font-size: 2rem;
    padding-bottom: 1.3rem;
    background-image:  linear-gradient(90deg, rgba(0 0 0 / 0) 0%,rgba(0 0 0 / 0) 35%,#CE1221 35%, #CE1221 65%,rgba(0 0 0 / 0) 65%,rgba(0 0 0 / 0) 100%);
    background-size:  100% 3px;
    background-repeat: no-repeat;
    background-position: center bottom;
    font-weight: bold;
}

.contents_3 .contentsTitle h3{
    display: block;
    width: 50%;
    text-align: center;
    margin-top: 2rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2rem;
    font-size: 2rem;
    padding-bottom: 1.3rem;
    background-image:  linear-gradient(90deg, rgba(0 0 0 / 0) 0%,rgba(0 0 0 / 0) 35%,#CE1221 35%, #CE1221 65%,rgba(0 0 0 / 0) 65%,rgba(0 0 0 / 0) 100%);
    background-size:  100% 3px;
    background-repeat: no-repeat;
    background-position: center bottom;
    font-weight: bold;
}

/*繝壹�繧ｸ縺斐→*/

.contents_1 img{
    margin: 0 calc(50% - 50vw);
    width: 80vw;
}

.box_1{
    margin-top: 5%;
}

.box_1 table{
    text-align: left;
    line-height: 2em;
    width: 100%;
    border-spacing: 0 2em;
}


.box_1 table tr th{
    color: #CE1221;
    width: 20%;
}


/*繝壹�繧ｸ荳九Μ繝ｳ繧ｯ*/

.contents_Btn{
    padding-top: 0%;
    padding-bottom: 10%;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}

.contents_Btn .flex{
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1040px;
    margin: auto;
}

.contents_Btn img{
    width: 60%;
    margin: auto;
    margin-top: 5%;
}
    .hover{
        margin-bottom: 5em;
    border-bottom: 1px solid #707070;
    text-align: center;
    padding-bottom: 20px;
    width: 400px;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    }
    
    .hover .Text{
            display: inline-block;
        width: 90%;
        font-size: 1.1em;
    }
    
    .hover .icon{
        width: 23px;
        height: 23px;
    }
    
    .rec-btn{
        background-color: #CE1221;
        margin-bottom: 2em;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
/*        padding-bottom: 10px;*/
        width: 70%;
        max-width: 1040px;
        border-radius: 10px;
        display: block;
/*        padding: 3%;*/
        color: #fff;
    }
    
    .rec-btn a,.rec-btn-o a {
        width: 100%;
        padding: 5%;
        display: block;
    }
    .rec-btn a:hover,.rec-btn-o a:hover {
        color: #fff;
    }
    
    .rec-btn-o{
        background-color: #E68845;
        margin-bottom: 2em;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
/*        padding-bottom: 10px;*/
        width: 70%;
        max-width: 1040px;
        border-radius: 10px;
        display: block;
/*        padding: 3%;*/
        color: #fff;
    }
    
    .rec-btn .Text{
        font-size: 1.5em;
        line-height: 1em;
        margin-right: 30px;
        margin-left: 30px;
    }
    .rec-btn .icon-w{
        width: 23px;
        height: 23px;
    }
    
    .rec-btn-o .Text{
        font-size: 1.5em;
        line-height: 1em;
        margin-right: 30px;
        margin-left: 30px;
    }
    .rec-btn-o .icon-w{
        width: 23px;
        height: 23px;
    }
    
    .a{fill:#ce1221;}    
    .w{fill:#fff;}    
}