@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------------

////////////////　BASE

--------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');

* {
border: none;
font: inherit;
outline: none;
vertical-align: bottom;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
*, *:before, *:after {
box-sizing: border-box;
}
html {
font-size: 62.5%;
margin:0;
padding:0;
width: 100%; 
height: 100%;
}
body {
font-family: 'Noto Sans JP', sans-serif;
font-feature-settings : "palt";
line-height: 1;
color: #000;
margin:0;
padding:0;
text-align: center;
font-size: 1.6em;
min-width:100%;
width: 100%; 
height: 100%;
position: relative;
background:#f5f6f7;
}
h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, em,img, a, table, tr, th, td,article, header, footer, aside, figure, figcaption, nav, section {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-size: 100%;
vertical-align:baseline;
}
article, header, footer, aside, figure, figcaption, nav, main, section { 
display:block;
}
ul, li {
padding: 0;
margin: 0;
list-style-type:none;
}
picture {
display:block;
}
figure {
margin:0;
}
img {
vertical-align: bottom;
}
a {
text-decoration:none;
#000;
transition: 0.3s ease-in-out;
}
a:hover {
opacity: 0.5;
}
@media screen and (min-width: 768px) {
.br-sp {
display:none;
}
}
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
.wrapper {
width:100%;
}
@media screen and (min-width: 768px) {
.wrapper {
width:100%;
max-width:960px;
margin:0 auto;
background:#fff;
}
}

/*--------------------------------------------------------------------

////////////////　タイトル

--------------------------------------------------------------------*/
.title {
width:100%;
background:#dee6ec;
display:block;
}
.title img {
width:100%;
}

.main {
width:100%;
background:#dee6ec;
padding-top:1em;
}
.main__elem {
width:100%;
display:block;
text-align:center;
margin:0 0 1.5em 0;
}
@media screen and (min-width: 768px) {
.main__elem {
margin:2.5em 0;
}
}
.main__elem__mds {
width:90%;
margin:0 auto;
}

.main__elem__mds img {
width:100%;
}

.main__cont img {
width:100%;
}
.main__nav {
width:100%;
margin:0 auto;
background:#fff;
padding:2em 5%;
}
@media screen and (min-width: 768px) {
.main__nav {
padding:3.5em 83px 2em 83px;
display: flex;
justify-content:space-between;
}
}
.main__nav__btn {
display:block;
margin-bottom:0.5em;
}
.main__nav__btn:last-of-type {
margin-bottom:0;
}
@media screen and (min-width: 768px) {
.main__nav__btn {
width:247px;
margin-bottom:0;
}
}
.main__nav__btn img {
width:100%;
}
@media screen and (min-width: 768px) {
.main__cta {
display: flex;
}
}
@media screen and (min-width: 768px) {
.main__cta__btn {
display: block;
}
}
.main__cta__btn img {
width:100%;
}



/*--------------------------------------------------------------------

////////////////　footer

--------------------------------------------------------------------*/
.footer {
width:100%;
margin:0 auto;
padding:3em 0 80px 0;
}
@media screen and (min-width: 768px) {
.footer {
width:100%;
max-width:960px;
background:#fff;
padding:3em 0 110px 0;
}
}
.footer__box {
display:inline-block;
}
.footer__box__logo {
display:block;
width:35%;
margin:1.5em auto;
}
@media screen and (min-width: 768px) {
.footer__box__logo {
width:160px;
}
}
.footer__box__nav {
width:85%;
margin:0 auto;
border-bottom:solid 1px #ccc;
padding-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
.footer__box__nav {
margin:0 auto 1em auto;
display: flex;
justify-content:space-between;
}
}
.footer__box__nav__li {
display: inline-block;
margin-bottom:0.5em;
}
.footer__box__nav__li>a {
font-size:1.2rem;
color: #000;
position: relative;
padding-left:12px;
}
.footer__box__nav__li>a::before {
position: absolute;
content: '';
width: 6px;
height: 6px;
border-top: solid 1px #000;
border-right: solid 1px #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
left: 0;
margin-top: -3px;
}
.footer__box__add {
font-size:1.2rem;
margin-bottom: 2.5em;
margin-top: 1.5em;
line-height:1.5;
}
@media screen and (min-width: 768px) {
.footer__box__add {
margin-top: 0;
}
}
.footer__box__cr {
font-size:1.2rem;
margin:0;
position: relative;
width:100%;
}
@media screen and (min-width: 768px) {
.footer__box__cr {
font-size:1.2rem;
margin:0 auto 1.5em auto;
position: relative;
width:85%;
}
}
.footer__box__logo2 {
width:80px;
margin:1.5em auto 0 auto;
}
@media screen and (min-width: 768px) {
.footer__box__logo2 {
position: absolute;
top:0;
right:0;
width:80px;
margin:0;
}
}


/*--------------------------------------------------------------------

////////////////　fixed footer

--------------------------------------------------------------------*/
.fixedFooter {
position: fixed;
width:100%;
bottom: 0;
left: 0;
padding:0;
text-align: center;
background:#EC6C00;
z-index: 100;
background:#fff;
height:70px;
display:none;
border-top:10px solid #fff;
}
@media screen and (min-width: 768px) {
.fixedFooter {
height:100px;
}
}
.fixedFooter__box {
display: flex;
height:70px;
}
@media screen and (min-width: 768px) {
.fixedFooter__box {
height:100px;
padding:0 1em;
}
}
.fixedFooter__btn {
height: 50px;
width:50%;
padding-top:12px;
}
@media screen and (min-width: 768px) {
.fixedFooter__btn {
height: 80px;
padding-top:30px;
}
}
.btn--catalog {
background:#c3d2dd;
}
.btn--exh {
background:#dee6ec;
}

.fixedFooter img {
height: 26px;
}
@media screen and (min-width: 768px) {
.fixedFooter img {
height: 20px;
}
}
@media screen and (min-width: 996px) {
.fixedFooter img {
height: 25px;
}
}