@charset "UTF-8";

.main {
    padding: 0;
    background: #ececec;
}

.main a {
    color: #fff;
}

.img {
    display: block;
    width: 100%;
    height: auto;
}

.pc {display: block;}
.sp {display: none;}

.content {
    font-size: 1.2vw;
    line-height: 1.5;
}
.contentInner {
    padding: 60px 0 0 0;
}

.info {
    margin: 30px 0 0;
    padding : 0 5%;
}
.info h3 {
    margin: 0 0 35px 0;
}
.info .info_sub {
    font-size: 1.4vw;
}
.info p {
    padding: 0 0 1rem;
}
.info p strong {
    font-weight: bold;
    font-size: 1.4vw;
}
.info p .font_small {
    font-size: 1.1vw;
}
.info .info_btn {
    text-align: center;
    margin: 30px 0 0 0;
}
.info .info_btn img {
    width: 30vw;
    margin: 0 auto;
}

.btn_area{
    text-align: center;

}

.info_btn01{
    display: inline-block;
    padding: 25px 25px;
    background-color: #f32c5b;
    box-shadow: 0 8px 0 #da2243;
    border-radius: 60px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    margin: 30px 0 0 0;
    width: 624px;
}

.info_btn02{
    display: inline-block;
    padding: 25px 25px;
    background-color: #f3642c;
    box-shadow: 0 8px 0 #da4d20;
    border-radius: 60px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    margin: 30px 0 0 0;
    width: 624px;
}

/* 三角ボタン */
.info_btn01{
    padding-left:20px;
    position:relative;
}
.info_btn01:before{
    content:"";
    display: inline-block;
    width:0px;
    height:0px;
    border-top:solid 15px transparent;
    border-bottom:solid 15px transparent;
    border-left:solid 15px #fff;
    border-right:solid 11.5px transparent;
    position:absolute;
    top: 28px;
    right: 30px;
}
.info_btn01:after{
    content:"";
    display: inline-block;
    width:0px;
    height:0px;
    border-top:solid 15px transparent;
    border-bottom:solid 15px transparent;
    border-left:solid 4px #f32c5b;
    border-right:solid 22.5px transparent;
    position:absolute;
    top: 28px;
    right: 30px;
}

.info_btn02{
    padding-left:20px;
    position:relative;
}
.info_btn02:before{
    content:"";
    display: inline-block;
    width:0px;
    height:0px;
    border-top:solid 15px transparent;
    border-bottom:solid 15px transparent;
    border-left:solid 15px #fff;
    border-right:solid 11.5px transparent;
    position:absolute;
    top: 28px;
    right: 30px;
}
.info_btn02:after{
    content:"";
    display: inline-block;
    width:0px;
    height:0px;
    border-top:solid 15px transparent;
    border-bottom:solid 15px transparent;
    border-left:solid 4px #f3642c;
    border-right:solid 22.5px transparent;
    position:absolute;
    top: 28px;
    right: 30px;
}

.aboutentry {
    margin: 60px 0;
    padding : 0 5% 120px;
}
.aboutentry h3 {
    margin: 0 0 35px 0;
}
.aboutentry p {
    padding: 0 0 1rem;
}
.aboutentry .aboutentry_capture {
    margin: 30px 0 0 0;
}
.aboutentry .aboutentry_capture img {
    width: 30vw;
    margin: 0 auto;
}

h2.attention {
    text-align: center;
    font-size: 120%;
}

article.attention {
    margin: 60px 0 120px;
    padding : 0 5%;
}
.attention p {
    padding: 0 0 1rem;
}

.conditions ul.conditions_list {
    list-style: disc inside;
}

.conditions > ul li {
    padding-left: 5px;
}

.conditions li::marker{
    font-size: 8px;
}

@media only screen and (max-width: 768px) {

.pc {display: none;}
.sp {display: block;}
.content {
    font-size: 16px;
}
.info .info_sub {
    font-size: 100%;
}
.info p strong {
    font-weight: bold;
    font-size: 100%;
}
.info p .font_small {
    font-size: 90%;
}
.info .info_btn img {
    width: 80vw;
    margin: 0 auto;
}
.aboutentry .aboutentry_capture img {
    width: 70vw;
    margin: 0 auto;
}

.info_btn01{
    display: inline-block;
    padding: 20px 20px;
    background-color: #f32c5b;
    box-shadow: 0 8px 0 #da2243;
    border-radius: 60px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin: 30px 0 0 0;
    width: 350px;
}

.info_btn02{
    display: inline-block;
    padding: 20px 20px;
    background-color: #f3642c;
    box-shadow: 0 8px 0 #da4d20;
    border-radius: 60px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin: 30px 0 0 0;
    width: 350px;
}

/* 三角ボタン */
.info_btn01{
    padding-left:20px;
    position:relative;
}
.info_btn01:before{
    content:"";
    display: inline-block;
    width:0px;
    height:0px;
    border-top:solid 10px transparent;
    border-bottom:solid 10px transparent;
    border-left:solid 10px #fff;
    border-right:solid 8.3px transparent;
    position:absolute;
    top: 20px;
    right: 16px;
}
.info_btn01:after{
    content:"";
    display: inline-block;
    width:0px;
    height:0px;
    border-top:solid 10px transparent;
    border-bottom:solid 10px transparent;
    border-left:solid 3px #f32c5b;
    border-right:solid 15.5px transparent;
    position:absolute;
    top: 20px;
    right: 16px;
}

.info_btn02{
    padding-left:20px;
    position:relative;
}
.info_btn02:before{
    content:"";
    display: inline-block;
    width:0px;
    height:0px;
    border-top:solid 10px transparent;
    border-bottom:solid 10px transparent;
    border-left:solid 10px #fff;
    border-right:solid 8.3px transparent;
    position:absolute;
    top: 20px;
    right: 16px;
}
.info_btn02:after{
    content:"";
    display: inline-block;
    width:0px;
    height:0px;
    border-top:solid 10px transparent;
    border-bottom:solid 10px transparent;
    border-left:solid 3px #f3642c;
    border-right:solid 15.5px transparent;
    position:absolute;
    top: 20px;
    right: 16px;
}

.conditions ul.conditions_list {
    list-style: disc inside;
}

.conditions > ul li {
    padding-left: 5px;
}

.conditions li::marker{
    font-size: 8px;
}

}