/* base.css */
/*--------------------------------------*/

html {
}

body * {
    box-sizing: border-box;
}

body {
    position: relative;
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 62.5%;
    color: #000000;
    letter-spacing: normal;
    -webkit-text-size-adjust: 100%;
}


/* text link color */
/*--------------------------------------*/

a {
    text-decoration:none;
    transition: all .3s ease;
}

a img {
    opacity:1;
    transition:all .3s ease;
}
a:hover img {
    opacity:0.7;
}
@media only screen and (max-width: 768px) {
    a:hover img {
        opacity: 1;
    }
}


/* wrapper */
/*--------------------------------------*/
#wrapper {
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #E1F0EE;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#wrapper img {
    max-width:100%;
    height:auto;
    vertical-align:bottom;
}

/* section */
section {
    position: relative;
    width: 100%;
}
section .inner {
    position: relative;
    width: 94%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    z-index: 1;
}
@media only screen and (max-width: 750px) {
    section .inner {
        width: 90%;
    }
}

/* pc/sp */
.pc {}
.sp {display:none;}



/* common font/list */
/*--------------------------------------*/
strong {
    font-weight:700;
}

.center {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align:center !important;
}

.right {
    text-align:right !important;
}

.eol {
    margin-bottom:2.5em !important;
}

.bottom {
    margin-bottom:60px !important;
}

.nm {
    margin-bottom:0 !important;
}

.big {
    font-size:1.4em;
}

.note {
    font-size:0.8em;
}

.red {
    color:#ff0000;
}


/* sup sub */
sup {
    vertical-align:super;
    font-size:0.6em;
}
sub {
    vertical-align:sub;
    font-size:0.6em;
}

ul {
    letter-spacing:-0.5em;
}
ul li {
    letter-spacing:normal;
}





/* flex */
.flex-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}



/* - 750px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 750px) {


/* pc/sp */
.pc {display:none;}
.sp {display:block;}

/* flex */
.flex-wrap {
    display: block;
}

}
/* - 750px end */