@charset "utf-8";

/****************************************
           Font Face
*****************************************/
@font-face {
    font-family: 'ackaisyo';
    font-style: normal;
    font-weight: 400;
    src: url(/css/font/ackaisyo.woff2) format('woff2'),
    url(/css/font/ackaisyo.woff) format('woff'),
    url(/css/font/ackaisyo.ttf) format('truetype');
    font-display: swap;
}

/****************************************
               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;
}

nav ul 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;
}

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

/****************************************
                Common
*****************************************/
div{-webkit-tap-highlight-color: rgba(0,0,0,0);}
a {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* タップ時の背景色 */
    text-decoration:none;
}
*{
    font-display: swap;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
*::-webkit-scrollbar{
    display:none;
}
li{list-style: none!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;
}

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

.bg_gray{
    background-color:#CCC;
}

.font10{font-size:10px;}
.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;}

.tx_center{text-align:center;}
.tx_left{text-align:left;}
.tx_right{text-align:right;}

.width5{width:5%!important;}
.width10{width:10%!important;}
.width15{width:15%!important;}
.width20{width:20%!important;}
.width25{width:25%!important;}
.width30{width:30%!important;}
.width40{width:40%!important;}
.width33{width:calc(100% / 3)!important;}
.width50{width:50%!important;}
.width60{width:60%!important;}
.width70{width:70%!important;}
.width75{width:75%!important;}
.width80{width:80%!important;}
.width90{width:90%!important;}
.width100{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;}

.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;}
.mrs15{margin-right:15px;margin-left:15px;}
.mrs30{margin-right:30px;margin-left:30px;}

.mrt2{margin-top:2px;}
.mrt4{margin-top:4px;}
.mrt6{margin-top:6px;}
.mrt8{margin-top:8px;}
.mrt10{margin-top:10px;}

.mrb2{margin-bottom:2px;}
.mrb4{margin-bottom:4px;}
.mrb6{margin-bottom:6px;}
.mrb8{margin-bottom:8px;}
.mrb10{margin-bottom:10px;}

.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;}

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


/****************************************
           Common Layout
*****************************************/
.box{
    width:100%;
    display:-ms-flexbox;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
}
.box1{
    -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;
}
.box2{
    -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;
}
.box3{
    -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;
}
.box4{
    -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;
}
.box5{
    -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;
}

.flexbox {display: flex;}
.flex_col {flex-direction: column;}
.justify_row {justify-content: row;}
.justify_between {justify-content: space-between;}
.justify_column {justify-content: column;}
.justify_reverse {justify-content: column-reverse;}
.justify_left {justify-content: flex-start;}
.justify_center {justify-content: center;}
.justify_right {justify-content: flex-end;}

.items_center {align-items: center;}

/****************************************
           Common Parts
*****************************************/