*{

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

a{

    line-height: 18px;

    margin-top: 5px;

    margin-bottom: 5px;

    overflow: hidden;

    font-size: 14px;

    color: #333;

}

body,h1,h2,h3,h4,h5,p,div,ul,ol,dl,dt,dd,input,table,tr,th,td,p,a,span,em,i,strong,form,select,option,button{ margin:0; padding:0;border:0;}

body{overflow-x: hidden;font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}

p{font-size: 14px;font-weight: 300;}

h2{font-weight: 100;}

h1{font-weight: 100;font-size: 30px; margin-bottom: 10px; color: #999;}

em,i,strong,th{ font-style:normal; font-weight:normal;}

img,input,select,option,table,tr,td,button{ border:none; border-collapse:collapse;}

a,button{ text-decoration:none; color: #999; -webkit-transition: all 0.5s ease-in-out;transition: all 0.3s ease-in-out;}

a:focus{ text-decoration: none; outline: none; }

a:hover{ text-decoration: none; }

ul,ol,li{ list-style:none;}

.clearfix:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden;}

.d_f{display: flex;}

.d_b{display: block;}

.d_ib{display: inline-block;}

.icon {width: 1em; height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle;}



.mag-clear{margin: 0}

.mag-top-10{margin-top: 10px;}

.mag-top-20{margin-top: 20px;}

.mag-top-30{margin-top: 30px;}

.mag-top-40{margin-top: 40px;}

.mag-top-50{margin-top: 50px;}

.mag-bot-10{margin-bottom: 10px;}

.mag-bot-20{margin-bottom: 20px;}

.mag-bot-30{margin-bottom: 30px;}

.mag-bot-40{margin-bottom: 40px;}

.mag-bot-50{margin-bottom: 50px;}



.pad-clear{padding: 0}

.pad-top-10{padding-top: 10px ;}

.pad-top-20{padding-top: 20px ;}

.pad-top-30{padding-top: 30px ;}

.pad-top-40{padding-top: 40px ;}

.pad-top-50{padding-top: 50px ;}

.pad-bot-10{padding-bottom: 10px;}

.pad-bot-20{padding-bottom: 20px;}

.pad-bot-30{padding-bottom: 30px;}

.pad-bot-40{padding-bottom: 40px;}

.pad-bot-50{padding-bottom: 50px;}
       /* Basic styling for the dropdown button */
       .dropbtn {
        background-color: unset;
    color: white;
    border: none;
    cursor: pointer;
    }
    
    /* Container for the dropdown content */
    .dropdown {
        position: relative;
        display: inline-block;
    }
    
    /* Dropdown content (hidden by default) */
    .dropdown-content {
        display: none;
        /* position: absolute; */
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }
    
    /* Links inside the dropdown */
    .dropdown-content a {
        /* color: black;
        padding: 12px 16px;
        text-decoration: none; */
        display: block;
    }
    
    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {background-color: #f1f1f1}
    
    /* Show the dropdown content when the button is clicked */
    .show {display: block;}