@charset "utf-8";

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

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
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;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

button {
    font-family: inherit;
}

/* ----------------------------------------------
	基本CSS
-------------------------------------------------*/

* {
    box-sizing: border-box;
}
body {
    /* font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; */
    font-family: Noto Sans JP,-apple-system,BlinkMacSystemFont,\.SFNSDisplay-Regular,Hiragino Sans,Hiragino Kaku Gothic ProN,Helvetica,游ゴシック \ Medium,meiryo,sans-serif;
    text-align:center;
    color: #222;
}
a {
    color: #1398D4;
    text-decoration: none;
}
a:hover {
    color: #7ACBEF;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
li {
    list-style: none;
}

/* font */
.wf-notoSerif { font-family: "Noto Sans JP"; }




/*** Float ***/
.fr {
    float: right;
}
.fl {
    float: left;
}
.float:after {
    content: "";
    display: block;
    clear: both;
}
.inline-block {
    display: inline-block;
}

/*** ぱんくず ***/
.breadcrumb {
    margin-bottom: 50px;
}
.breadcrumb > li {
    display: inline-block;
    font-size: 13px;
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "\03e";
}

/*** Font ***/
.text-sm {
    font-size: 80%;
}
.text-bold {
    font-weight: bold;
}

/*** Box ***/
.box-1 {
    border-radius: 10px;
    padding: 20px;
    color: #ffffff;
    position: relative;
}
.box-1 p {
    font-size: 14px;
    line-height: 1.5;
}
.box-1 h3 {
    margin-left: 40px;
}
.box-1 .num, .box-2 .num {
    font-size: 100px;
    color: #222222;
    font-family: arial, sans-serif;
    font-style: italic;
    position: absolute;
    top: -30px;
    left: 0;
}
.box-2 {
    border-radius: 10px;
    padding: 20px;
    position: relative;
    border: 10px solid;
}
.box-2 p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}
.box-blue {
    background: #E1F7FF;
    border: 3px solid #4E4E4E;
    border-radius: 5px;
    padding: 30px;
}
.slider {
    margin: 0 42px;
}
.box-scroll {
    overflow-y: auto;
}

/* border */
.border {
    border: 4px solid #1EA7DB;
    padding: 30px;
}
.border-vertical {
    border-top: 1px solid #1EA7DB;
    border-bottom: 1px solid #1EA7DB;
    padding: 10px 0;
}
.border-blue {border-color: #13C7D4;}
.border-skyblue {border-color: #1EA7DB;}
.border-pink {border-color: #FF4A98;}

/*** List ***/
.list li {
    list-style: disc outside;
    list-style: none;
    margin: 0 0 0.5em .0;
}
.list-check {
    display: inline-block;
}
.list-check > li {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    background: url(../img/ico_check.png) left top 5px no-repeat;
    padding-left: 50px;
    text-align: left;
    margin-bottom: 30px;
}
.list-num > li {
    font-size: 16px;
    margin-bottom: 30px;
    list-style: decimal outside;
    margin-left: 1em;
    line-height: 1.5;
}
.list-asterisk li {
    font-size: 13px;
    color: #555555;
    line-height: 1.5;
    margin-bottom: 5px;
    padding-left: 1em;
}
.list-asterisk li::before {
    content: "※";
    display: inline;
    margin-left: -1em;
}
.list-menu li {
    display: inline-block;
    margin: 0 15px;
    line-height: 2;
}
@media screen and (max-width:999px) {
    .list-check > li {
        font-size: 14px;
    }
}

/*** Subject ***/
.subject-lg {
    color: #222;
    font-size: 36px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    text-align: center;
    margin-bottom: 80px;
}
.subject-md {
    font-size: 30px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    color: #659CAC;
    margin-bottom: 50px;
    line-height: 1.3;
    letter-spacing: 0.1em;
}
.subject-underline {
    position: relative;
}
.subject-underline::after {
    content: "";
    display: block;
    width: 100px;
    height: 5px;
    background-color: #222222;
    margin: 20px auto 0;
}
.subject-underline_white::after {
    background-color: #FFF;
}
.subject-sm {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.2;
}
@media screen and (max-width:999px) {
    .subject-md {
        font-size: 6.6vw;
    }
}

/*** Text Style ***/
.contaner_leed {
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 50px;
}
.text {
    line-height: 1.8;
}
.text-1, .text-1 p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
}
.text-2, .text-2 p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 1.5em;
}
.text-3 {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 0.5em;
}
.text-0 {
    font-size: 12px;
    line-height: 1.1;
}
.text-lg {
    font-size: 26px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}
.text-line {
    font-weight: bold;
    background: linear-gradient(transparent 30%, #FFF954 30%);
}

.font-notsan {
    font-family: 'Noto Sans JP', sans-serif;
}


/*** Font Size ***/
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs18 {font-size: 18px;}
.fs24 {font-size: 24px;}
.fs26 {font-size: 26px;}
.fs30 {font-size: 30px;}
.fs50 {font-size: 50px;}
@media screen and (min-width:769px) {
    .pc-fs11 {font-size: 11px;}
    .pc-fs12 {font-size: 12px;}
    .pc-fs13 {font-size: 13px;}
    .pc-fs14 {font-size: 14px;}
    .pc-fs15 {font-size: 15px;}
    .pc-fs16 {font-size: 16px;}
    .pc-fs17 {font-size: 17px;}
    .pc-fs18 {font-size: 18px;}
    .pc-fs20 {font-size: 20px;}
}
@media screen and (max-width:768px) {
    .sp-fs11 {font-size: 11px;}
    .sp-fs12 {font-size: 12px;}
    .sp-fs13 {font-size: 13px;}
    .sp-fs14 {font-size: 14px;}
    .sp-fs15 {font-size: 15px;}
    .sp-fs16 {font-size: 16px;}
    .sp-fs17 {font-size: 17px;}
    .sp-fs18 {font-size: 18px;}
    .sp-fs20 {font-size: 20px;}
}

/*** Text Color ***/
.text-red {
    color: #C9151E;
}
.text-gray {
    color: #C1C1C1;
}
.text-white {
    color: #ffffff;
}
.text-blue {
    color: #00BAC1;
}
.text-pink {
    color: #C10080;
}

/*** Text-align ***/
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left!important;
}

/** Label ***/
.label-blue {
    background: #199DD8;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    width: 150px;
    line-height: 34px;
    border-radius: 10px;
    margin-bottom: 20px;
}

/*** Link ***/
.link {
    display: inline-block;
    text-decoration: underline;
}
a.links {
    display: inline-block;
    border: 1px solid #C9151E;
    border-radius: 20px;
    padding: 0 15px 0 15px;
    line-height: 34px;
    font-size: 13px;
    color: #C9151E;
    text-align: center;
    text-decoration: none;
}


/*** iframe ***/
.iframe iframe {
    width: 100%;
}

/*** Img ***/
.img-md {
    max-height: 200px;
    width: auto;
}

/*** Table ***/
.fixed-fixed {
    table-layout: fixed;
}
.table {
    width: 100%;
}
.table-1 {
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}
.table-1 th, .table-1 td {
    padding: 15px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.table-1 > thead > tr > th {
    background: #f0f0f0;
    font-weight: normal;
    position: sticky;
    top:0;
}
.table-1 > tbody > tr > th {
    background: #f0f0f0;
    font-weight: bold;
    width: 300px;
}
.table-1 small {
    font-size: 80%;
}
.table-1.text-left th, .table-1.text-left td {
    text-align: left;
}
.table-2 {
    width: 100%;

}
.table-2 > thead > tr > th {
    background: #f0f0f0;
    font-weight: normal;
    position: sticky;
    white-space: nowrap;

    
}
.table-2 th {
    padding: 20px 10px;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    position: sticky;
    top:0;
    font-size: 13px;

}
.table-2 td {
    padding: 20px 10px;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #999999;
    word-break: break-all;
    font-size: 13px;
}
.table-pop-wrap {
    border: 3px solid #4E4E4E;
    border-radius: 5px;
    padding: 10px 0;
}
.table-pop {
    width: 100%;
}
.table-pop th, .table-pop td {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 13px;
}
.table-pop th {
    background-color: #FF9BDD;
}

/*** Icon ***/
.ico-arrow {
    background: url(../img/ico_arrow_red.svg) 0 center no-repeat;
    width: 5px;
    height: 8px;
    display: inline-block;
    margin-right: 5px;
}
.ico-arrow2 {
    background: url(../img/ico_arrow.svg) 0 center no-repeat;
    width: 8px;
    height: 13px;
    display: inline-block;
    margin-right: 10px;
}

/*** Position ***/
.relative {
    position: relative;
}
.position-right-top {
    position: absolute;
    top: 6px;
    right: 0;
}



/* Img */
.img-radius img {
    border-radius: 100%;
}

/*** Form ***/
.form-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.form-label {
    width: 35%;
    padding-top: 14px;
    font-weight: bold;
    position: relative;
}
.form-label small {
    font-size: 80%;
}
.form-input {
    width: 60%;
    font-size: 14px;
    line-height: 1.5;
}
.confirm .form-input {
    padding-top: 14px;
}
@media screen and (min-width:1000px) {
    .form_confirm .form-input {
        padding-top: 14px;
    }
}
@media screen and (max-width:999px) {
    .form-item {
        display: block;
    }
    .form-label {
        width: auto;
        margin-bottom: 20px;
    }
    .form-input {
        width: auto;
    }
}
.form-control {
    border: 1px solid #DDD;
    border-radius: 3px;
    height: 50px;
    width: 100%;
    padding: 0 20px;
    font-size: 14px;
}
.form-control::placeholder {
    color: #999999;
}
textarea.form-control {
    height: auto;
    padding: 10px;
    line-height: 1.3;
}
.form-inline {
    display: inline-block;
    margin-right: 10px;
}
.form-group {
    display: block;
    margin-bottom: 10px;
}
label.form-group {
    cursor: pointer;
}
.form-group label {
    cursor: pointer;
}
.checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid #E5E5E5;
    background: #F1F1F1;
    border-radius: 3px;
    cursor: pointer;
}
.checkbox-inline {
    display: inline-block;
    margin-right: 20px;
    font-size: 16px;
}
.required {
    position: absolute;
    top: 14px;
    right: 0px;
    display: block;
    margin-left: 10px;
    height: 18px;
    line-height: 18px;
    background: #DE0000;
    border-radius: 10px;
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}
.required-non {
    background: #707070;
}
@media screen and (min-width:1000px) {
    .form-md {
        width: 460px;
    }
    .form-sm {
        width: 120px;
    }
    .form-xs {
        width: 60px;
    }
}
@media screen and (max-width:999px) {
    .checkbox-inline {
        display: block;
    }
}

/*** エラー ***/
.alert-error {
    background: #F2CED0;
    border: 1px solid #C9151E;
    padding: 10px;
    color: #C9151E;
}

/*** Button ***/
.btn {
    display: inline-block;
    padding: 12px 35px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    text-decoration: none;
    background: #333;
    color: #fff;
    border: none;
    border-radius: 30px;
    font-weight: 700;
}
.btn-std {
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #333333;
    font-weight: bold;
    line-height: 30px;
    padding: 0 21px;
}
.btn-std:hover {
    opacity: 0.8;
}
.btn:hover {
    color: #fff;
    opacity: 0.8;
}
.btn2:hover {
    background-color: rgba(255,255,255,0.1);
    color: #ffffff;
}
.btn-black {
    background-color: #222222;
}
.btn-gray {
    background-color: #989898;
}

/*** Width ***/
.w25p {width: 25%;}
.w100 {width: 100px;height: auto;}
.w200 {width: 200px;height: auto;}
@media screen and (min-width:769px) {
    .pc-w300 {width: 300px!important;}
    .pc-w250 {width: 250px!important;}
    .pc-w260 {width: 260px!important;}
    .pc-w200 {width: 200px!important;}
    .pc-w640 {width: 640px!important;}
}
@media screen and (max-width:768px) {
    .sp-w50p {width: 50%;}
}

/* Height */
.h300 {height: 300px;}


/*** Margin Top ***/
.mt0 {margin-top: 0!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}
.mt60 {margin-top: 60px!important;}
.mt70 {margin-top: 70px!important;}
.mt80 {margin-top: 80px!important;}
.mt90 {margin-top: 90px!important;}
.mt100 {margin-top: 100px!important;}
/*** Margin Left ***/
.ml0 {margin-left: 0!important;}
.ml5 {margin-left: 5px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml40 {margin-left: 40px!important;}
.ml45 {margin-left: 45px!important;}
.ml50 {margin-left: 50px!important;}
.ml60 {margin-left: 60px!important;}
.ml70 {margin-left: 70px!important;}
.ml80 {margin-left: 80px!important;}
.ml90 {margin-left: 90px!important;}
.ml100 {margin-left: 100px!important;}
/*** Margin Bottom ***/
.mb0 {margin-bottom: 0px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb100 {margin-bottom: 100px!important;}
/*** Margin Right ***/
.mr0 {margin-right: 0!important;}
.mr5 {margin-right: 5px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.mr35 {margin-right: 35px!important;}
.mr40 {margin-right: 40px!important;}
.mr45 {margin-right: 45px!important;}
.mr50 {margin-right: 50px!important;}
.mr60 {margin-right: 60px!important;}
.mr70 {margin-right: 70px!important;}
.mr80 {margin-right: 80px!important;}
.mr90 {margin-right: 90px!important;}
.mr100 {margin-right: 100px!important;}
/*** Margin X ***/
.mx5 {margin: 0 5px!important;}
.mx10 {margin: 0 10px!important;}
.mx15 {margin: 0 15px!important;}
.mx20 {margin: 0 20px!important;}
.mx25 {margin: 0 25px!important;}
.mx30 {margin: 0 30px!important;}
.mx35 {margin: 0 35px!important;}
.mx40 {margin: 0 40px!important;}
.mx45 {margin: 0 45px!important;}
.mx50 {margin: 0 50px!important;}
.mx60 {margin: 0 60px!important;}
.mx70 {margin: 0 70px!important;}
.mx80 {margin: 0 80px!important;}
.mx90 {margin: 0 90px!important;}
.mx100 {margin: 0 100px!important;}
/*** Margin Y ***/
.my5 {margin: 5px 0!important;}
.my10 {margin: 10px 0!important;}
.my15 {margin: 15px 0!important;}
.my20 {margin: 20px 0!important;}
.my25 {margin: 25px 0!important;}
.my30 {margin: 30px 0!important;}
.my35 {margin: 35px 0!important;}
.my40 {margin: 40px 0!important;}
.my45 {margin: 45px 0!important;}
.my50 {margin: 50px 0!important;}
.my60 {margin: 60px 0!important;}
.my70 {margin: 70px 0!important;}
.my80 {margin: 80px 0!important;}
.my90 {margin: 90px 0!important;}
.my100 {margin: 100px 0!important;}
/*** Margin ***/
.m10 {margin: 10px!important;}
.m15 {margin: 15px!important;}
.m20 {margin: 20px!important;}
.m25 {margin: 25px!important;}
.m30 {margin: 30px!important;}
.m35 {margin: 35px!important;}
.m40 {margin: 40px!important;}
.m45 {margin: 45px!important;}
.m50 {margin: 50px!important;}
@media screen and (min-width:769px) {
    /*** Margin Top ***/
    .pc-mt5 {margin-top: 5px!important;}
    .pc-mt10 {margin-top: 10px!important;}
    .pc-mt15 {margin-top: 15px!important;}
    .pc-mt20 {margin-top: 20px!important;}
    .pc-mt25 {margin-top: 25px!important;}
    .pc-mt30 {margin-top: 30px!important;}
    .pc-mt35 {margin-top: 35px!important;}
    .pc-mt40 {margin-top: 40px!important;}
    .pc-mt45 {margin-top: 45px!important;}
    .pc-mt50 {margin-top: 50px!important;}
    .pc-mt60 {margin-top: 60px!important;}
    .pc-mt70 {margin-top: 70px!important;}
    .pc-mt80 {margin-top: 80px!important;}
    .pc-mt90 {margin-top: 90px!important;}
    .pc-mt100 {margin-top: 100px!important;}
    /*** Margin Bottom ***/
    .pc-ml5 {margin-left: 5px!important;}
    .pc-ml10 {margin-left: 10px!important;}
    .pc-ml15 {margin-left: 15px!important;}
    .pc-ml20 {margin-left: 20px!important;}
    .pc-ml25 {margin-left: 25px!important;}
    .pc-ml30 {margin-left: 30px!important;}
    .pc-ml35 {margin-left: 35px!important;}
    .pc-ml40 {margin-left: 40px!important;}
    .pc-ml45 {margin-left: 45px!important;}
    .pc-ml50 {margin-left: 50px!important;}
    .pc-ml60 {margin-left: 60px!important;}
    .pc-ml70 {margin-left: 70px!important;}
    .pc-ml80 {margin-left: 80px!important;}
    .pc-ml90 {margin-left: 90px!important;}
    .pc-ml100 {margin-left: 100px!important;}
    /*** Margin Left ***/
    .pc-mb5 {margin-bottom: 5px!important;}
    .pc-mb10 {margin-bottom: 10px!important;}
    .pc-mb15 {margin-bottom: 15px!important;}
    .pc-mb20 {margin-bottom: 20px!important;}
    .pc-mb25 {margin-bottom: 25px!important;}
    .pc-mb30 {margin-bottom: 30px!important;}
    .pc-mb35 {margin-bottom: 35px!important;}
    .pc-mb40 {margin-bottom: 40px!important;}
    .pc-mb45 {margin-bottom: 45px!important;}
    .pc-mb50 {margin-bottom: 50px!important;}
    .pc-mb60 {margin-bottom: 60px!important;}
    .pc-mb70 {margin-bottom: 70px!important;}
    .pc-mb80 {margin-bottom: 80px!important;}
    .pc-mb90 {margin-bottom: 90px!important;}
    .pc-mb100 {margin-bottom: 100px!important;}
    /*** Margin Right ***/
    .pc-mr5 {margin-right: 5px!important;}
    .pc-mr10 {margin-right: 10px!important;}
    .pc-mr15 {margin-right: 15px!important;}
    .pc-mr20 {margin-right: 20px!important;}
    .pc-mr25 {margin-right: 25px!important;}
    .pc-mr30 {margin-right: 30px!important;}
    .pc-mr35 {margin-right: 35px!important;}
    .pc-mr40 {margin-right: 40px!important;}
    .pc-mr45 {margin-right: 45px!important;}
    .pc-mr50 {margin-right: 50px!important;}
    .pc-mr60 {margin-right: 60px!important;}
    .pc-mr70 {margin-right: 70px!important;}
    .pc-mr80 {margin-right: 80px!important;}
    .pc-mr90 {margin-right: 90px!important;}
    .pc-mr100 {margin-right: 100px!important;}
    /*** Margin X ***/
    .pc-mx5 {margin: 0 5px!important;}
    .pc-mx10 {margin: 0 10px!important;}
    .pc-mx15 {margin: 0 15px!important;}
    .pc-mx20 {margin: 0 20px!important;}
    .pc-mx25 {margin: 0 25px!important;}
    .pc-mx30 {margin: 0 30px!important;}
    .pc-mx35 {margin: 0 35px!important;}
    .pc-mx40 {margin: 0 40px!important;}
    .pc-mx45 {margin: 0 45px!important;}
    .pc-mx50 {margin: 0 50px!important;}
    .pc-mx60 {margin: 0 60px!important;}
    .pc-mx70 {margin: 0 70px!important;}
    .pc-mx80 {margin: 0 80px!important;}
    .pc-mx90 {margin: 0 90px!important;}
    .pc-mx100 {margin: 0 100px!important;}
    /*** Margin Y ***/
    .pc-my5 {margin: 5px 0!important;}
    .pc-my10 {margin: 10px 0!important;}
    .pc-my15 {margin: 15px 0!important;}
    .pc-my20 {margin: 20px 0!important;}
    .pc-my25 {margin: 25px 0!important;}
    .pc-my30 {margin: 30px 0!important;}
    .pc-my35 {margin: 35px 0!important;}
    .pc-my40 {margin: 40px 0!important;}
    .pc-my45 {margin: 45px 0!important;}
    .pc-my50 {margin: 50px 0!important;}
    .pc-my60 {margin: 60px 0!important;}
    .pc-my70 {margin: 70px 0!important;}
    .pc-my80 {margin: 80px 0!important;}
    .pc-my90 {margin: 90px 0!important;}
    .pc-my100 {margin: 100px 0!important;}
    /*** Margin ***/
    .pc-m10 {margin: 10px!important;}
    .pc-m15 {margin: 15px!important;}
    .pc-m20 {margin: 20px!important;}
    .pc-m25 {margin: 25px!important;}
    .pc-m30 {margin: 30px!important;}
    .pc-m35 {margin: 35px!important;}
    .pc-m40 {margin: 40px!important;}
    .pc-m45 {margin: 45px!important;}
    .pc-m50 {margin: 50px!important;}
}
@media screen and (max-width:768px) {
    /*** Margin Top ***/
    .sp-mt5 {margin-top: 5px!important;}
    .sp-mt10 {margin-top: 10px!important;}
    .sp-mt15 {margin-top: 15px!important;}
    .sp-mt20 {margin-top: 20px!important;}
    .sp-mt25 {margin-top: 25px!important;}
    .sp-mt30 {margin-top: 30px!important;}
    .sp-mt35 {margin-top: 35px!important;}
    .sp-mt40 {margin-top: 40px!important;}
    .sp-mt45 {margin-top: 45px!important;}
    .sp-mt50 {margin-top: 50px!important;}
    .sp-mt60 {margin-top: 60px!important;}
    .sp-mt70 {margin-top: 70px!important;}
    .sp-mt80 {margin-top: 80px!important;}
    .sp-mt90 {margin-top: 90px!important;}
    .sp-mt100 {margin-top: 100px!important;}
    /*** Margin Bottom ***/
    .sp-ml5 {margin-left: 5px!important;}
    .sp-ml10 {margin-left: 10px!important;}
    .sp-ml15 {margin-left: 15px!important;}
    .sp-ml20 {margin-left: 20px!important;}
    .sp-ml25 {margin-left: 25px!important;}
    .sp-ml30 {margin-left: 30px!important;}
    .sp-ml35 {margin-left: 35px!important;}
    .sp-ml40 {margin-left: 40px!important;}
    .sp-ml45 {margin-left: 45px!important;}
    .sp-ml50 {margin-left: 50px!important;}
    .sp-ml60 {margin-left: 60px!important;}
    .sp-ml70 {margin-left: 70px!important;}
    .sp-ml80 {margin-left: 80px!important;}
    .sp-ml90 {margin-left: 90px!important;}
    .sp-ml100 {margin-left: 100px!important;}
    /*** Margin Left ***/
    .sp-mb5 {margin-bottom: 5px!important;}
    .sp-mb10 {margin-bottom: 10px!important;}
    .sp-mb15 {margin-bottom: 15px!important;}
    .sp-mb20 {margin-bottom: 20px!important;}
    .sp-mb25 {margin-bottom: 25px!important;}
    .sp-mb30 {margin-bottom: 30px!important;}
    .sp-mb35 {margin-bottom: 35px!important;}
    .sp-mb40 {margin-bottom: 40px!important;}
    .sp-mb45 {margin-bottom: 45px!important;}
    .sp-mb50 {margin-bottom: 50px!important;}
    .sp-mb60 {margin-bottom: 60px!important;}
    .sp-mb70 {margin-bottom: 70px!important;}
    .sp-mb80 {margin-bottom: 80px!important;}
    .sp-mb90 {margin-bottom: 90px!important;}
    .sp-mb100 {margin-bottom: 100px!important;}
    /*** Margin Right ***/
    .sp-mr5 {margin-right: 5px!important;}
    .sp-mr10 {margin-right: 10px!important;}
    .sp-mr15 {margin-right: 15px!important;}
    .sp-mr20 {margin-right: 20px!important;}
    .sp-mr25 {margin-right: 25px!important;}
    .sp-mr30 {margin-right: 30px!important;}
    .sp-mr35 {margin-right: 35px!important;}
    .sp-mr40 {margin-right: 40px!important;}
    .sp-mr45 {margin-right: 45px!important;}
    .sp-mr50 {margin-right: 50px!important;}
    .sp-mr60 {margin-right: 60px!important;}
    .sp-mr70 {margin-right: 70px!important;}
    .sp-mr80 {margin-right: 80px!important;}
    .sp-mr90 {margin-right: 90px!important;}
    .sp-mr100 {margin-right: 100px!important;}
    /*** Margin X ***/
    .sp-mx5 {margin: 0 5px!important;}
    .sp-mx10 {margin: 0 10px!important;}
    .sp-mx15 {margin: 0 15px!important;}
    .sp-mx20 {margin: 0 20px!important;}
    .sp-mx25 {margin: 0 25px!important;}
    .sp-mx30 {margin: 0 30px!important;}
    .sp-mx35 {margin: 0 35px!important;}
    .sp-mx40 {margin: 0 40px!important;}
    .sp-mx45 {margin: 0 45px!important;}
    .sp-mx50 {margin: 0 50px!important;}
    .sp-mx60 {margin: 0 60px!important;}
    .sp-mx70 {margin: 0 70px!important;}
    .sp-mx80 {margin: 0 80px!important;}
    .sp-mx90 {margin: 0 90px!important;}
    .sp-mx100 {margin: 0 100px!important;}
    /*** Margin Y ***/
    .sp-my5 {margin: 5px 0!important;}
    .sp-my10 {margin: 10px 0!important;}
    .sp-my15 {margin: 15px 0!important;}
    .sp-my20 {margin: 20px 0!important;}
    .sp-my25 {margin: 25px 0!important;}
    .sp-my30 {margin: 30px 0!important;}
    .sp-my35 {margin: 35px 0!important;}
    .sp-my40 {margin: 40px 0!important;}
    .sp-my45 {margin: 45px 0!important;}
    .sp-my50 {margin: 50px 0!important;}
    .sp-my60 {margin: 60px 0!important;}
    .sp-my70 {margin: 70px 0!important;}
    .sp-my80 {margin: 80px 0!important;}
    .sp-my90 {margin: 90px 0!important;}
    .sp-my100 {margin: 100px 0!important;}
    /*** Margin ***/
    .sp-m10 {margin: 10px!important;}
    .sp-m15 {margin: 15px!important;}
    .sp-m20 {margin: 20px!important;}
    .sp-m25 {margin: 25px!important;}
    .sp-m30 {margin: 30px!important;}
    .sp-m35 {margin: 35px!important;}
    .sp-m40 {margin: 40px!important;}
    .sp-m45 {margin: 45px!important;}
    .sp-m50 {margin: 50px!important;}
}
/*** Padding Top ***/
.pt0 {padding-top: 0!important;}
.pt5 {padding-top: 5px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt25 {padding-top: 25px!important;}
.pt30 {padding-top: 30px!important;}
.pt35 {padding-top: 35px!important;}
.pt40 {padding-top: 40px!important;}
.pt45 {padding-top: 45px!important;}
.pt50 {padding-top: 50px!important;}
.pt60 {padding-top: 60px!important;}
.pt70 {padding-top: 70px!important;}
.pt80 {padding-top: 80px!important;}
.pt90 {padding-top: 90px!important;}
.pt100 {padding-top: 100px!important;}
/*** Padding Left ***/
.pl0 {padding-left: 0!important;}
.pl5 {padding-left: 5px!important;}
.pl10 {padding-left: 10px!important;}
.pl15 {padding-left: 15px!important;}
.pl20 {padding-left: 20px!important;}
.pl25 {padding-left: 25px!important;}
.pl30 {padding-left: 30px!important;}
.pl35 {padding-left: 35px!important;}
.pl40 {padding-left: 40px!important;}
.pl45 {padding-left: 45px!important;}
.pl50 {padding-left: 50px!important;}
.pl60 {padding-left: 60px!important;}
.pl70 {padding-left: 70px!important;}
.pl80 {padding-left: 80px!important;}
.pl90 {padding-left: 90px!important;}
.pl100 {padding-left: 100px!important;}
/*** Padding Bottom ***/
.pb0 {padding-bottom: 0!important;}
.pb5 {padding-bottom: 5px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb25 {padding-bottom: 25px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb35 {padding-bottom: 35px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb45 {padding-bottom: 45px!important;}
.pb50 {padding-bottom: 50px!important;}
.pb60 {padding-bottom: 60px!important;}
.pb70 {padding-bottom: 70px!important;}
.pb80 {padding-bottom: 80px!important;}
.pb90 {padding-bottom: 90px!important;}
.pb100 {padding-bottom: 100px!important;}
/*** Padding Right ***/
.pr0 {padding-right: 0px!important;}
.pr5 {padding-right: 5px!important;}
.pr10 {padding-right: 10px!important;}
.pr15 {padding-right: 15px!important;}
.pr20 {padding-right: 20px!important;}
.pr25 {padding-right: 25px!important;}
.pr30 {padding-right: 30px!important;}
.pr35 {padding-right: 35px!important;}
.pr40 {padding-right: 40px!important;}
.pr45 {padding-right: 45px!important;}
.pr50 {padding-right: 50px!important;}
.pr60 {padding-right: 60px!important;}
.pr70 {padding-right: 70px!important;}
.pr80 {padding-right: 80px!important;}
.pr90 {padding-right: 90px!important;}
.pr100 {padding-right: 100px!important;}
/*** Padding X ***/
.px5 {padding: 0 5px!important;}
.px10 {padding: 0 10px!important;}
.px15 {padding: 0 15px!important;}
.px20 {padding: 0 20px!important;}
.px25 {padding: 0 25px!important;}
.px30 {padding: 0 30px!important;}
.px35 {padding: 0 35px!important;}
.px40 {padding: 0 40px!important;}
.px45 {padding: 0 45px!important;}
.px50 {padding: 0 50px!important;}
.px60 {padding: 0 60px!important;}
.px70 {padding: 0 70px!important;}
.px80 {padding: 0 80px!important;}
.px90 {padding: 0 90px!important;}
.px100 {padding: 0 100px!important;}
/*** Padding Y ***/
.py5 {padding: 5px 0!important;}
.py10 {padding: 10px 0!important;}
.py15 {padding: 15px 0!important;}
.py20 {padding: 20px 0!important;}
.py25 {padding: 25px 0!important;}
.py30 {padding: 30px 0!important;}
.py35 {padding: 35px 0!important;}
.py40 {padding: 40px 0!important;}
.py45 {padding: 45px 0!important;}
.py50 {padding: 50px 0!important;}
.py60 {padding: 60px 0!important;}
.py70 {padding: 70px 0!important;}
.py80 {padding: 80px 0!important;}
.py90 {padding: 90px 0!important;}
.py100 {padding: 100px 0!important;}
/*** Padding ***/
.p10 {padding: 10px!important;}
.p15 {padding: 15px!important;}
.p20 {padding: 20px!important;}
.p25 {padding: 25px!important;}
.p30 {padding: 30px!important;}
.p35 {padding: 35px!important;}
.p40 {padding: 40px!important;}
.p45 {padding: 45px!important;}
.p50 {padding: 50px!important;}
@media screen and (min-width:769px) {
    /*** Padding Top ***/
    .pc-pt5 {padding-top: 5px!important;}
    .pc-pt5 {padding-top: 5px!important;}
    .pc-pt10 {padding-top: 10px!important;}
    .pc-pt15 {padding-top: 15px!important;}
    .pc-pt20 {padding-top: 20px!important;}
    .pc-pt25 {padding-top: 25px!important;}
    .pc-pt30 {padding-top: 30px!important;}
    .pc-pt35 {padding-top: 35px!important;}
    .pc-pt40 {padding-top: 40px!important;}
    .pc-pt45 {padding-top: 45px!important;}
    .pc-pt50 {padding-top: 50px!important;}
    .pc-pt60 {padding-top: 60px!important;}
    .pc-pt70 {padding-top: 70px!important;}
    .pc-pt80 {padding-top: 80px!important;}
    .pc-pt90 {padding-top: 90px!important;}
    .pc-pt100 {padding-top: 100px!important;}
    /*** Padding Bottom ***/
    .pc-pl5 {padding-left: 5px!important;}
    .pc-pl10 {padding-left: 10px!important;}
    .pc-pl15 {padding-left: 15px!important;}
    .pc-pl20 {padding-left: 20px!important;}
    .pc-pl25 {padding-left: 25px!important;}
    .pc-pl30 {padding-left: 30px!important;}
    .pc-pl35 {padding-left: 35px!important;}
    .pc-pl40 {padding-left: 40px!important;}
    .pc-pl45 {padding-left: 45px!important;}
    .pc-pl50 {padding-left: 50px!important;}
    .pc-pl60 {padding-left: 60px!important;}
    .pc-pl70 {padding-left: 70px!important;}
    .pc-pl80 {padding-left: 80px!important;}
    .pc-pl90 {padding-left: 90px!important;}
    .pc-pl100 {padding-left: 100px!important;}
    /*** Padding Left ***/
    .pc-pb5 {padding-bottom: 5px!important;}
    .pc-pb10 {padding-bottom: 10px!important;}
    .pc-pb15 {padding-bottom: 15px!important;}
    .pc-pb20 {padding-bottom: 20px!important;}
    .pc-pb25 {padding-bottom: 25px!important;}
    .pc-pb30 {padding-bottom: 30px!important;}
    .pc-pb35 {padding-bottom: 35px!important;}
    .pc-pb40 {padding-bottom: 40px!important;}
    .pc-pb45 {padding-bottom: 45px!important;}
    .pc-pb50 {padding-bottom: 50px!important;}
    .pc-pb60 {padding-bottom: 60px!important;}
    .pc-pb70 {padding-bottom: 70px!important;}
    .pc-pb80 {padding-bottom: 80px!important;}
    .pc-pb90 {padding-bottom: 90px!important;}
    .pc-pb100 {padding-bottom: 100px!important;}
    /*** Padding Right ***/
    .pc-pr5 {padding-right: 5px!important;}
    .pc-pr10 {padding-right: 10px!important;}
    .pc-pr15 {padding-right: 15px!important;}
    .pc-pr20 {padding-right: 20px!important;}
    .pc-pr25 {padding-right: 25px!important;}
    .pc-pr30 {padding-right: 30px!important;}
    .pc-pr35 {padding-right: 35px!important;}
    .pc-pr40 {padding-right: 40px!important;}
    .pc-pr45 {padding-right: 45px!important;}
    .pc-pr50 {padding-right: 50px!important;}
    .pc-pr60 {padding-right: 60px!important;}
    .pc-pr70 {padding-right: 70px!important;}
    .pc-pr80 {padding-right: 80px!important;}
    .pc-pr90 {padding-right: 90px!important;}
    .pc-pr100 {padding-right: 100px!important;}
    /*** Padding X ***/
    .pc-px5 {padding: 0 5px!important;}
    .pc-px10 {padding: 0 10px!important;}
    .pc-px15 {padding: 0 15px!important;}
    .pc-px20 {padding: 0 20px!important;}
    .pc-px25 {padding: 0 25px!important;}
    .pc-px30 {padding: 0 30px!important;}
    .pc-px35 {padding: 0 35px!important;}
    .pc-px40 {padding: 0 40px!important;}
    .pc-px45 {padding: 0 45px!important;}
    .pc-px50 {padding: 0 50px!important;}
    .pc-px60 {padding: 0 60px!important;}
    .pc-px70 {padding: 0 70px!important;}
    .pc-px80 {padding: 0 80px!important;}
    .pc-px90 {padding: 0 90px!important;}
    .pc-px100 {padding: 0 100px!important;}
    /*** Padding Y ***/
    .pc-py5 {padding: 5px 0!important;}
    .pc-py10 {padding: 10px 0!important;}
    .pc-py15 {padding: 15px 0!important;}
    .pc-py20 {padding: 20px 0!important;}
    .pc-py25 {padding: 25px 0!important;}
    .pc-py30 {padding: 30px 0!important;}
    .pc-py35 {padding: 35px 0!important;}
    .pc-py40 {padding: 40px 0!important;}
    .pc-py45 {padding: 45px 0!important;}
    .pc-py50 {padding: 50px 0!important;}
    .pc-py60 {padding: 60px 0!important;}
    .pc-py70 {padding: 70px 0!important;}
    .pc-py80 {padding: 80px 0!important;}
    .pc-py90 {padding: 90px 0!important;}
    .pc-py100 {padding: 100px 0!important;}
}
@media screen and (max-width:768px) {
    /*** Padding Top ***/
    .sp-pt5 {padding-top: 5px!important;}
    .sp-pt5 {padding-top: 5px!important;}
    .sp-pt10 {padding-top: 10px!important;}
    .sp-pt15 {padding-top: 15px!important;}
    .sp-pt20 {padding-top: 20px!important;}
    .sp-pt25 {padding-top: 25px!important;}
    .sp-pt30 {padding-top: 30px!important;}
    .sp-pt35 {padding-top: 35px!important;}
    .sp-pt40 {padding-top: 40px!important;}
    .sp-pt45 {padding-top: 45px!important;}
    .sp-pt50 {padding-top: 50px!important;}
    .sp-pt60 {padding-top: 60px!important;}
    .sp-pt70 {padding-top: 70px!important;}
    .sp-pt80 {padding-top: 80px!important;}
    .sp-pt90 {padding-top: 90px!important;}
    .sp-pt100 {padding-top: 100px!important;}
    /*** Padding Bottom ***/
    .sp-pl5 {padding-left: 5px!important;}
    .sp-pl10 {padding-left: 10px!important;}
    .sp-pl15 {padding-left: 15px!important;}
    .sp-pl20 {padding-left: 20px!important;}
    .sp-pl25 {padding-left: 25px!important;}
    .sp-pl30 {padding-left: 30px!important;}
    .sp-pl35 {padding-left: 35px!important;}
    .sp-pl40 {padding-left: 40px!important;}
    .sp-pl45 {padding-left: 45px!important;}
    .sp-pl50 {padding-left: 50px!important;}
    .sp-pl60 {padding-left: 60px!important;}
    .sp-pl70 {padding-left: 70px!important;}
    .sp-pl80 {padding-left: 80px!important;}
    .sp-pl90 {padding-left: 90px!important;}
    .sp-pl100 {padding-left: 100px!important;}
    /*** Padding Left ***/
    .sp-pb5 {padding-bottom: 5px!important;}
    .sp-pb10 {padding-bottom: 10px!important;}
    .sp-pb15 {padding-bottom: 15px!important;}
    .sp-pb20 {padding-bottom: 20px!important;}
    .sp-pb25 {padding-bottom: 25px!important;}
    .sp-pb30 {padding-bottom: 30px!important;}
    .sp-pb35 {padding-bottom: 35px!important;}
    .sp-pb40 {padding-bottom: 40px!important;}
    .sp-pb45 {padding-bottom: 45px!important;}
    .sp-pb50 {padding-bottom: 50px!important;}
    .sp-pb60 {padding-bottom: 60px!important;}
    .sp-pb70 {padding-bottom: 70px!important;}
    .sp-pb80 {padding-bottom: 80px!important;}
    .sp-pb90 {padding-bottom: 90px!important;}
    .sp-pb100 {padding-bottom: 100px!important;}
    /*** Padding Right ***/
    .sp-pr5 {padding-right: 5px!important;}
    .sp-pr10 {padding-right: 10px!important;}
    .sp-pr15 {padding-right: 15px!important;}
    .sp-pr20 {padding-right: 20px!important;}
    .sp-pr25 {padding-right: 25px!important;}
    .sp-pr30 {padding-right: 30px!important;}
    .sp-pr35 {padding-right: 35px!important;}
    .sp-pr40 {padding-right: 40px!important;}
    .sp-pr45 {padding-right: 45px!important;}
    .sp-pr50 {padding-right: 50px!important;}
    .sp-pr60 {padding-right: 60px!important;}
    .sp-pr70 {padding-right: 70px!important;}
    .sp-pr80 {padding-right: 80px!important;}
    .sp-pr90 {padding-right: 90px!important;}
    .sp-pr100 {padding-right: 100px!important;}
    /*** Padding X ***/
    .sp-px5 {padding: 0 5px!important;}
    .sp-px10 {padding: 0 10px!important;}
    .sp-px15 {padding: 0 15px!important;}
    .sp-px20 {padding: 0 20px!important;}
    .sp-px25 {padding: 0 25px!important;}
    .sp-px30 {padding: 0 30px!important;}
    .sp-px35 {padding: 0 35px!important;}
    .sp-px40 {padding: 0 40px!important;}
    .sp-px45 {padding: 0 45px!important;}
    .sp-px50 {padding: 0 50px!important;}
    .sp-px60 {padding: 0 60px!important;}
    .sp-px70 {padding: 0 70px!important;}
    .sp-px80 {padding: 0 80px!important;}
    .sp-px90 {padding: 0 90px!important;}
    .sp-px100 {padding: 0 100px!important;}
    /*** Padding Y ***/
    .sp-py5 {padding: 5px 0!important;}
    .sp-py10 {padding: 10px 0!important;}
    .sp-py15 {padding: 15px 0!important;}
    .sp-py20 {padding: 20px 0!important;}
    .sp-py25 {padding: 25px 0!important;}
    .sp-py30 {padding: 30px 0!important;}
    .sp-py35 {padding: 35px 0!important;}
    .sp-py40 {padding: 40px 0!important;}
    .sp-py45 {padding: 45px 0!important;}
    .sp-py50 {padding: 50px 0!important;}
    .sp-py60 {padding: 60px 0!important;}
    .sp-py70 {padding: 70px 0!important;}
    .sp-py80 {padding: 80px 0!important;}
    .sp-py90 {padding: 90px 0!important;}
    .sp-py100 {padding: 100px 0!important;}
}

/* PC Margin */
@media screen and (min-width:769px) {
    .pc-mr50 {margin-right: 50px;}
    .pc-mr40 {margin-right: 40px;}
}

/* ----------------------------------------------
	Grid System
-------------------------------------------------*/
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.row::after {
    content: "";
    display: block;
    clear: both;
}
.col-1 {
    width: 8.33333333%;
}
.col-2 {
    width: 16.66666667%;
}
.col-3 {
    width: 25%;
}
.col-4 {
    width: 33.33333333%;
}
.col-5 {
    width: 41.66666667%;
}
.col-6 {
    width: 50%;
}
.col-7 {
    width: 58.33333333%;
}
.col-8 {
    width: 66.66666667%;
}
.col-9 {
    width: 75%;
}
.col-10 {
    width: 83.33333333%;
}
.col-11 {
    width: 91.66666667%;
}
.col-12 {
    width: 100%;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media screen and (min-width:769px) {
    .row .col-2:nth-child(6n+1) {
        clear: left;
    }
}
@media screen and (max-width:768px) {
    .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
      width: auto;
      float: none;
      padding: 0;
      margin-bottom: 30px;
    }
    .col-2, .col-3 {
      width: 50%;
      margin-bottom: 30px;
    }
    .row .col-2:nth-child(odd) {
        clear: left;
    }
}

/* flex */
.flex {
    display: flex;
}
.flex-center {
    align-items: center;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex3-item {
    margin-right: 50px;
}
.flex-item-40 {
    margin-right: 40px;
}
.flex-space-between {
    justify-content: space-between;
}
@media screen and (min-width:769px) {
    .pc-flex {
        display: flex;
    }
    .flex-item-40 {
        width: 30%;
    }
}
.flex-wrap .flex3-item:last-child {
    margin-right: 0;
}

/* SP Only */
@media screen and (min-width:769px){
    .sp-only {display: none;}
}
@media screen and (max-width:768px) {
    .pc-only {display: none;}
}




/* ----------------------------------------------
	Header
-------------------------------------------------*/
.header {
    padding: 10px 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #FFF;
    z-index: 10;
}
.header_inner {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
    align-items: center;
    padding: 50px 0 40px;
}
.header_copy {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #fff;
}
@media screen and (min-width:1000px) {
    .header {
        min-height: 115px;
        padding: 0 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header_logo {
        display: flex;
        align-items: flex-end;
    }
    .header_logo img {
        width: 150px;
    }
    .logo_text {
        margin-left: 30px;
        font-size: 14px;
        padding-bottom: 6px;
    }
    .header_menu_area {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .header_menu {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-right: 40px;
    }
    .header_menu li {
        font-size: 16px;
        font-weight: 700;
    }
    .header_menu li a {
        color: #222;
    }
    .header_menu li a:hover {
        color: #444;
    }
    .header_menu li:not(:last-child) {
        margin-right: 20px;
    }
    .header_contact {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .header_contact li:not(:last-child) {
        margin-right: 20px;
    }
    .nav-drawer {
        display: none;
    }
}
@media screen and (max-width:999px) {
    body {
        padding-top: 80px;
    }
    .header {
        height: 80px;
    }
    .header_inner {
        display: block;
        padding: 20px 0;
        text-align: center;
    }
    .logo img {
        max-width: 150px;
    }
    .logo_text {
        display: none;
    }
    .header_menu_area {
        display: none;
        position: fixed;
        top: 80px;
        left: 0px;
        right: 0px;
        background-color: #444;
    }
    .header_menu li a {
        display: block;
        padding: 15px;
        border-bottom: 1px solid #666;
        color: #FFF;
    }
    .header_contact {
        padding: 20px 0;
    }
    .header_contact li:not(:last-child) {
        margin-bottom: 10px;
    }

    /*** ハンバーガーメニュー ***/
    .nav-drawer {
        position: fixed;
        top: 25px;
        right: 10px;
        display: block;
        z-index: 999;
    }
    .nav_toggle {
        display: inline-block;
        width: 30px;
        height: 22px;
        vertical-align: middle;
        cursor: pointer;
    }
    .nav_toggle span, .nav_toggle span:before, .nav_toggle span:after {
        position: absolute;
        height: 3px;
        width: 25px;
        border-radius: 3px;
        background: #222;
        display: block;
        content: '';
    }
    .nav_toggle span:before {
        bottom: -8px;
    }
    .nav_toggle span:after {
        bottom: -16px;
    }
    /*** ハンバーガーメニューopen ***/
    .nav_toggle.open span {
        width: 0;
    }
    .nav_toggle.open span:before {
        top: 7px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .nav_toggle.open span:after {
        top: 7px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,64%);
        z-index: 99;
    }
}




/* ----------------------------------------------
	Footer
-------------------------------------------------*/
.footer_menu_wrapper {
    background-color: #F3F3F3;
}
.footer_menu li {
    font-size: 14px;
}
.footer_menu li a {
    color: #222222;
}
.footer_menu li a:hover {
    color: #666;
}
.footer {
    background-color: #FFF;
    text-align: center;
    padding: 30px 0;
}
.footer-inner {
    width: 1000px;
    text-align: center;
    margin: 0 auto;
}
.footer_container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.copyright {
    font-size: 12px;
    color: #666666;
}
.footer_logo {
    margin-right: 25px;
}
@media screen and (min-width:769px) {
    .footer_menu {
        display: flex;
        justify-content: center;
    }
    .footer_menu_wrapper {
        padding: 40px 0;
    }
    .footer_menu li {
        margin: 0 20px;
    }
}
@media screen and (max-width:768px) {
    .footer_menu {
        margin: 0 -20px;
    }
    .footer_menu li a {
        display: block;
        padding: 15px;
    }
    .footer_menu li:not(:last-child) {
        border-bottom: 1px solid #DDD;
    }
    .footer-inner {
        width: auto;
        padding: 0 20px;
    }
}

/* ----------------------------------------------
	Content
-------------------------------------------------*/
.wrapper {
    padding: 80px 0 80px;
    text-align: left;
    background: #fff;
}

.container {
    max-width: 2048px;
    height: 600px;
    margin-bottom: 50px;
    overflow-x: scroll;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;

}
@media screen and (min-width:1000px) {
    body {
        padding-top: 115px;
    }
    .inner {
        max-width: 1200px;
        margin: 0 auto;
    }
    .inner-800 {
        max-width: 800px;
    }
    .inner-1000 {
        max-width: 1000px;
    }
    .inner-wide {
        max-width: 100%;
        margin: 0 50px;
    }
}
@media screen and (max-width:999px) {
    .wrapper {
        width: auto;
        padding: 30px 0;
    }
    /*** Content ***/
    .inner {
        width: auto;
        margin: 0 20px 0;
    }
}


/* ----------------------------------------------
	Base
-------------------------------------------------*/

/* Bg */
.bg-yellow {
    background-color: #FFEE54;
}
.bg-beige {
    background-color: #FFFBE8;
}
.bg-lightgreen {
    background-color: #49CECE;
}


/* ----------------------------------------------
	TOP
-------------------------------------------------*/



/* ページトップ */
#top_scroll {
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    right: 20px;
    margin: 0;
    padding: 0;
}
#page-top{
    display: block;
    font-size: 30px;
    color: #1A8282;
    text-align: center;
    text-decoration: none;
    transition: 1s;
    -webkit-transition: 1s;
}
#page-top:hover{
    opacity: 0.8;
    transform: translateY(-10px);
}

/* ----------------------------------------------
	下層ページ
-------------------------------------------------*/
.content_haader {
    text-align: center;
    margin-bottom: 80px;
}
.content_ttl {
    font-size: 40px;
    font-weight: 900;
    color: #222;
    letter-spacing: 0.3em;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 50px;
}
.content_lead {
    font-size: 12px;
    color: #333333;
    line-height: 1.5;
    text-align: center;
}


/* public/css/pagination.css */
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}
.pagination a {
    padding: 8px 16px;
    margin: 0 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
}
.pagination .active {
    background-color: #007bff;
    color: white;
    border: 1px solid #007bff;
    padding: 8px 16px;
    margin: 0 4px;
    border-radius: 4px;
}
.pagination .disabled {
    color: #999;
    padding: 8px 16px;
    margin: 0 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
}