@charset "UTF-8";
html {
    font-size: 62.5%;
}

body {
    font-size: 1.4rem;
}


/* roboto-condensed-regular  */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

.roboto{
    font-family: 'Roboto', sans-serif;
}

.roboto_CON{
 font-family: 'Roboto Condensed';
 letter-spacing: .1px;
}



/* 変数定義 */

:root {
    --col-space: 10px;
    --base-margin: 10px;
    --color-main: #00574B;
    --color-black1: #404040;
    --color-gray: #F5F6F9;
    --color-green1: #006F60;
    --color-green2: #E5F3F1;
    --color-green3: #4DAB9F;
    --color-yellow: #EDD350;
}

.contentWrap {
    max-width: 1100px;
    padding: 0 0;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.contentWrap.xl {
    max-width: 1793px;
}

.col2Wrap,
.col3Wrap,
.col4Wrap,
.col5Wrap,
.colFreeWrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 calc(var(--col-space) * -1);
}

.colFreeWrap {
    flex-wrap: nowrap;
}

.col2Wrap .col,
.col3Wrap .col,
.col4Wrap .col,
.col5Wrap .col,
.colFreeWrap .col {
    margin: 0 var(--col-space);
}

.col2Wrap .col {
    flex-basis: calc(50% - (var(--col-space) * 2));
}

.col3Wrap .col {
    flex-basis: calc(33.33% - (var(--col-space) * 2));
}

.col4Wrap .col {
    flex-basis: calc(25% - (var(--col-space) * 2));
}

.col5Wrap .col {
    flex-basis: calc(20% - (var(--col-space) * 2));
}

.colFreeWrap .col {
    flex-grow: 1;
}

.colFreeWrap .col.s75 {
    flex-basis: 75%;
}

.colFreeWrap .col.s70 {
    flex-basis: 70%;
}

.colFreeWrap .col.s50 {
    flex-basis: 50%;
}

.colFreeWrap .col.s30 {
    flex-basis: 30%;
}

.colFreeWrap .col.s25 {
    flex-basis: 25%;
}

.col2Wrap.al-center,
.col3Wrap.al-center,
.col4Wrap.al-center,
.col5Wrap.al-center,
.colFreeWrap.al-center {
    align-items: center;
}

.col2Wrap.al-stretch,
.col3Wrap.al-stretch,
.col4Wrap.al-stretch,
.col5Wrap.al-stretch,
.colFreeWrap.al-stretch {
    align-items: stretch;
}

.mb10 {
    margin-bottom: calc(var(--base-margin) * 1);
}

.mb20 {
    margin-bottom: calc(var(--base-margin) * 2);
}

.mb30 {
    margin-bottom: calc(var(--base-margin) * 3);
}

.mb40 {
    margin-bottom: calc(var(--base-margin) * 4);
}

.mb50 {
    margin-bottom: calc(var(--base-margin) * 5);
}

.mb60 {
    margin-bottom: calc(var(--base-margin) * 6);
}

.mb70 {
    margin-bottom: calc(var(--base-margin) * 7);
}

.mb80 {
    margin-bottom: calc(var(--base-margin) * 8);
}

.mb90 {
    margin-bottom: calc(var(--base-margin) * 9);
}

.mb100 {
    margin-bottom: calc(var(--base-margin) * 10);
}

.mb110 {
    margin-bottom: calc(var(--base-margin) * 11);
}

.mb120 {
    margin-bottom: calc(var(--base-margin) * 12);
}

.mb130 {
    margin-bottom: calc(var(--base-margin) * 13);
}

.mb140 {
    margin-bottom: calc(var(--base-margin) * 14);
}

.mb150 {
    margin-bottom: calc(var(--base-margin) * 15);
}

.mb160 {
    margin-bottom: calc(var(--base-margin) * 16);
}

.mb200 {
    margin-bottom: calc(var(--base-margin) * 20);
}


.pt10 {
    padding-top: calc(var(--base-margin) * 1);
}

.pt20 {
    padding-top: calc(var(--base-margin) * 2);
}

.pt30 {
    padding-top: calc(var(--base-margin) * 3);
}

.pt40 {
    padding-top: calc(var(--base-margin) * 4);
}

.pt50 {
    padding-top: calc(var(--base-margin) * 5);
}

.pt60 {
    padding-top: calc(var(--base-margin) * 6);
}

.pt70 {
    padding-top: calc(var(--base-margin) * 7);
}

.pt80 {
    padding-top: calc(var(--base-margin) * 8);
}

.pt90 {
    padding-top: calc(var(--base-margin) * 9);
}

.pt100 {
    padding-top: calc(var(--base-margin) * 10);
}

.pt110 {
    padding-top: calc(var(--base-margin) * 11);
}

.pt120 {
    padding-top: calc(var(--base-margin) * 12);
}

.pt130 {
    padding-top: calc(var(--base-margin) * 13);
}

.pt140 {
    padding-top: calc(var(--base-margin) * 14);
}

.pt150 {
    padding-top: calc(var(--base-margin) * 15);
}

.pt160 {
    padding-top: calc(var(--base-margin) * 16);
}

.pt200 {
    padding-top: calc(var(--base-margin) * 20);
}

@media screen and (max-width: 1240px) {}

@media screen and (max-width: 800px) {
    :root {
        --col-space: 5px;
        --base-margin: 5px;
    }
}

@media screen and (max-width: 768px) {
    .col2Wrap .col,
    .col3Wrap .col,
    .col4Wrap .col,
    .col5Wrap .col,
    .colFreeWrap .col {
        flex-basis: 46%;
    }
    .spFlexWrap {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 500px) {
    .col2Wrap .col,
    .col3Wrap .col,
    .col4Wrap .col,
    .col5Wrap .col,
    .colFreeWrap .col {
        flex-basis: 100%;
    }
    .spFlexWrap {
        flex-wrap: wrap;
    }
    .flex_46 .col {
        flex-basis: calc(50% - (var(--col-space) * 2));
    }
}