@charset "utf-8";
/****************************************
               Reset CSS
*****************************************/
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/
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, dialog, figure, footer, header,
hgroup, menu, nav, section,
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, dialog, figure, footer, header,
hgroup, nav, section
{   display:block;
}

li{
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    transition: all 0.3s;
}

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 #000;
    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;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/****************************************
                base
*****************************************/
*{
    font-display: swap;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    word-break:break-all;
    letter-spacing: 0.05em;
}
*::-webkit-scrollbar{
    display:none;
}
body{
    font-size: 16px;
    font-family: "Noto Sans JP","BIZ UDGothic","メイリオ","Meiryo",sans-serif;
}
a {
    text-decoration:none!important;
    transition: all 0.3s;
    outline:none;
}
.iblock{display: inline-block!important;}
.hide{display:none!important;}

.clearfix:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    height: auto;
    overflow: hidden;
}
button{
    cursor: pointer;
    transition: all 0.3s ease;
}

/****************************************
         color
*****************************************/
.color_red{color:#CC0000}


/****************************************
                Common
*****************************************/
*,*:before,*:after{
    font-display: swap;
    -webkit-box-sizing:border-box!important;
    box-sizing:border-box!important;
}
*::-webkit-scrollbar{
    display:none;
}

.flexbox{
    width: 100%;
    display:-ms-flexbox;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
}
.flexbox.flexwrap{flex-wrap: wrap;}
.flex_l{justify-content: flex-start;}
.flex_r{justify-content: flex-end;}
.flex_c{justify-content: center;}
.flex_spb{justify-content: space-between;}
.flex_spa{justify-content: space-around;}
.flex_column{flex-direction: column;}
.flex_o1{
    -ms-flex-order:1;
    -moz-box-ordinal-group:1;
    -webkit-box-ordinal-group:1;
    -o-box-ordinal-group:1;
    -ms-box-ordinal-group:1;
    -webkit-order:1;
}
.flex_o2{
    -ms-flex-order:2;
    -moz-box-ordinal-group:2;
    -webkit-box-ordinal-group:2;
    -o-box-ordinal-group:2;
    -ms-box-ordinal-group:2;
    -webkit-order:2;
}
.flex_o3{
    -ms-flex-order:3;
    -moz-box-ordinal-group:3;
    -webkit-box-ordinal-group:3;
    -o-box-ordinal-group:3;
    -ms-box-ordinal-group:3;
    -webkit-order:3;
}
.flex_o4{
    -ms-flex-order:4;
    -moz-box-ordinal-group:4;
    -webkit-box-ordinal-group:4;
    -o-box-ordinal-group:4;
    -ms-box-ordinal-group:4;
    -webkit-order:4;
}
.flex_o5{
    -ms-flex-order:5;
    -moz-box-ordinal-group:5;
    -webkit-box-ordinal-group:5;
    -o-box-ordinal-group:5;
    -ms-box-ordinal-group:5;
    -webkit-order:5;
}

.fixed{position:fixed;}
.sticky{position:sticky;}
.relative{position:relative;}
.absolute{position:absolute;}

.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font24{font-size:24px;}
.font28{font-size:28px;}

.lh100{line-height:100%}
.lh120{line-height:120%}
.lh140{line-height:140%}
.lh150{line-height:150%}
.lh200{line-height:200%}

.txc{text-align:center!important;}
.txl{text-align:left!important;}
.txr{text-align:right!important;}

.w5{width:5%!important;}
.w10{width:10%!important;}
.w14{width:calc(100% / 7)!important;}
.w15{width:15%!important;}
.w16{width:calc(100% / 6)!important;}
.w20{width:20%!important;}
.w25{width:25%!important;}
.w30{width:30%!important;}
.w33{width:calc(100% / 3)!important;}
.w40{width:40%!important;}
.w45{width:45%!important;}
.w50{width:50%!important;}
.w55{width:55%!important;}
.w60{width:60%!important;}
.w66{width:calc(100% / 3 * 2)!important;}
.w70{width:70%!important;}
.w75{width:75%!important;}
.w80{width:80%!important;}
.w85{width:85%!important;}
.w90{width:90%!important;}
.w100{width:100%!important;}


/****************************************
         margin/padding
*****************************************/
.mrauto{margin-right:auto;margin-left:auto;}

.mr2{margin-top:2px;margin-bottom:2px;}
.mr4{margin-top:4px;margin-bottom:4px;}
.mr6{margin-top:6px;margin-bottom:6px;}
.mr8{margin-top:8px;margin-bottom:8px;}
.mr10{margin-top:10px;margin-bottom:10px;}
.mr16{margin-top:16px;margin-bottom:16px;}
.mr20{margin-top:20px;margin-bottom:20px;}
.mr32{margin-top:32px;margin-bottom:32px;}

.mrs2{margin-right:2px;margin-left:2px;}
.mrs4{margin-right:4px;margin-left:4px;}
.mrs6{margin-right:6px;margin-left:6px;}
.mrs8{margin-right:8px;margin-left:8px;}
.mrs10{margin-right:10px;margin-left:10px;}
.mrs16{margin-right:16px;margin-left:16px;}
.mrs20{margin-right:20px;margin-left:20px;}
.mrs32{margin-right:32px;margin-left:32px;}

.mrt2{margin-top:2px!important;}
.mrt4{margin-top:4px!important;}
.mrt6{margin-top:6px!important;}
.mrt8{margin-top:8px!important;}
.mrt10{margin-top:10px!important;}
.mrt16{margin-top:16px!important;}
.mrt20{margin-top:20px!important;}
.mrt32{margin-top:32px!important;}

.mrb2{margin-bottom:2px!important;}
.mrb4{margin-bottom:4px!important;}
.mrb6{margin-bottom:6px!important;}
.mrb8{margin-bottom:8px!important;}
.mrb10{margin-bottom:10px!important;}
.mrb16{margin-bottom:16px!important;}
.mrb20{margin-bottom:20px!important;}
.mrb32{margin-bottom:32px!important;}

.pd2{padding-top:2px;padding-bottom:2px;}
.pd4{padding-top:4px;padding-bottom:4px;}
.pd6{padding-top:6px;padding-bottom:6px;}
.pd8{padding-top:8px;padding-bottom:8px;}
.pd10{padding-top:10px;padding-bottom:10px;}
.pd20{padding-top:20px;padding-bottom:20px;}

.pds2{padding-left:2px;padding-right:2px;}
.pds4{padding-left:4px;padding-right:4px;}
.pds6{padding-left:6px;padding-right:6px;}
.pds8{padding-left:8px;padding-right:8px;}
.pds10{padding-left:10px;padding-right:10px;}
.pds12{padding-left:12px;padding-right:12px;}

.pda2{padding:2px;}
.pda4{padding:4px;}
.pda6{padding:6px;}
.pda8{padding:8px;}
.pda10{padding:10px;}


/****************************************
                button
*****************************************/
/* btn color */
.btn_blue{
    display:block;
    color: white;
    line-height: 44px;
    text-align:center;
    width: 320px;
    height: 44px;
    background-color: #0C44AA;
    border: none!important;
    border-radius: 4px!important;
}
.btn_wh{
    display:block;
    color: #002eb6;
    line-height: 44px;
    text-align:center;
    width: 320px;
    height: 44px;
    background-color: white;
    border: solid 1px #0C44AA;
    border-radius: 4px!important;
}
.btn_disable{
    display:block;
    color: #BBB;
    line-height: 44px;
    text-align:center;
    width: 320px;
    height: 44px;
    border: none;
    background-color: #CFD7D3;
    border-radius: 22px!important;
}

/* btn width size */
.btn_s_ss{width: 64px;}
.btn_s_s{width: 180px;}
.btn_s_m{width: 210px;}
.btn_s_l{width: 300px;}
.btn_s_20{width: 20%;}
.btn_s_40{width: 40%;}
.btn_s_50{width: 50%;}
.btn_s_60{width: 60%;}
.btn_s_80{width: 80%;}
.btn_s_100{width: 100%;}

/* btn height size */
.btn_h_ll{height: 20px;font-size: 10px;font-weight: bold;line-height: 20px;}
.btn_h_l{height: 28px;font-size: 11px;font-weight: bold;line-height: 28px;}
.btn_h_m{height: 40px;}
.btn_h_h{height: 60px;}

/* btn position */
.btn_p_c{margin-right:auto;margin-left:auto;}
.btn_p_l{margin-right:auto;margin-left:0px;}
.btn_p_r{margin-right:0px;margin-left:auto;}