@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:1080px) {
.sp{display: none}
header{
    margin-bottom: 40px
}
img {max-width: 100%}
article {
    width: 1024px;
    margin: 0 auto;
}
#sc01{
    margin-top: 60px;
    margin-bottom: 60px
}
#sc02{
    margin-bottom: 60px
}
#sc04 {
    margin-top: 60px;
    margin-bottom: 60px
#7F7F7F}
#sc01,#sc02,#sc03{
    display: flex;
    justify-content: space-between;
}
.type01,.type02,.type03{
    width: 730px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.ListLong {
    width: 730px;
}
.ListShort {
    width: 360px;
}
.ListLong dt,.ListShort dt{
    clear: left;
    float: left;
    width: 110px;
    padding: 0.4rem 10px;
    font-size: 0.9rem;
}
.ListLong dd,.ListShort dd{
    padding: 0.4rem 10px;
    margin-left: 110px;
    font-size: 0.9rem
}
.type01 .ListLong dt{
    background: #CE5597;
    color: #FFFFFF;
    border: #CE5597 solid 2px;
}
.type01 .ListLong dd{
    border: #CE5597 solid 2px;
}
.type01 .ListShort dt{
    background: #CE5597;
    color: #FFFFFF;
    border: #CE5597 solid 2px;
}
.type01 .ListShort dd{
    border: #CE5597 solid 2px;
}
.type02 .ListLong dt{
    background: #35AA40;
    color: #FFFFFF;
    border: #35AA40 solid 2px;
}
.type02 .ListLong dd{
    border: #35AA40 solid 2px;
}
.type02 .ListShort dt{
    background: #35AA40;
    color: #FFFFFF;
    border: #35AA40 solid 2px;
}
.type02 .ListShort dd{
    border: #35AA40 solid 2px;
}
.type03 .ListLong dt{
    background: #3473B7;
    color: #FFFFFF;
    border: #3473B7 solid 2px;
}
.type03 .ListLong dd{
    border: #3473B7 solid 2px;
}
.type03 .ListShort dt{
    background: #3473B7;
    color: #FFFFFF;
    border: #3473B7 solid 2px;
}
.type03 .ListShort dd{
    border: #3473B7 solid 2px;
}
dt.hiCell{
    padding-bottom: 1.7rem;
}
#sc04 h1{
    background: #000000;
    color: #FFFFFF;
    padding: 1rem;
    font-size: 1.5rem;
    margin-bottom: 30px;
}
.banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.banner p{
    width: 500px
}
section#sc05{
    border: solid #6E6E6E 1px;
    display: flex;
    margin-bottom: 60px
}
#sc05 p{
    padding: 20px 20px 0 20px;
}
footer{
    background: #000000;
    padding: 1rem;
    text-align: center;
    color: #FFFFFF;}
footer a{
    color: #ffffff;
}
footer a:hover{
    color: #ffffff;
    text-decoration: underline;
}
}
@media screen and (max-width:1079px) {
.pc{display: none}
header{
    margin-bottom: 40px
}
header img{
    width: 100%
}
header .pc{display: block}
header .sp{display: none}
img {max-width: 100%}
article {
    width: 100%;
    margin: 0 auto;
    padding: 0 2vw;
}
#sc01{
    margin-top: 60px;
    margin-bottom: 60px
}
#sc02{
    margin-bottom: 60px
}
#sc04 {
    margin-top: 60px;
    margin-bottom: 60px
#7F7F7F}
#sc01,#sc02,#sc03{
    display:block;
}
.type01,.type02,.type03{
    width: 100%;
}
.ListLong {
    width: 100%;
}
.ListShort {
    width: 100%;
}
.ListLong dt,.ListShort dt{
    float: none;
    width: 30%;
    padding: 0.4rem 10px;
    font-size: 0.9rem;
}
.ListLong dd,.ListShort dd{
    padding: 0.4rem 10px;
    margin-left: 0px;
    font-size: 0.9rem
}
.type01 .ListLong dt{
    background: #CE5597;
    color: #FFFFFF;
    border: #CE5597 solid 2px;
}
.type01 .ListLong dd{
    border: #CE5597 solid 2px;
}
.type01 .ListShort dt{
    background: #CE5597;
    color: #FFFFFF;
    border: #CE5597 solid 2px;
}
.type01 .ListShort dd{
    border: #CE5597 solid 2px;
}
.type02 .ListLong dt{
    background: #35AA40;
    color: #FFFFFF;
    border: #35AA40 solid 2px;
}
.type02 .ListLong dd{
    border: #35AA40 solid 2px;
}
.type02 .ListShort dt{
    background: #35AA40;
    color: #FFFFFF;
    border: #35AA40 solid 2px;
}
.type02 .ListShort dd{
    border: #35AA40 solid 2px;
}
.type03 .ListLong dt{
    background: #3473B7;
    color: #FFFFFF;
    border: #3473B7 solid 2px;
}
.type03 .ListLong dd{
    border: #3473B7 solid 2px;
}
.type03 .ListShort dt{
    background: #3473B7;
    color: #FFFFFF;
    border: #3473B7 solid 2px;
}
.type03 .ListShort dd{
    border: #3473B7 solid 2px;
}
#sc04 h1{
    background: #000000;
    color: #FFFFFF;
    padding: 1rem;
    font-size: 1.5rem;
    margin-bottom: 30px;
}
.banner p{
    width: 100%
}
.banner img{
        width: 100%
}
section#sc05{
    border: solid #6E6E6E 1px;
    display: flex;
    margin-bottom: 60px
}
#sc05 p{
    padding: 20px 20px 0 20px;
}
footer{
    background: #000000;
    padding: 1rem;
    text-align: center;
    color: #FFFFFF;}
footer a{
    color: #ffffff;
}
footer a:hover{
    color: #ffffff;
    text-decoration: underline;
}
}
@media screen and (max-width:640px) {
.pc{display: none}
header{
    margin-bottom: 40px
}
header img{
    width: 100%
}
header .pc{display: none}
header .sp{display: block}
img {max-width: 100%}
article {
    width: 100%;
    margin: 0 auto;
    padding: 0 2vw;
}
#sc01{
    margin-top: 60px;
    margin-bottom: 60px
}
#sc02{
    margin-bottom: 60px
}
#sc04 {
    margin-top: 60px;
    margin-bottom: 60px
#7F7F7F}
#sc01,#sc02,#sc03{
    display:block;
}
.type01,.type02,.type03{
    width: 100%;
}
.ListLong {
    width: 100%;
}
.ListShort {
    width: 100%;
}
.ListLong dt,.ListShort dt{
    float: none;
    width: 30%;
    padding: 0.2rem 2vm;
    font-size: 0.9rem;
}
.ListLong dd,.ListShort dd{
    padding: 0.4rem 10px;
    margin-left: 0px;
    font-size: 0.9rem
}
.type01 .ListLong dt{
    background: #CE5597;
    color: #FFFFFF;
    border: #CE5597 solid 2px;
}
.type01 .ListLong dd{
    border: #CE5597 solid 2px;
}
.type01 .ListShort dt{
    background: #CE5597;
    color: #FFFFFF;
    border: #CE5597 solid 2px;
}
.type01 .ListShort dd{
    border: #CE5597 solid 2px;
}
.type02 .ListLong dt{
    background: #35AA40;
    color: #FFFFFF;
    border: #35AA40 solid 2px;
}
.type02 .ListLong dd{
    border: #35AA40 solid 2px;
}
.type02 .ListShort dt{
    background: #35AA40;
    color: #FFFFFF;
    border: #35AA40 solid 2px;
}
.type02 .ListShort dd{
    border: #35AA40 solid 2px;
}
.type03 .ListLong dt{
    background: #3473B7;
    color: #FFFFFF;
    border: #3473B7 solid 2px;
}
.type03 .ListLong dd{
    border: #3473B7 solid 2px;
}
.type03 .ListShort dt{
    background: #3473B7;
    color: #FFFFFF;
    border: #3473B7 solid 2px;
}
.type03 .ListShort dd{
    border: #3473B7 solid 2px;
}
#sc04 h1{
    background: #000000;
    color: #FFFFFF;
    padding: 1rem;
    font-size: 1.2rem;
    margin-bottom: 30px;
}
.banner p{
    width: 100%
}
.banner img{
        width: 100%
}
section#sc05{
    border: solid #6E6E6E 1px;
    margin-bottom: 60px;
    display: block
}
#sc05 p{
    padding: 20px 20px 0 20px;
    text-align: center
}
footer{
    background: #000000;
    padding: 1rem;
    text-align: center;
    color: #FFFFFF;
    }
footer a{
    color: #ffffff;
}
footer a:hover{
    color: #ffffff;
    text-decoration: underline;
}
}