/*! html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body{
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	display:block;
}
nav ul{
	list-style:none;
}
blockquote, q{
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ins{
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark{
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del{
	text-decoration:line-through;
}
abbr[title], dfn[title]{
	border-bottom:1px dotted;
	cursor:help;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select{
	vertical-align:middle;
}
/*! example.com Stylesheet
v1.0.0
Last Updated: 2019-09-18
Author: NAKAJIMA, Tetsuya - cocottecode.jp
mail: hello@cocottecode.jp
*/
/*! base */
@font-face{
    font-family:'Sedgwick Co Regular';
    font-style:normal;
    font-weight:normal;
    src:local('Sedgwick Co Regular'), url('/assets/fonts/sedgwick_co.woff') format('woff');
}
:root{
    --font-family-base:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', Meiryo, メイリオ, verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    --font-family-en:'Sedgwick Co Regular',  var(--font-family-base);
    --number-designWith_pc:1280;
    --number-designWith_sp:828;
    --color-white:#FFF;
    --color-whiteA:rgba(255,255,255,0.6);
    --color-black:#221815;
    --color-red:#c8000a;
    --color-cream:#f7f1e5;


}
html{
    font-size:62.5%;
}
body{
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', Meiryo, メイリオ, verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-family:var(--font-family-base);
    color:#221815;
    color:var(--color-black);
    font-weight:500
}
@media screen and (min-width:829px){
body{
}
    }
@media screen and (max-width:828px){
body{
}
    }
h1,h2,h3,h4,h5,h6{
    font-weight:inherit;
}
img{
    vertical-align:top;
}
a{
    color:inherit
}
a:link,
    a:hover,
    a:focus{
        text-decoration:none;
        cursor:pointer;
        outline:none;
        -webkit-transition:color .3s ease-in-out;
        transition:color .3s ease-in-out;
    }
a:hover{
        text-decoration:underline;
    }
button{
    background-color:transparent;
    border:none;
    cursor:pointer;
    outline:none;
    padding:0;
    -webkit-appearance:none;
            appearance:none;
    color:inherit;
}
button, input, select, textarea{
    font-family:inherit;
    font-size:100%;
}
legend{
    display:table;
    float:left;
    margin:0;
    padding:0;
    width:100%
}
legend + *{
        clear:both;
    }
fieldset{
    border:0;
    padding:0.01em 0 0 0;
    margin:0;
    min-width:0;
}
body:not(:-moz-handler-blocked) fieldset{
    display:table-cell;
}
/*! main */
.l-body{
        position:relative;
        background-color:#f7f1e5;
        background-color:var(--color-cream);
        background-image:url("../images/index-bg.png");
        background-size:cover;
        background-repeat:no-repeat
    }
@media screen and (min-width:829px){
    .l-body{
            background-position:right center
    }
        }
@media screen and (max-width:828px){
    .l-body{
            background-position:center left 75%;
            min-height:100vh
    }
        }
.l-header{
        position:absolute;
        top:0;
        box-sizing:border-box;
        width:100%
    }
@media screen and (min-width:829px){
    .l-header{
            padding:31px 72px
    }
        }
@media screen and (max-width:828px){
    .l-header{
            padding:4vw 4vw 4vw 8vw
    }
        }
@media screen and (min-width:829px){
        .l-header_logo{
        }
            }
@media screen and (max-width:828px){
        .l-header_logo{
                width:45vw;
        }
                .l-header_logo img{
                    width:100%;
                    height:auto;
                }
            }
.l-main{
        box-sizing:border-box;
        min-height:100vh
    }
@media screen and (min-width:829px){
    .l-main{
            padding:30px 38px
    }
        }
@media screen and (max-width:828px){
    .l-main{
            padding:4vw
    }
        }
.l-main{
    }
@media screen and (min-width:829px){
    .l-nav{
    }
        }
@media screen and (max-width:828px){
    .l-nav{
    }
        }
.l-footer{
        position:absolute
    }
@media screen and (min-width:829px){
    .l-footer{
            top:40px;
            right:41px
    }
        }
@media screen and (max-width:828px){
    .l-footer{
            bottom:2vw;
            width:30vw;
            left:0;
            right:0;
            margin-left:auto;
            margin-right:auto;
    }
            .l-footer img{
                width:100%;
                height:auto;
            }
        }
.o-slide{
        position:relative;
        min-width:100%;
        box-sizing:border-box;
    }
.o-slide_frame{
            width:100%;
            overflow:hidden;
        }
.o-slide_wrapper{
            display:-webkit-box;
            display:-webkit-flex;
            display:flex;
            -webkit-box-orient:horizontal;
            -webkit-box-direction:normal;
            -webkit-flex-flow:row nowrap;
                    flex-flow:row nowrap;
            -webkit-box-align:start;
            -webkit-align-items:flex-start;
                    align-items:flex-start
        }
@media screen and (min-width:829px){
        .o-slide_wrapper{
        }
            }
@media screen and (max-width:828px){
        .o-slide_wrapper{
        }
            }
@media screen and (min-width:829px){
    .o-slide{
            padding:105px 80px 40px
    }
        }
@media screen and (max-width:828px){
    .o-slide{
            padding:20vw 4vw 15vw;
            min-height:calc(100vh - 8vw)
    }
        }
.o-slide::before,
        .o-slide::after{
            content:'';
            display:block;
            position:absolute;
            top:0;
            bottom:0;
            background-color:#c8000a;
            background-color:var(--color-red);
        }
.o-slide::before{
            left:0
        }
@media screen and (min-width:829px){
        .o-slide::before{
                width:4px
        }
            }
@media screen and (max-width:828px){
        .o-slide::before{
                width:2px
        }
            }
.o-slide::after{
            width:1px
        }
@media screen and (min-width:829px){
        .o-slide::after{
                left:10px
        }
            }
@media screen and (max-width:828px){
        .o-slide::after{
                left:4px
        }
            }
.o-question_header{
        }
@media screen and (min-width:829px){
        .o-question_header{
                display:-webkit-box;
                display:-webkit-flex;
                display:flex;
                -webkit-box-orient:horizontal;
                -webkit-box-direction:normal;
                -webkit-flex-flow:row nowrap;
                        flex-flow:row nowrap;
                -webkit-box-align:end;
                -webkit-align-items:flex-end;
                        align-items:flex-end;
                height:160px
        }
            }
@media screen and (max-width:828px){
        .o-question_header{
        }
            }
.o-question_number{
            text-align:center;
            font-family:'Sedgwick Co Regular',  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', Meiryo, メイリオ, verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            font-family:var(--font-family-en);
            -webkit-transform-origin:center left;
                    transform-origin:center left;
            -webkit-transform:scaleX(0.9);
                    transform:scaleX(0.9);
            background-color:#c8000a;
            background-color:var(--color-red);
            color:#FFF;
            color:var(--color-white)
        }
@media screen and (min-width:829px){
        .o-question_number{
                margin-bottom:10px;
                width:266.66667px;
                font-size:6.2rem;
                line-height:1
        }
            }
@media screen and (max-width:828px){
        .o-question_number{
                display:block;
                width:25vw;
                padding:0.2vw;
                margin-right:auto;
                margin-left:0;
                margin-bottom:3vw;
                font-size:7vw
        }
            }
.o-question_title{
            font-weight:800
        }
@media screen and (min-width:829px){
        .o-question_title{
                font-size:4.2rem;
                line-height:1.33333
        }
            }
@media screen and (max-width:828px){
        .o-question_title{
                font-size:8vw;
                line-height:1.2
        }
            }
.o-question_note{
            font-weight:400
        }
@media screen and (min-width:829px){
        .o-question_note{
                font-size:1.8rem
        }
            }
@media screen and (max-width:828px){
        .o-question_note{
                font-size:4vw;
                padding-top:3vw
        }
            }
.o-question_option{
            font-weight:600;
            letter-spacing:0.050em;
            line-height:1.2
        }
@media screen and (min-width:829px){
        .o-question_option{
                padding-top:55px;
                font-size:3.6rem
        }
            }
@media screen and (max-width:828px){
        .o-question_option{
                padding-top:12vw;
                font-size:6vw
        }
            }
.o-question_option ul{
                list-style-type:none
            }
@media screen and (min-width:829px){
                .o-question_option ul>li{
                        margin-top:35px
                }
                    }
@media screen and (max-width:828px){
                .o-question_option ul>li{
                        margin-top:8vw
                }
                    }
.o-question_option ul>li:first-child{
                        margin-top:0;
                    }
@media screen and (min-width:829px){
            .o-question_option-checkbox{
                    display:-webkit-box;
                    display:-webkit-flex;
                    display:flex;
                    -webkit-box-orient:horizontal;
                    -webkit-box-direction:normal;
                    -webkit-flex-flow:row nowrap;
                            flex-flow:row nowrap;
                    -webkit-box-pack:justify;
                    -webkit-justify-content:space-between;
                            justify-content:space-between
            }
                }
@media screen and (max-width:828px){
            .o-question_option-checkbox{
                    padding-top:3vw
            }
                }
@media screen and (min-width:829px){
                .o-question_option-checkbox ul{
                        -webkit-box-flex:1;
                        -webkit-flex-grow:1;
                                flex-grow:1
                }
                    }
@media screen and (max-width:828px){
                        .o-question_option-checkbox ul:nth-of-type(2){
                            margin-top:4vw;
                        }
                    }
@media screen and (max-width:828px){
                    .o-question_option-checkbox ul>li{
                            margin-top:4vw
                    }
                        }
.o-question_option input{
                display:none;
            }
.o-question_option input[type="checkbox"] + label{
                display:-webkit-box;
                display:-webkit-flex;
                display:flex;
                -webkit-box-orient:horizontal;
                -webkit-box-direction:normal;
                -webkit-flex-flow:row nowrap;
                        flex-flow:row nowrap;
                -webkit-box-align:center;
                -webkit-align-items:center;
                        align-items:center;
                position:relative
            }
@media screen and (min-width:829px){
            .o-question_option input[type="checkbox"] + label{
                    cursor:pointer
            }
                }
.o-question_option input[type="checkbox"] + label::before{
                    content:'';
                    display:inline-block;
                    background-color:#ffffff
                }
@media screen and (min-width:829px){
                .o-question_option input[type="checkbox"] + label::before{
                        width:36px;
                        height:36px;
                        margin-right:15px
                }
                    }
@media screen and (max-width:828px){
                .o-question_option input[type="checkbox"] + label::before{
                        width:1em;
                        height:1em;
                        margin-right:0.5em
                }
                    }
.o-question_option input[type="checkbox"] + label::after{
                    content:'';
                    position:absolute;
                    display:block;
                    background-image:url("../images/index-mark-check.png");
                    background-repeat:no-repeat;
                    opacity:0.0
                }
@media screen and (min-width:829px){
                .o-question_option input[type="checkbox"] + label::after{
                        width:42px;
                        height:32px;
                        margin-top:-5px;
                        left:0;
                        -webkit-transition:opacity 0.5s;
                        transition:opacity 0.5s
                }
                    }
@media screen and (max-width:828px){
                .o-question_option input[type="checkbox"] + label::after{
                        background-size:contain;
                        width:1.5em;
                        height:1.5em
                }
                    }
.o-question_option input[type="checkbox"] + label:hover::after{
                opacity:0.3;
            }
.o-question_option input[type="checkbox"]:checked + label::after{
                opacity:1.0;
            }
.o-question_option input[type="radio"] + label{
                display:inline-block;
                position:relative
            }
@media screen and (min-width:829px){
            .o-question_option input[type="radio"] + label{
                    cursor:pointer
            }
                }
@media screen and (max-width:828px){
            .o-question_option input[type="radio"] + label{
                    display:-webkit-box;
                    display:-webkit-flex;
                    display:flex;
                    -webkit-box-orient:horizontal;
                    -webkit-box-direction:normal;
                    -webkit-flex-flow:row nowrap;
                            flex-flow:row nowrap;
                    -webkit-box-align:start;
                    -webkit-align-items:flex-start;
                            align-items:flex-start;
                    position:relative
            }
                }
.o-question_option input[type="radio"] + label::after{
                    content:"";
                    display:block;
                    background-color:#c8000a;
                    background-color:var(--color-red);
                    width:0;
                    position:absolute;
                    left:0;
                    -webkit-transition:width 0.5s;
                    transition:width 0.5s
                }
@media screen and (min-width:829px){
                .o-question_option input[type="radio"] + label::after{
                        height:4px;
                        bottom:-12px
                }
                    }
@media screen and (max-width:828px){
                .o-question_option input[type="radio"] + label::after{
                }
                    }
.o-question_option input[type="radio"] + label:hover::after{
                    width:100%;
                }
.o-question_option input[type="radio"]:checked + label::after{
                width:100%;
            }
@media screen and (min-width:829px){
            .o-question_optionType{
                    margin-right:40px
            }
                }
@media screen and (max-width:828px){
            .o-question_optionType{
                    margin-right:0.7em
            }
                }
@media screen and (min-width:829px){
            .o-question_optionText{
            }
                }
@media screen and (max-width:828px){
            .o-question_optionText{
            }
                }
.o-question_next{
            font-family:'Sedgwick Co Regular',  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', Meiryo, メイリオ, verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            font-family:var(--font-family-en);
            display:-webkit-box;
            display:-webkit-flex;
            display:flex;
            -webkit-box-orient:horizontal;
            -webkit-box-direction:normal;
            -webkit-flex-flow:row nowrap;
                    flex-flow:row nowrap;
            -webkit-box-pack:center;
            -webkit-justify-content:center;
                    justify-content:center;
            -webkit-box-align:center;
            -webkit-align-items:center;
                    align-items:center;
            margin-right:auto;
            margin-left:auto;
            box-sizing:border-box;
            border:solid 1px #c8000a;
            border:solid 1px var(--color-red);
            color:#c8000a;
            color:var(--color-red);
            background-color:#FFF;
            background-color:var(--color-white)
        }
@media screen and (min-width:829px){
        .o-question_next{
                margin-top:55px;
                width:150px;
                cursor:pointer;
                margin-bottom:-40px
        }
            }
@media screen and (max-width:828px){
        .o-question_next{
                margin-top:8vw;
                margin-bottom:-4vw;
                width:25vw
        }
            }
.o-question_next-enable{
                border:solid 1px gray;
                color:gray;
                cursor:auto;
                opacity:0.5;
            }
.o-question_next span{
                -webkit-transform:scaleX(0.9);
                        transform:scaleX(0.9)
            }
@media screen and (min-width:829px){
            .o-question_next span{
                    font-size:3.917rem
            }
                }
@media screen and (max-width:828px){
            .o-question_next span{
                    font-size:5vw
            }
                }
@media screen and (min-width:829px){
    .o-result{
            min-height:calc(100vh - 60px)
    }
        }
@media screen and (max-width:828px){
    .o-result{
            padding-bottom:37vw
    }
        }
.o-result_section{
        }
.o-result_heading{
            font-weight:800;
            text-align:center;
            line-height:1.33333;
            letter-spacing:0.200em
        }
@media screen and (min-width:829px){
        .o-result_heading{
                font-size:4.2rem
        }
            }
@media screen and (max-width:828px){
        .o-result_heading{
                font-size:8vw
        }
            }
.o-result_header{
            text-align:center
        }
@media screen and (min-width:829px){
        .o-result_header{
        }
            }
@media screen and (max-width:828px){
        .o-result_header{
        }
            }
.o-result_type{
            display:block;
            line-height:1;
            color:#c8000a;
            color:var(--color-red);
            font-weight:800
        }
@media screen and (min-width:829px){
        .o-result_type{
                margin-top:29px
        }
            }
@media screen and (max-width:828px){
        .o-result_type{
                margin-top:3vw
        }
            }
.o-result_typeAlpha{
                font-family:'Sedgwick Co Regular',  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', Meiryo, メイリオ, verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                font-family:var(--font-family-en);
                -webkit-transform-origin:center left;
                        transform-origin:center left;
                -webkit-transform:scaleX(0.9);
                        transform:scaleX(0.9)
            }
@media screen and (min-width:829px){
            .o-result_typeAlpha{
                    font-size:6.2rem
            }
                }
@media screen and (max-width:828px){
            .o-result_typeAlpha{
                    font-size:12vw
            }
                }
@media screen and (min-width:829px){
            .o-result_typeUnit{
                    font-size:4.0rem
            }
                }
@media screen and (max-width:828px){
            .o-result_typeUnit{
                    font-size:8vw
            }
                }
.o-result_title{
            display:-webkit-box;
            display:-webkit-flex;
            display:flex;
            -webkit-box-orient:horizontal;
            -webkit-box-direction:normal;
            -webkit-flex-flow:row nowrap;
                    flex-flow:row nowrap;
            -webkit-box-align:center;
            -webkit-align-items:center;
                    align-items:center;
            -webkit-box-pack:center;
            -webkit-justify-content:center;
                    justify-content:center;
            box-sizing:border-box;
            margin-left:auto;
            margin-right:auto;
            background-color:rgba(255,255,255,0.6);
            background-color:var(--color-whiteA);
            color:#221815;
            color:var(--color-black);
            font-weight:600
        }
@media screen and (min-width:829px){
        .o-result_title{
                margin-top:20px;
                width:400px;
                height:120px;
                border:solid 8px #c8000a;
                border:solid 8px var(--color-red)
        }
            }
@media screen and (max-width:828px){
        .o-result_title{
                margin-top:10vw;
                width:70vw;
                height:20vw;
                border:solid 4px #c8000a;
                border:solid 4px var(--color-red)
        }
            }
.o-result_titleText{
                letter-spacing:0.050em
            }
@media screen and (min-width:829px){
            .o-result_titleText{
                    font-size:3.6rem
            }
                }
@media screen and (max-width:828px){
            .o-result_titleText{
                    font-size:7vw
            }
                }
.o-result_text{
            font-weight:500;
            margin-left:auto;
            margin-right:auto;
            line-height:1.55556
        }
@media screen and (min-width:829px){
        .o-result_text{
                margin-top:20px;
                width:400px;
                font-size:1.8rem
        }
            }
@media screen and (max-width:828px){
        .o-result_text{
                margin-top:5vw;
                width:70vw;
                font-size:4vw
        }
            }
@media screen and (min-width:829px){
    .o-note{
            padding-right:23px;
            padding-left:47px
    }
        }
@media screen and (max-width:828px){
    .o-note{
            padding-bottom:16vw
    }
        }
.o-note_heading{
            font-weight:800;
            text-align:center;
            line-height:1.33333;
            letter-spacing:0.200em
        }
@media screen and (min-width:829px){
        .o-note_heading{
                font-size:4.2rem
        }
            }
@media screen and (max-width:828px){
        .o-note_heading{
                font-size:8vw
        }
            }
.o-note_list{
            list-style-type:none;
            display:-webkit-box;
            display:-webkit-flex;
            display:flex;
            -webkit-box-pack:justify;
            -webkit-justify-content:space-between;
                    justify-content:space-between
        }
@media screen and (min-width:829px){
        .o-note_list{
                -webkit-box-orient:horizontal;
                -webkit-box-direction:normal;
                -webkit-flex-flow:row nowrap;
                        flex-flow:row nowrap;
                margin-top:10px
        }
            }
@media screen and (max-width:828px){
        .o-note_list{
                -webkit-box-orient:horizontal;
                -webkit-box-direction:normal;
                -webkit-flex-flow:row wrap;
                        flex-flow:row wrap;
                margin-top:5vw
        }
            }
@media screen and (min-width:829px){
            .o-note_list>li{
                    width:22.90749%;
                    background-image:-webkit-linear-gradient(top, transparent, transparent 160px, rgba(255,255,255,0.6) 160px, rgba(255,255,255,0.6));
                    background-image:linear-gradient(to bottom, transparent, transparent 160px, rgba(255,255,255,0.6) 160px, rgba(255,255,255,0.6));
                    background-image:-webkit-linear-gradient(top, transparent, transparent 160px, var(--color-whiteA) 160px, var(--color-whiteA));
                    background-image:linear-gradient(to bottom, transparent, transparent 160px, var(--color-whiteA) 160px, var(--color-whiteA))
            }
                }
@media screen and (max-width:828px){
            .o-note_list>li{
                    width:calc(50% - 3vw);
                    background-image:-webkit-linear-gradient(top, transparent, transparent 30vw, rgba(255,255,255,0.6) 30vw, rgba(255,255,255,0.6));
                    background-image:linear-gradient(to bottom, transparent, transparent 30vw, rgba(255,255,255,0.6) 30vw, rgba(255,255,255,0.6));
                    background-image:-webkit-linear-gradient(top, transparent, transparent 30vw, var(--color-whiteA) 30vw, var(--color-whiteA));
                    background-image:linear-gradient(to bottom, transparent, transparent 30vw, var(--color-whiteA) 30vw, var(--color-whiteA));
                    margin-bottom:4vw
            }
                }
.o-note_header{
            text-align:center
        }
@media screen and (min-width:829px){
        .o-note_header{
        }
            }
@media screen and (max-width:828px){
        .o-note_header{
        }
            }
.o-note_type{
            display:block;
            line-height:1;
            color:#c8000a;
            color:var(--color-red);
            font-weight:800
        }
@media screen and (min-width:829px){
        .o-note_type{
        }
            }
@media screen and (max-width:828px){
        .o-note_type{
        }
            }
.o-note_typeAlpha{
                font-family:'Sedgwick Co Regular',  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', Meiryo, メイリオ, verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                font-family:var(--font-family-en);
                -webkit-transform-origin:center left;
                        transform-origin:center left;
                -webkit-transform:scaleX(0.9);
                        transform:scaleX(0.9)
            }
@media screen and (min-width:829px){
            .o-note_typeAlpha{
                    font-size:6.2rem
            }
                }
@media screen and (max-width:828px){
            .o-note_typeAlpha{
                    font-size:12vw
            }
                }
@media screen and (min-width:829px){
            .o-note_typeUnit{
                    font-size:4.0rem
            }
                }
@media screen and (max-width:828px){
            .o-note_typeUnit{
                    font-size:8vw
            }
                }
.o-note_title{
            display:-webkit-box;
            display:-webkit-flex;
            display:flex;
            -webkit-box-orient:horizontal;
            -webkit-box-direction:normal;
            -webkit-flex-flow:row nowrap;
                    flex-flow:row nowrap;
            -webkit-box-align:center;
            -webkit-align-items:center;
                    align-items:center;
            -webkit-box-pack:center;
            -webkit-justify-content:center;
                    justify-content:center;
            box-sizing:border-box;
            margin-left:auto;
            margin-right:auto;
            background-color:rgba(255,255,255,0.6);
            background-color:var(--color-whiteA);
            color:#221815;
            color:var(--color-black);
            font-weight:600;
            width:100%
        }
@media screen and (min-width:829px){
        .o-note_title{
                margin-top:10px;
                height:80px;
                border:solid 6px #c8000a;
                border:solid 6px var(--color-red)
        }
            }
@media screen and (max-width:828px){
        .o-note_title{
                margin-top:3vw;
                height:14vw;
                border:solid 2px #c8000a;
                border:solid 2px var(--color-red)
        }
            }
.o-note_titleText{
                letter-spacing:0.050em
            }
@media screen and (min-width:829px){
            .o-note_titleText{
                    font-size:2.4rem
            }
                }
@media screen and (max-width:828px){
            .o-note_titleText{
                    font-size:5vw
            }
                }
.o-note_text{
            font-weight:500;
            margin-left:auto;
            margin-right:auto;
            line-height:1.55556
        }
@media screen and (min-width:829px){
        .o-note_text{
                padding:10px 10px 25px;
                margin-top:10px;
                font-size:1.8rem
        }
            }
@media screen and (max-width:828px){
        .o-note_text{
                padding:2vw 2vw 4vw;
                font-size:3.5vw
        }
            }
.o-pagenation{
        position:absolute;
        right:0
    }
@media screen and (min-width:829px){
    .o-pagenation{
            bottom:30px;
            width:300px;
            border-bottom:solid 4px #c8000a;
            border-bottom:solid 4px var(--color-red)
    }
        }
@media screen and (max-width:828px){
    .o-pagenation{
            bottom:10vw;
            width:25vw;
            border-bottom:solid 2px #c8000a;
            border-bottom:solid 2px var(--color-red)
    }
        }
.o-pagenation_count{
            display:block;
            font-family:'Sedgwick Co Regular',  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', Meiryo, メイリオ, verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            font-family:var(--font-family-en);
            -webkit-transform-origin:center left;
                    transform-origin:center left;
            -webkit-transform:scaleX(0.9);
                    transform:scaleX(0.9);
            line-height:1
        }
@media screen and (min-width:829px){
        .o-pagenation_count{
                font-size:6.0rem;
                margin-bottom:5px
        }
            }
@media screen and (max-width:828px){
        .o-pagenation_count{
                font-size:5vw
        }
            }
.o-pagenation_numer{
            margin-right:0.5em
        }
@media screen and (min-width:829px){
        .o-pagenation_numer{
        }
            }
@media screen and (max-width:828px){
        .o-pagenation_numer{
        }
            }
.o-pagenation_denom{
            margin-left:0.5em
        }
@media screen and (min-width:829px){
        .o-pagenation_denom{
        }
            }
@media screen and (max-width:828px){
        .o-pagenation_denom{
        }
            }
.o-link{
        position:absolute;
        right:0
    }
@media screen and (min-width:829px){
    .o-link{
            bottom:30px;
            width:320px
    }
        }
@media screen and (max-width:828px){
    .o-link{
            bottom:10vw;
            width:50vw
    }
        }
.o-link a{
            text-decoration:unset;
            display:-webkit-box;
            display:-webkit-flex;
            display:flex;
            -webkit-box-orient:horizontal;
            -webkit-box-direction:normal;
            -webkit-flex-flow:row nowrap;
                    flex-flow:row nowrap;
            -webkit-box-align:center;
            -webkit-align-items:center;
                    align-items:center;
            background-color:#FFF;
            background-color:var(--color-white)
        }
@media screen and (min-width:829px){
        .o-link a{
                height:60px;
                padding-right:20px;
                padding-left:20px
        }
            }
@media screen and (max-width:828px){
        .o-link a{
                height:10vw;
                padding-left:2vw
        }
            }
.o-link>li{
            font-weight:600
        }
@media screen and (min-width:829px){
        .o-link>li{
                margin-top:10px;
                font-size:2.4rem
        }
            }
@media screen and (max-width:828px){
        .o-link>li{
                margin-top:5vw;
                font-size:4vw
        }
            }
@charset "utf-8";
.u-fs-80{
            font-size:80%;
        }
.u-fs-50{
            font-size:50%;
        }
.u-ta-r{
            text-align:right;
        }
.u-ta-c{
            text-align:center;
        }
.u-ta-l{
            text-align:left;
        }
.u-fw-b{
            font-weight:bold;
        }
.u-hide{
        position:absolute !important;
        clip:rect(1px, 1px, 1px, 1px)
    }
br.u-hide{
            display:none;
        }
@media screen and (min-width:829px){
        .u-hide-pc{
                position:absolute !important;
                clip:rect(1px, 1px, 1px, 1px)
        }
                br.u-hide-pc{
                    display:none;
                }
            }
@media screen and (max-width:828px){
        .u-hide-sp{
                position:absolute !important;
                clip:rect(1px, 1px, 1px, 1px)
        }
                br.u-hide-sp{
                    display:none;
                }
            }
@media screen and (max-width:828px) and (orientation: landscape){
            .u-hide-spL{
                    position:absolute !important;
                    clip:rect(1px, 1px, 1px, 1px)
            }
                    br.u-hide-spL{
                        display:none;
                    }
                }
@media screen and (max-width:828px) and (orientation: portrait){
            .u-hide-spP{
                    position:absolute !important;
                    clip:rect(1px, 1px, 1px, 1px)
            }
                    br.u-hide-spP{
                        display:none;
                    }
                }

/*# sourceMappingURL=style.css.map */